/* 
==========================================================================
DOCUMENT INFORMATION            
========================================================================== 
*
* Document: WASABI Main Stylesheet
* Version:  1.0.0
* Client:   Hubspot Marketplace
* Author:   Struto Ltd - www.struto.co.uk
*
* hs-menu-item hs-menu-depth-2 hs-item-has-children
==========================================================================
INDEX            
==========================================================================  
* 1) =IMPORTS

2) =VARIABLES

* 2) =COS BASE
*) Core
*) Typography

* 3) =WASABI THEME
*) Default COS Modules
*) Template Styles
*) Media Queries

* 4) =MENU NAVIGATION
*) Menu Header Structure
*) Desktop Menu
*) Mobile Menu

* 5) =FORMS
*) Global Forms(Default)
*) Footer Subscription Form
*) Multi Column Form
*) Contact Us / Blog Comments

==========================================================================  */

/* ==========================================================================
1) ==IMPORTS
========================================================================== */


/* Fonts */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:400,600,700&display=swap');
@import url('//fonts.googleapis.com/css?family=Special+Elite');

/* Font Icons */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");
/*Slick Slider*/
@import url("//cdn2.hubspot.net/hub/2040891/hub_generated/template_assets/1513862668077/Custom/page/WASABI/slick-v2.css");
@import url("//cdn2.hubspot.net/hub/2040891/hub_generated/template_assets/1513862631053/Custom/page/WASABI/slick-theme-v2.css");
/* COS Core */
/* 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;}


/* ==========================================================================
2) ==WEBSITE VARIABLES
========================================================================== */

/* Website font */   



/* Primary font color */


/* Section Headings font color */


/* Section Sub-Heading font color */


/* Rich-Text Heading font color */


/* Link Color */



/* Brand Color  */









/* ==========================================================================
3. ==COS BASE                                             
========================================================================== */


/* ==========================================================================
Core                                                    
========================================================================== */

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

html, 
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
} 

body {
	background: #fff;
	color: #767b86;
	font-family: Open Sans, sans-serif;
	font-size: 100%;
  height: auto;
	line-height: 20px;
}

.container-fluid .row-fluid .page-center {
	float: none;
	max-width: 960px;
	margin: 0 auto;
}

.container-fluid .row-fluid .page-center.page-center-offset {
	max-width: 980px;
}

a { 
	color: #40c6f1;
	text-decoration: none;
}
a:hover { 
	color: #06a0d1;
}
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
}

/* Highlighted Text */
::-moz-selection {
	color: #fff;
	background: #767b86;
	text-shadow: none;
}
::selection {
	color: #fff;
	background: #767b86;
	text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
	max-width: initial;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

video {
	max-width: none;
}

.w-background-video {
	position: relative;
	overflow: hidden;
	height: 800px;
	color: white;
}

.c-overlay.c-overlay--inner {
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.w-background-video > video {
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	right: 0;
	bottom: -100%;
	top: -100%;
	left: 0;
	margin: auto;
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	z-index: -100;
	object-fit: cover;
}

.hs_cos_wrapper_type_rich_text ul {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 16px;
}

.hs_cos_wrapper_type_rich_text li {
	padding: 5px 0 0;
	line-height: 24px;
}

/* ==========================================================================
Typography
========================================================================== */

/* Basic text */
p {
	line-height: 1.6;
	display: block;
	margin: 0;
	padding: 8px 0;
}

sup, 
sub {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup { 
	top: -8px;
}

sub { 
	bottom: -4px;
}

/* Headings */
h1 {
	font-size: 65px !important; 
	font-weight: 700;
	margin: 0; 
  line-height: 75px !important;
	text-transform: none;
}

h2 {
	font-size: 40px;
  font-weight: 600;
	line-height: 50px;
	margin:0; 
	text-transform: none;
}

h3 {
	font-size: 30px; 
	margin: 0;
	text-transform: none;
	line-height: 34px;
}

h4 {
	font-size: 20px; 
	line-height: 28px; 
	margin: 0;
}

h5 {
	font-size: 19px; 
	margin:0;
  line-height: 1.2;
}

h6 {
	font-size: 18px;
	margin: 0;
  line-height: 1.2;
}

.hs_cos_wrapper_type_rich_text h1,
.hs_cos_wrapper_type_rich_text h2,
.hs_cos_wrapper_type_rich_text h3,
.hs_cos_wrapper_type_rich_text h4,
.hs_cos_wrapper_type_rich_text h5,
.hs_cos_wrapper_type_rich_text h6 {
	color: #333333;
}

.hs_cos_wrapper_type_rich_text h4{
  margin-top: 40px;
}

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

.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5 {
	color: #333333;
	font-family: Poppins, sans-serif;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 8px;
	padding-top: 19px;
}

/* ==========================================================================
2. ==WASABI THEME                                            
========================================================================== */


/* ==========================================================================
Default COS Modules                                               
========================================================================== */

.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
	border-width: 0;
	max-height: 170px;
	max-width: 210px;
	height: auto;
	width: auto;
	display: inline-block !important;
	float: right;
	margin: 20px 0 20px 20px;
}
.hs-blog-social-share {
	padding: 10px 0 0 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: auto;
}
.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: normal;
}
/** 
* Blog Commments 
*
* Custom styles are listed below, as the COS does not provide default styles.
*/
#toggleComments {
	background-color: #fff;
	border-color: #40c6f1 !important;
	color: #40c6f1 !important;
  margin-top: 0;
}

#toggleComments:hover {}

#comments-listing {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 30px;
}
.comment {
	margin: 10px 0;
	border-top: 1px solid #ccc;
	padding: 15px 0;
}
.comment-date { 
	font-size: 13px;
	text-align: right;
}
.comment-from {
	font-weight: bold;
}
.comment-body {
	padding: 10px 0;
}
.header-container-wrapper {
	position: absolute;
}

.blog-img-border {
    border: 1px solid #b1b1b1;
    padding: 50px;
    margin: 50px;
    border-radius: 5px;
}


.o-blog__last-comments {
display: none;
}

.hs-content-id-24365150713 .o-blog__last-comments,.hs-content-id-24075435781 .o-blog__last-comments{
display: block;
}

/* ==========================================================================
Template Styles                                                 
========================================================================== */

.row-fluid .span12.code-block,
.code-block {
	position: absolute;
	height: 0;
	width: 0;
}

.c-logo {
	height: 30px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.c-logo.c-logo--block {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	float: none;
	text-align: center;
}

.o-container {
	position: relative;
	z-index: 4;
}

.o-container.page-center {
	z-index: auto;
}

.o-container.u-letter-box--super.u-letter-box--nbp {
	padding-bottom: 0px;
}

.o-container.u-letter-box--super.u-letter-box--ntp {
	padding-top: 0px;
}

.c-nav {
	position: absolute;
	top: 0px;
	display: block;
	width: 100%;
	border-bottom: 1px none #f0f0f0;
	background-color: transparent;
	color: #fff;
}

.c-nav__item {
	margin-right: 20px;
	margin-left: 20px;
	padding: 25px 0px 5px;
	float: left;
	font-family: Poppins, sans-serif;
	color: #fff;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.c-nav__item:hover {
	background-color: transparent;
	color: #fff;
}

.c-nav__item.w--current {
	color: #40c6f1;
	font-weight: 300;
}

.c-nav__item.dropdown-list {
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	color: #fff;
}

.c-nav__item.u-color--dark {
	color: #333333;
	font-weight: 400;
}

.o-section {
	position: relative;
	display: block;
}

.o-section-white {
	background-color: #fff;
}

.row-fluid .o-lp-video-wrapper {
	width: 960px;
}

.row-fluid .o-lp-video-wrapper.u-centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

.o-section.o-section--padded {
	padding-left: 20px;
	padding-right: 20px;
}

.u-no-pad {
	padding: 0;
}

.o-section.u-lp-upper {
	z-index: 6;
}

.o-section.u-letter-box--super.u-letter-box--ntp {
	padding-top: 0px;
}

.section-head__desc {
	margin-bottom: 0px;
}

.w-button {
	border: medium none;
	border-radius: 0;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	line-height: 24px;
	padding: 9px 15px;
	text-decoration: none;
}

.c-button {
	display: inline-block;
	padding: 10px 20px;
	border: 1px none transparent;
	background-color: #d3d3d3;
	box-shadow: none;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	color: #333;
	font-family: Poppins, sans-serif;
  font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.c-button.dwnld-button {
	color: #fff;
}

.c-button.dwnld-button:hover {
	color: #fff;
}

.c-button:hover {
	-moz-box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, .25);
	-webkit-box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, .25);
	box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, .25);
	border-collapse: separate;
}

.c-button.c-button--primary {
	padding-top: 12px;
	padding-bottom: 12px;
	border-radius: 3px;
	background-color: #40c6f1;
	background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/arrow-right.svg);
	background-position: 120% 50%;
	background-size: auto 10px;
	background-repeat: no-repeat;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
}

.c-button.c-button--primary:hover {
	padding-right: 40px;
	background-color: #06a0d1;
	background-position: 90% 50%;
	box-shadow: none;
	/** background-color: #d64f39; **/
}

.c-button.c-button--primary:active {
	background-color: #b4422f;
	box-shadow: none;
}

.c-button.c-button--primary.c-button--rounded.c-button--large.u-pillar-box--large {
	padding-right: 50px;
	padding-left: 50px;
}

.c-button.c-button--primary.c-button--rounded.c-button--block {
	width: 100%;
}
.c-button.c-button--primary.c-button--rounded.u-pillar-box--mar-small {
	margin-left: 15px;
}
.c-button.c-button--primary.c-button--rounded.c-button--xsmall {
	padding: 7px 15px;
	font-size: 12px;
}
.c-button.c-button--primary.c-button--rounded.c-button--xsmall.c-button--outline {
	margin-right: 10px;
	border-style: solid;
	border-color: #40c6f1;
	background-color: transparent;
	color: #40c6f1;
}
.c-button.c-button--primary.c-button--rounded.c-button--xsmall.c-button--outline:hover {
	background-color: #40c6f1;
	color: #fff;
}
.c-button.c-button--primary.c-button--rounded.c-button--xsmall.c-button--outline:active {
	border-color: #b4422f;
	background-color: #b4422f;
}
.c-button.c-button--primary.c-button--rounded.c-button--xsmall.u-pillar-box--xlarge {
	padding-right: 42px;
	padding-left: 42px;
}
.c-button.c-button--primary.c-button--rounded.c-button--none:hover {
	background-color: #40c6f1;
	box-shadow: none;
}

.c-hero .c-button {
	margin-bottom: 15px;
	margin-right: 15px;
}

.c-button.c-button--primary.c-button--rounded.upload-btn.u-right {
	float: right;
}
.c-button.c-button--primary.c-button--rounded.upload-btn {
	border-color: #40c6f1;
	background-color: transparent;
	color: #40c6f1;
}
.c-button.c-button--primary.c-button--rounded.upload-btn:hover {
	background-color: #40c6f1;
	color: #fff;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.button-play-icon {
	padding-left: 75px;
	border: 2px solid #40c6f1;
	background-color: transparent;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-play-hover.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-play.svg');
	background-position: 18% -105%, 18% 50%;
	background-size: 27px, 27px;
	background-repeat: no-repeat, no-repeat;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.button-play-icon:hover {
	background-position: 18% 50%, 18% 199%;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.button-play-icon.ancient {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-play-hover.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-play.svg');
	background-position: 18% 204%, 18% 50%;
	background-size: 27px, 27px;
	background-repeat: no-repeat, no-repeat;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.button-play-icon.ancient:hover {
	background-position: 18% 50%, 18% -102%;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.btn-border {
	border-style: solid;
	border-width: 2px;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.icon-previous-button {
	padding-left: 55px;
	border: 2px none #b8b8b8;
	background-color: transparent;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-arrow-left.svg');
	background-position: 31px 50%;
	background-size: 9px;
	background-repeat: no-repeat;
	font-family: Poppins, sans-serif;
	color: #b8b8b8;
	font-weight: 300;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.icon-previous-button.ancient {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-arrow-left-hover.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-arrow-left.svg');
	background-position: 31px -41%, 31px 50%;
	background-size: 9px, 9px;
	background-repeat: no-repeat, no-repeat;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.icon-previous-button.ancient:hover {
	border-color: #40c6f1;
	background-color: #40c6f1;
	background-position: 31px 50%, 31px 149%;
	font-family: Poppins, sans-serif;
	color: #fff;
	font-weight: 300;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.icon-next-button {
	width: 180px;
	padding-right: 55px;
	border: 2px solid #b8b8b8;
	background-color: transparent;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-arrow-right.svg');
	background-position: 69% 49%;
	background-size: 9px;
	background-repeat: no-repeat;
	color: #b8b8b8;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.icon-next-button.ancient {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-arrow-right-hover.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-arrow-right.svg');
	background-position: 69% -41%, 69% 49%;
	background-size: 9px, 9px;
	background-repeat: no-repeat, no-repeat;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.icon-next-button.ancient:hover {
	border-color: #40c6f1;
	background-color: #40c6f1;
	background-position: 69% 49%, 69% 149%;
	color: #fff;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.pagination {
	width: 50px;
	height: 50px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 13px;
	border: 2px solid #b8b8b8;
	background-color: transparent;
	color: #b8b8b8;
}
.c-button.c-button--primary.c-button--large.c-button--rounded.pagination:hover {
	border-color: #40c6f1;
	background-color: #40c6f1;
	color: #fff;
}
.c-button.c-button--primary.c-button--bottom {
	position: relative;
}
.c-button.c-button--primary.c-button--block {
	width: 100%;
}
.c-button.c-button--primary.c-button--block.c-button--corners {
	border-radius: 4px;
}
.c-button.btn--default {
	border-style: none;
	border-color: #777;
	background-color: #fff;
}
.c-button.c-button--success {
	border-style: none;
	background-color: #8ed76c;
	color: #fff;
}
.c-button.c-button--info {
	border-style: none;
	background-color: #00d2ff;
	color: #fff;
}

.c-button.c-button--rounded {
	/* border-radius: 100px; */
	border-radius: 4px;
  margin-top: 15px;
}
.c-button.c-button--rounded.c-button--block {
	display: block;
}
.c-button.c-button--large {
	padding: 15px 30px;
	font-size: 16px;
}
.c-button.c-button--close {
	position: absolute;
	top: 128px;
	right: 128px;
	width: 30px;
	height: 30px;
	padding: 0px;
	border-radius: 100%;
	background-color: transparent;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: lowercase;
	cursor: pointer;
}
.c-button.c-button--close.c-button--white {
	color: #fff;
}
.c-button.c-button--close.c-button--ghost {
	background-color: transparent;
	color: #fff;
}
.c-button.c-button--close.c-button--close-fixed {
	position: fixed;
	z-index: 9999;
	font-weight: 400;
}
.c-button.c-button--block {
	display: block;
}
.c-divider {
	width: 100%;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	background-color: #dfdfdf;
}
.section-inner-title {
	margin-top: 40px;
	margin-bottom: 20px;
}
.c-button__text {
	display: inline-block;
	margin-left: 10px;
}
.c-button__icon {
	display: inline-block;
}
.c-button__icon.fa.fa-search.u-right {
	margin-top: 3px;
	float: right;
}

.c-button__icon.fa.fa-search.u-right.u-right--red {
	color: #40c6f1;
}

.services-section {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/57f2a5b563d4b1963d7c36d5_cashflows_brand_guidelines12.bmp');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	color: #fff;
}

.case-studies-wrap {
	background-color: rgba(244, 244, 244, 0.4);
	padding-bottom: 100px;
}

.case-study {
	height: 300px;
	padding: 40px;
}

.case-study.case-study--bg-left {
	display: block;
	background-image: -webkit-linear-gradient(310deg, rgba(0, 210, 255, .9), rgba(139, 195, 74, .8)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/57f2a5b563d4b1963d7c36d5_cashflows_brand_guidelines12.bmp');
	background-image: linear-gradient(140deg, rgba(0, 210, 255, .9), rgba(139, 195, 74, .8)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/57f2a5b563d4b1963d7c36d5_cashflows_brand_guidelines12.bmp');
	background-position: 0px 0px, 0px 0px;
	background-size: auto, cover;
	color: #fff;
}

.case-study.case-study--bg-middle {
	background-image: -webkit-linear-gradient(135deg, rgba(184, 83, 189, .9), rgba(0, 210, 255, .8)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/57f2a5b563d4b1963d7c36d5_cashflows_brand_guidelines12.bmp');
	background-image: linear-gradient(315deg, rgba(184, 83, 189, .9), rgba(0, 210, 255, .8)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/57f2a5b563d4b1963d7c36d5_cashflows_brand_guidelines12.bmp');
	background-position: 0px 0px, 0px 0px;
	background-size: auto, cover;
	color: #fff;
}

.case-study.case-study--bg-right {
	background-image: -webkit-linear-gradient(139deg, rgba(255, 90, 90, .9), rgba(74, 180, 195, .89)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/all-in-one-desk-2500w.jpg');
	background-image: linear-gradient(311deg, rgba(255, 90, 90, .9), rgba(74, 180, 195, .89)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/all-in-one-desk-2500w.jpg');
	background-position: 0px 0px, 0px 0px;
	background-size: auto, cover;
	color: #fff;
}

.c-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
}

.c-overlay.c-overlay--dismissable {
	cursor: pointer;
}

.c-overlay.no-overlay--hero {
	background-color: transparent;
}

.c-overlay.c-overlay--hero {
	background-color: transparent;
	/*
	background-image: -ms-linear-gradient(322deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9));
	background-image: -webkit-linear-gradient(322deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9));
	background-image: linear-gradient(128deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9));
	*/
}

.c-overlay.c-overlay--gradient-green {
	background-image: -ms-linear-gradient(307deg, rgba(39, 165, 155, .85), rgba(80, 175, 71, .8));
	background-image: -webkit-linear-gradient(307deg, rgba(39, 165, 155, .85), rgba(80, 175, 71, .8));
	background-image: linear-gradient(143deg, rgba(39, 165, 155, .85), rgba(80, 175, 71, .8));
}

.c-overlay.c-overlay--gradient-blue {
	background-image: -ms-linear-gradient(323deg, rgba(0, 210, 255, .9), rgba(139, 195, 74, .8));
	background-image: -webkit-linear-gradient(323deg, rgba(0, 210, 255, .9), rgba(139, 195, 74, .8));
	background-image: linear-gradient(127deg, rgba(0, 210, 255, .9), rgba(139, 195, 74, .8));
}

.c-overlay.c-overlay--dark {
	display: block;
	background-color: rgba(0, 0, 0, .75);
}

.c-heading{
	margin-top: 0px;
	margin-bottom: 0px;
	/* padding-top: 19px; */
	padding-bottom: 8px;
	font-family: Poppins, sans-serif;
	color: #333333;
	line-height: 24px;
	letter-spacing: -0.3px;
}

.c-heading.no-transform {
	text-transform: none;
}

h2.c-heading{
	text-transform: none;
}

.c-heading.c-heading--ntp {
	font-size: 24px;
	padding-top: 0;
	line-height: 19px;
	overflow-wrap: break-word;
}

.c-heading.c-heading--ntp.u-color--primary {
	color: #40c6f1;
}

.c-heading.c-heading--ntp.c-heading__amount {
	display: inline-block;
	padding-bottom: 0;
	font-size: 60px;
	text-align: left;
}

.c-heading.c-heading--ntp.c-heading__amount.c-heading__amount--medium {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 40px;
	text-transform: none;
}

.c-heading.c-heading--ntp.heading-blog {
	line-height: 22px;
	text-transform: none;
}

.c-heading.c-heading--footer {
	border-bottom: 1px solid #767b86;
	color: #767b86;
	display: inline-block;
	margin-bottom: 32px;
	padding-bottom: 16px;
	padding-top: 0;
	text-transform: uppercase;
}

.u-letter-box--small.social {
	display: inline-block;
	margin-left: 30px;
	padding-bottom: 0;
}

.c-heading.c-heading--footer.c-heading--footer-social {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-style: none;
	font-size: 25px;
}

.c-heading.c-heading-np {
	padding-top: 0;
	padding-bottom: 0;
}

.c-heading.c-heading-np.header-text-nc {
	margin-bottom: 8px;
	color: #fff;
	line-height: 74px;
	max-width: 100%;
	text-transform: none;
}
.home-banner-wrap .c-heading.c-heading-np.header-text-nc {
  height: 380px;
  max-width: 700px;
}  

.c-heading.c-heading-np.header-text-nc.c-heading--thin {
	width: 80%;
}

.c-heading.blog-filter-heading {
	display: block;
	padding-top: 17px;
	float: left;
	text-transform: none;
}

.gsib_a {
  padding: 15px 9px 4px 9px;
}

.c-heading.c-heading-sign-up {
	padding-top: 3px;
	padding-bottom: 0;
}

.c-paragraph {
	display: block;
	margin-bottom: 0px;
	padding: 8px 0px;
}

.type-wrapper {
	display: inline;
	height: 160px; 
}

.o-grid {
	position: relative;
}

.o-grid.demo-grid {
	padding: 10px;
	border: 5px solid #dd4e0c;
}

.o-grid.u-same-height__row-fluid {
	position: relative;
}

.o-grid.footer {
	font-size: 13px;
	line-height: 24px;
}

.o-grid.u-letter-box--small.u-letter-box--ntp {
	padding-top: 0px;
}

.o-grid__cell {
	position: relative;
	float: left;
}

.o-grid__cell.u-centered {
	text-align: center;
}

.o-grid__cell.u-centered.u-same-height__buttons {
	padding-bottom: 65px;
}
.o-grid__cell.demo-column {
	height: 80px;
	border: 5px solid #dd4e0c;
}
.o-grid__cell.demo-grid-column {
	height: 80px;
}
.o-grid__cell.u-same-height__cell.demo-same-height-column {
	border: 5px solid #dd4e0c;
}
.o-grid__cell.u-same-height__cell.u-align-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.o-grid__cell.u-same-height__buttons {
	padding-bottom: 65px;
}
.o-grid__cell.o-grid__cell--np {
	padding-right: 0px;
	padding-left: 0px;
}
.o-grid__cell.case-study-section__cell {
	min-height: 365px;
	padding: 35px 40px;
	background-color: #f1f1f1;
}
.o-grid__cell.case-study-section__cell.u-same-height__buttons {
	padding-bottom: 95px;
}
.o-grid__cell.case-study-section__cell.case-study-section__cell--highlight {
	background-color: #fff;
}
.o-grid__cell.o-grid__cell--psmall {
	padding-right: 20px;
	padding-left: 20px;
}
.o-grid__cell.u-window-box--left-right {
	padding-right: 20px;
	padding-left: 20px;
}
.o-grid__cell.o-grid__cell--pright {
	padding-right: 20px;
}
.o-grid__cell.o-grid__cell--pright-medium {
	padding-right: 40px;
}
.o-image {
	height: auto;
	max-height: 100%;
}
.img-full img {
	width: 100% !important;
}
.o-image.o-image--round {
	border-radius: 100%;
}
.o-image.o-image--round-corners {
	border-radius: 25px;
}

.o-image.u-highest img,
.internal-feature-image.u-highest {
	box-shadow: 14px 14px 55px -8px #b4b4b4;
}

.o-image.u-highest.img-narrow {
	box-shadow: none;
	padding-top: 28px;
}
.o-image.u-highest.img-narrow img{
	width: 80% !important;
	box-shadow: 14px 14px 55px -8px #b4b4b4;
}

.o-image.image-demo {
	display: block;
	width: 100%;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #dfdfdf;
}
.o-image.o-image--center,
.o-image.o-image--center img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.o-image.o-image--full,
.o-image.o-image--full img{
	width: 100% !important;
}
.o-image.u-align-center,
.o-image.u-align-center img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.o-image.o-image--small {
	width: 25px;
}
.o-image.blog-internal-image {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-2.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 380px;
	margin-top: 20px;
	display: inline-block;
}
.o-image.blog-internal-image.blog-internal-image--lh {
	height: 300px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-8.jpg');
	background-position: 0px -131px;
}
.u-centered {
	text-align: center;
}
.u-centered.u-w-thin {
  padding-right: 15%;
  padding-left: 15%;
}
.u-right {
	text-align: right;
}
.u-left {
	text-align: left;
}
.u-letter-box--super {
	padding-top: 70px;
	padding-bottom: 70px;
}

.u-letter-box--super-top {
	padding-top: 70px;
}
.u-letter-box--xlarge {
	padding-top: 80px;
	padding-bottom: 80px;
}
.u-letter-box--large {
	padding-top: 60px;
	padding-bottom: 60px;
}
.u-letter-box--medium {
	padding-top: 40px;
	padding-bottom: 40px;
}
.u-letter-box--medium.pad-bot {
	padding-bottom: 100px;
}
.u-letter-box--small {
	padding-top: 20px;
	padding-bottom: 20px;
}
.u-letter-box--small.social {
	display: inline-block;
	margin-left: 30px;
	padding-bottom: 0px;
}
.u-letter-box--xsmall {
	padding-top: 10px;
	padding-bottom: 10px;
}
.u-letter-box--tiny {
	padding-top: 5px;
	padding-bottom: 5px;
}
.c-spacer {
	height: 10px;
}
.c-spacer.c-spacer--small {
	height: 20px;
}
.c-spacer.c-spacer--xsmall {
	height: 30px;
}
.c-spacer.c-spacer--tiny {
	height: 20px;
}
.c-spacer.c-spacer--medium {
	height: 50px;
}
.c-spacer.c-spacer--large {
	height: 60px;
}
.c-spacer.c-spacer--xlarge {
	height: 70px;
}
.c-spacer.c-spacer--super {
	height: 80px;
}
.o-container__item {
	position: relative;
}
.o-container__item.u-np {
	padding-right: 0px;
	padding-left: 0px;
}
.c-code {
	padding: 4px;
	background-color: #e7e7e7;
	color: #dd4e0c;
}
.c-heading-section {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
}
.u-bg--primary {
	background-color: #dd4e0c;
	color: #fff;
}
.u-bg--success {
	background-color: #8bc34a;
	color: #fff;
}
.u-bg--info {
	background-color: #00d2ff;
	color: #fff;
}
.u-bg--grey {
	background-color: #a0a0a0;
	color: #fff;
}
.u-bg--grey-light {
	background-color: silver;
}
.u-bg--grey-lighter {
	background-color: #d4d4d4;
}
.u-bg--grey-extra-light {
	background-color: #e6e6e6;
}
.u-bg--grey-super-light {
	background-color: #f4f4f4;
}
.section-bot-pad,
.u-bg--grey-super-light.section-bot-pad {
	padding-bottom: 60px;
}
.o-section.u-bg--grey-super-extra-light {
	background-color: #ececec;
}
.demo-block {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 40px;
	border: 1px solid #d6d6d6;
	border-radius: 10px;
	background-color: #fff;
}
.demo-block.demo-block--alerts {
	height: 200px;
}
.demo-heading-sub-color {
	color: #8bc34a;
}
.demo-block-border {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #d6d6d6;
}
.u-pillar-box--super {
	padding-right: 70px;
	padding-left: 70px;
}
.u-pillar-box--xlarge {
	padding-right: 60px;
	padding-left: 60px;
}
.u-pillar-box--large {
	padding-right: 50px;
	padding-left: 50px;
}
.u-pillar-box--medium {
	padding-right: 40px;
	padding-left: 40px;
}
.u-pillar-box--small {
	padding-right: 30px;
	padding-left: 30px;
}
.u-pillar-box--xsmall {
	padding-right: 20px;
	padding-left: 20px;
}
.u-pillar-box--tiny {
	padding-right: 10px;
	padding-left: 10px;
}
.u-window-box--super {
	padding: 60px;
}
.u-window-box--xlarge {
	padding: 50px;
}
.u-window-box--large {
	padding: 40px;
}
.u-window-box--small {
	padding: 20px;
}
.u-window-box--tiny {
	padding: 5px;
}
.u-highest img {
	box-shadow: 0 20px 55px -8px rgba(0, 0, 0, .4);
}
.u-high {
	box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .4);
}
.u-higher {
	box-shadow: 0 10px 25px -4px rgba(0, 0, 0, .4);
}
.c-avatar {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background-color: #00d2ff;
	color: #fff;
}
.c-avatar.c-avatar--small {
	width: 50px;
	height: 50px;
}
.c-avatar.c-avatar--medium {
	width: 80px;
	height: 80px;
}
.c-avatar.c-avatar--large {
	width: 150px;
	height: 150px;
}
.c-avatar.c-avatar--extra-large {
	width: 200px;
	height: 200px;
}
.c-avatar__img {
	border-radius: 100%;
}
.c-badge {
	display: inline-block;
	padding: 4px 8px;
	border: 1px solid #96a8b2;
	border-radius: 4px;
	background-color: #96a8b2;
	color: #fff;
	line-height: 24px;
	font-weight: 700;
}
.c-badge.c-badge--primary {
	border-color: #dd4e0c;
	background-color: #dd4e0c;
}
.c-badge.c-badge--info {
	border-color: #00d2ff;
	background-color: #00d2ff;
	color: #fff;
}
.c-badge.c-badge--success {
	border-color: #8bc34a;
	background-color: #8bc34a;
	color: #fff;
}
.c-badge.c-badge--warning {
	border-color: #ff8f00;
	background-color: #ff8f00;
	color: #fff;
}
.u-xsmall {
	font-size: 10px;
}
.u-small {
	font-size: 13px;
}
.u-medium {
	font-size: 16px;
}
.u-large {
	font-size: 18px;
}
.u-xlarge {
	font-size: 24px;
}
.u-super {
	font-size: 32px;
}
.c-card {
	display: inline-block;
	overflow: hidden;
	min-height: 210px;
	padding: 0px;
	border-style: none;
	border-width: 1px;
	border-color: hsla(0, 0%, 85%, .5);
	background-color: #fff;
	text-decoration: none;
}
.testimonial-slider-b .c-card {
	min-height: 286px;
}
.c-card.c-card--ghost {
	border-color: transparent;
	background-color: transparent;
}
.c-card.c-card--full {
	border-style: none;
	background-color: transparent;
}

.c-card.c-card--ghost-border {
	background-color: transparent;
}

.c-card.c-card--footer {
	min-height: 0;
	border-style: none;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}

.c-card.c-card--footer:hover {
	text-decoration: underline;
}

.c-card.c-card--footer strong {
	font-weight: 400;
}

.c-card.c-card__secondary-articles {
	width: 100%;
	height: 360px;
	-webkit-transition: box-shadow 350ms ease;
	transition: box-shadow 350ms ease;
} 

.c-card.c-card__secondary-articles:hover {
	box-shadow: 11px 10px 40px -4px rgba(0, 0, 0, .2);
}

.c-card.c-card__secondary-articles:hover h4 {
	color: #40c6f1;
	-webkit-transition: color 350ms ease;
	transition: color 350ms ease;
}
.c-card.c-card__secondary-articles:active {
	box-shadow: none;
}
.c-card__item {
	padding: 19px;
}
.c-card__item.c-card__item--divider {
	background-color: #bebebe;
	color: #fff;
	font-weight: 700;
}
.c-card__item.c-card__item--divider.c-card__item--primary {
	background-color: #dd4e0c;
}
.c-card__item.c-card__item--divider.c-card__item--info {
	background-color: #00d2ff;
}
.c-card__item.o-media.o-media--footer {
	padding: 0 0 12px;
}
.c-card__heading {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Poppins, sans-serif;
}
.c-card__heading-sub {
	color: #afafaf;
	font-size: 11px;
	font-weight: 400;
}
.c-card__header {
	padding-top: 16px;
	padding-right: 19px;
	padding-left: 19px;
}
.c-card__header.u-card--np {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
.c-card__body {
	padding: 11px 19px 19px;
}
.c-card__body.o-panel {
	position: relative;
}
.c-card__body.o-panel.c-card__body--scroll-small {
	height: 300px;
}
.c-card__body.c-card__body--full {
	position: absolute;
	top: 56px;
	bottom: 72px;
	overflow: auto;
}
.c-card__body.u-card--np {
	padding: 0px;
	overflow-y: auto;
	height: 200px;
	clear: both;
}
.c-card__footer {
	padding: 0 19px 19px;
}
.c-card__footer.c-card__footer--fixed {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.o-panel-container {
	position: relative;
}
.o-panel-container.demo-panel {
	height: 400px;
}
.o-panel {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
}
.modal-demo {
	position: relative;
	height: 800px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/57f2a5b563d4b1963d7c36d5_cashflows_brand_guidelines12.bmp');
	background-position: 0px 0px;
	background-size: cover;
}
.o-modal {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 999;
	overflow: hidden;
	width: 80%;
	max-height: 100%;
	border: 0px solid #dbdbdb;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 15px 15px 42px -4px rgba(0, 0, 0, .2);
	overflow-y: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color:#fff;
}
.o-modal.o-modal--ghost {
	border-color: transparent;
	background-color: transparent;
	color: #fff;
}
.o-modal.o-modal--full {
	left: 32px;
	top: 32px;
	right: 32px;
	bottom: 32px;
	width: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.o-modal.o-modal--gradient {
	border-style: none;
	border-radius: 0px;
	background-color: transparent;
	background-image: -webkit-linear-gradient(318deg, #51535f, #2d2e33);
	background-image: linear-gradient(132deg, #51535f, #2d2e33);
}
.o-media__body {
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
}
.o-media__heading {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.o-media__image {
	width: 130px;
	margin-right: 16px;
	float: left;
}
.o-media__image.o-media__image--right {
	margin-right: 0;
	margin-left: 16px;
	float: right;
}
.o-media__image.o-media__image--footer {
	overflow: hidden;
	width: 50px;
	border-radius: 50px;
}
.o-media__body p{
	text-transform:capitalize;
}
.overlay-demo {
	position: relative;
	height: 500px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/pexels-photo-300788.jpeg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-breadcrumbs {
	display: block;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.c-breadcrumbs__crumb {
	display: inline-block;
	width: auto;
	padding: 0px;
}
.c-breadcrumbs__crumb.c-text--loud {
	font-weight: 700;
}
.c-link,
.c-link a {
	background-color: transparent;
	color: #40c6f1;
	text-decoration: none;
	cursor: pointer;
}

.c-link.c-link--primary {
	color: #40c6f1;
	font-weight: 500;
}

.c-link.c-link--primary:hover {
	text-decoration: underline;
}

.c-link.c-link--info {
	color: #00d2ff;
}

.c-link.c-link--success {
	color: #8bc34a;
}

.c-breadcrumb__divider {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
}

.c-field {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 27px 16px 24px;
	border: 2px solid #e2e2e2;
	border-radius: 4px;
	background-color: transparent;
	font-family: Poppins, sans-serif;
	font-size: 16px;
	font-weight: 300;
}
.c-field.c-field--select {
	cursor: pointer;
}
.c-field.c-field--success {
	border-color: #8bc34a;
}
.c-field.c-field--error {
	border-color: red;
}
.c-field.c-field--icon-left {
	padding-left: 32px;
}
.c-field.c-field--icon-right {
	padding-right: 32px;
}
.c-field.c-field--icon-double {
	padding-right: 32px;
	padding-left: 32px;
}
.c-field.c-field--footer {
	border-style: none;
	background-color: #393e49;
	color: #fff;
}
.c-field.c-field--psmall {
	padding: 16px 0 28px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-width: 2px;
	border-bottom-color: #ececec;
	border-left-style: none;
	border-radius: 0px;
	color: #40c6f1;
}
.c-field.c-field--psmall.u-line-color-dark-grey {
	border-bottom-color: #cfcfcf;
}
.c-field.c-field--pxlarge {
	padding: 40px 0 28px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-width: 2px;
	border-bottom-color: #ececec;
	border-left-style: none;
	border-radius: 0px;
	color: #40c6f1;
}
.c-field.c-field__text-area {
	padding: 40px 0 28px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-width: 2px;
	border-bottom-color: #ececec;
	border-left-style: none;
	border-radius: 0px;
	color: #40c6f1;
}
.c-field.c-field--pmedium {
	padding-top: 24px;
	padding-bottom: 28px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-width: 2px;
	border-bottom-color: #ececec;
	border-left-style: none;
	border-radius: 0px;
}
.c-field.c-field--pmedium.u-line-color-dark-grey {
	border-bottom-color: #cfcfcf;
}
.c-form-wrap {
	margin-bottom: 0px;
}
.o-field {
	position: relative;
}
.fa {
	display: inline-block;
}
.fa.fa-camera.fa-5x.c-card__icon {
	padding-top: 30px;
}
.c-icon {
	position: absolute;
	top: 50%;
	min-height: 16px;
	min-width: 16px;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
	color: #636363;
}
.c-icon.c-icon--left {
	left: 8px;
}
.c-icon.c-icon--right {
	right: 8px;
}
.c-field--error {
	border: 1px solid red;
}
.c-field--error.input-color-demo {
	height: 20px;
}
.c-field--success {
	border: 1px solid #8bc34a;
}
.c-field--success.input-color-demo {
	height: 20px;
}
.u-color--primary {
	color: #dd4e0c;
}
.u-color--success {
	color: #8bc34a;
}
.u-color--info {
	color: #00d2ff;
}
.u-color--grey {
	color: #767b86;
}
.u-color--grey.u-icon-box--ntp {
	padding-top: 0px;
}
.u-color--grey.u-p--ntp {
	padding-top: 0px;
}
.u-color--grey-lighter {
	color: #d4d4d4;
}
.u-color--grey-extra-light {
	color: #e6e6e6;
}
.u-color--grey-super-light {
	color: #f4f4f4;
}
.c-text--highlight {
	margin-bottom: 0px;
	padding: 4px 4px;
	background-color: #ffeb3b;
	color: #5a5a5a;
}
.c-text--highlight.demo-description-text {
	max-width: 500px;
	float: left;
}
.c-blockquote {
	display: block;
	margin: 0px;
	padding: 16px 24px;
	border-left: 5px solid #dd4e0c;
	font-family:  Poppins, sans-serif;
	font-size: 32px;
	line-height: 1.2;
}
.c-blockquote__footer {
	color: #dd4e0c;
	font-size: 12px;
	font-style: italic;
}
.c-alert {
	position: relative;
	margin-bottom: 16px;
	padding: 16px 48px 16px 16px;
	border-radius: 4px;
	background-color: #96a8b2;
	color: #fff;
}
.c-alert.c-alert--primary {
	background-color: #dd4e0c;
}
.c-alert.c-alert--info {
	background-color: #00d2ff;
}
.c-alert.c-alert-success {
	background-color: #8bc34a;
}
.c-alerts-toast {
	position: absolute;
	z-index: 3;
	overflow: auto;
	width: 250px;
	background-color: transparent;
}
.c-alerts-toast.c-alerts-toast--topleft {
	left: 16px;
	top: 16px;
}
.c-alerts-toast.c-alerts-toast--top-right {
	top: 16px;
	right: 16px;
}
.c-alerts-toast.c-alerts-toast--bottomleft {
	left: 16px;
	bottom: 16px;
}
.c-tab-heading {
	border-bottom: 3px solid #e0e0e0;
	background-color: transparent;
}
.c-tab-heading.w--current {
	border-bottom-color: #dd4e0c;
	background-color: transparent;
}
.c-tab-heading.c-tab--disabled {
	color: #bebebe;
	cursor: not-allowed;
}
.c-tabs__content {
	display: block;
	padding: 20px;
	border: 1px solid #cfcfcf;
}
.c-tabs__content.c-tabs__content--nb {
	border-style: none;
}
.c-pagination {
	display: inline-block;
	width: 100%;
	padding: 16px;
	font-size: 12px;
	text-align: center;
}
.pagination {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.pagination li {
	display: inline-block;
}
.pagination li.next-posts-link,
.pagination li.previous-posts-link,
.pagination li.first-posts-link,
.pagination li.last-posts-link {
	position: absolute;
}
.pagination li.first-posts-link {
	left: 10px;
}
.pagination li.previous-posts-link {
	left: 50px;
}
.pagination li.next-posts-link {
	right: 50px;
}
.pagination li.last-posts-link {
	right: 10px;
}
.c-pagination__controls {
	display: inline-block;
}
.c-pagination__controls.c-pagination__controls--backward {
	float: left;
}
.c-pagination__controls.c-pagination__controls--forward {
	float: right;
}
.c-pagination__control {
	display: inline-block;
	overflow: hidden;
	width: 38px;
	height: 38px;
	max-width: 100%;
	min-width: 38px;
	margin-right: 2px;
	margin-left: 2px;
	padding: 12px;
	border: 1px solid #b8b8b8;
	border-radius: 30px;
	background-color: transparent;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	color: #333333;
  /*
	font-size: 16px;
	line-height: 1.2;
  */
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
.c-pagination__control a {
	border-radius: 30px;
	height: 100%;
	left: 0;
	padding-top: 9px;
	position: absolute;
	top: 0;
	width: 100%;
}
.c-pagination__control:hover {
	border-color: #40c6f1;
	background-color: #40c6f1;
	box-shadow: 3px 4px 14px 0 rgba(0, 0, 0, .2);
	color: #fff;
}
.c-pagination__control:hover a {
	color: #fff;
}
.c-pagination__control:active {
	box-shadow: none;
}
.c-pagination__control.c-pagination__control--current,
.c-pagination__control.c-pagination__control--current a{
	border-color: transparent;
	background-color: #40c6f1;
	color: #fff;
}
.c-pagination__ellipsis {
	display: inline-block;
	overflow: hidden;
	background-color: transparent;
	color: #363636;
}
.c-list {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
}
.c-list.c-list--unstyled {
	padding-left: 0;
	list-style-type: none;
}
.c-list.c-list--ordered {
	list-style-type: decimal;
}
.c-list__item {
	padding: 0px;
}
.c-list__item.c-list__item--inline {
	display: inline-block;
	margin-right: 16px;
	padding-left: 20px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/circle.svg');
	background-position: 0px 50%;
	background-size: 4px 4px;
	background-repeat: no-repeat;
}
.c-list__item.c-list__item--image {
	padding-left: 30px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/rec.svg');
	background-position: 0px 50%;
	background-size: 15px 15px;
	background-repeat: no-repeat;
}
.c-list__item.c-list__item--image.c-list_item--image-2 {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/download.png');
	background-size: 15px 15px;
}
.c-address {
	padding-top: 8px;
	padding-bottom: 8px;
	font-style: normal;
}
.c-text {
	font-family: Poppins, sans-serif;
	color: #767b86;
	line-height: 24px;
	font-weight: 400;
}

.c-address__heading {
	display: block;
	color: #ffffff;
	font-weight: 700;
}

.text-block {
	display: block;
}

.menu-demo {
	padding-right: 25px;
	padding-left: 25px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fff;
	text-align: right;
}
.c-nav-drawer {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 9999;
	display: block;
	background-color: #dd4e0c;
	color: #fff;
}
.c-menu {
	font-size: 13px;
}
.u-bg--transparent {
	background-color: transparent;
}
.u-bg--white {
	background-color: #fff;
}
.c-nav-drawer__footer {
	display: block;
	width: 100%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10%;
	border-top: 1px solid hsla(0, 0%, 51%, .2);
	color: hsla(0, 0%, 51%, .5);
	font-size: 12px;
	text-align: center;
}
.c-menu-buttton {
	display: none;
	padding: 25px 20px;
	color: #000;
	text-decoration: none;
}
.c-menu-buttton.w--open {
	color: #fff;
}
.c-menu-buttton.c-menu-button--drawer {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}
.c-menu-buttton.c-menu-button--drawer.w--open {
	background-color: #c73f00;
}
.c-menu-button__icon {
	display: inline-block;
	float: left;
}
.c-menu-drawer {
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	overflow: auto;
	float: none;
	background-color: #fff;
	box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .2);
	color: #333;
}
.c-menu-drawer__item {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
	text-align: center;
}
.c-menu-drawer__item:hover {
	background-color: #f5f5f5;
}
.c-hero {
	width: 100%;
	height: 868px;
	padding: 50px 0;
  position: relative; 
  overflow: hidden;
}
.c-hero.c-hero--home {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/bg-hamepage-1.jpg');
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 70px;
	padding-bottom: 20px;
  position: relative; 
  overflow: hidden;
}
.c-hero.c-hero--home .banner-sub {
	max-width: 700px;
}
.c-hero.c-hero--home .banner-sub h3 { 
	margin-left: 0;
	margin-right: 0;
}
.c-hero.c-hero--about {
	height: 468px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo-portrait-of-successful-creative-business-team-looking-at-camera-and-smiling-diverse-business-653340904.jpg');
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-hero.c-hero--services {
	height: 468px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo-coworkers-looking-at-a-computer-and-discussing-over-new-business-plan-business-team-working-610931243.jpg');
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-hero.c-hero--pricing {
	height: 468px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo-two-business-professionals-standing-behind-the-glass-wall-with-sticky-notes-and-discussing-653795557.jpg');
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--contact {
	height: 468px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo-wide-angle-shot-of-business-people-in-modern-office-young-men-and-women-working-in-office-lobby-610938071.jpg');
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--home-boxed {
	height: 650px;
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--blog {
	height: 300px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/bg-blog.jpg');
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--home.u-align-table.bg-vid {
	padding-bottom: 153px;
	background-image: none;
}

.c-hero.c-hero--internal {
	height: 120px;
}

.software--banner-v2 {
  background-color: #333;
}

.c-hero.c-hero--landing-one {
	height: 310px;
  background-color: #333 !important;
	/* background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo-shot-of-young-female-designer-using-graphics-tablet-while-working-with-computer-creative-658472449.jpg'); */
	background-position: 50% 10%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--landing-two {
  background-color: #333 !important;
	/* background-image: url("//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/bg-landing-page-two.jpg"); */
	background-position: 50% 10%;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	padding-top: 0;
}

.c-hero.c-hero--landing-three {
	height: 130px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--landing-four {
	height: auto;
	padding-bottom: 200px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--landing-five {
	height: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.c-hero.c-hero--thank-you {
	height: 468px;
	/* background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo-indoor-shot-of-young-african-woman-sitting-in-office-and-using-digital-tablet-creative-658472617.jpg'); */
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
  
  /* Temp Solution */
  background-color: #333 !important;
  background-image: none !important;
}

.c-hero.c-hero--error {
	height: 468px;
  /* background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/bg-hamepage-5.jpg'); */
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
  
  /* Temp Solution */
  background-color: #333 !important;
  background-image: none !important;
}

.c-hero.u-bg-top {
	background-position: 50% 80% !important;
}

.c-hero.u-bg-middle {
	background-position: 50% 50% !important;
}

.c-hero.u-bg-bottom {
	background-position: 50% 20% !important;
}

.c-menu-button_text {
	display: inline-block;
	float: left;
	font-size: 12px;
	line-height: 19px;
}

.c-hero__inner {
	position: relative;
	z-index: 0;
	height: 100%;
	color: #fff;
}

.c-hero--content {
  
}
.c-hero--content .c-heading.c-heading-np.header-text-nc {
  min-height: 460px;
}
.hs-content-name-struto-2019-homepage .c-heading.c-heading-np.header-text-nc {
  min-height: 500px;
}
.hs-content-name-2019-website-services .c-hero--content,
.hs-content-name-2019-software-services .c-hero--content {
    margin-top: 80px;
}
.hs-content-name-2019-website-services .c-heading.c-heading-np.header-text-nc {     /* border: 1px solid;  */
    min-height: 460px;
}

/* Overlay image position and size */
.c-hero.c-hero--home .banner-overlay--image img {
  position: absolute;
  width: 600px;
  margin: -120px 0 0 -40px;
}
.c-hero.c-hero--growth-services .banner-overlay--image img {
  position: absolute;
  /* width: 600px; */
  margin: 0 0 0 -40px;
}
.hs-content-name-2019-software-services .software--overlay-img img {
  width: 700px;
  position: absolute;
  margin: -45px 0 0 -100px;
}
.c-hero.c-hero--home .website--overlay-img img {
  position: absolute;
  width: 500px;
}
.c-heading-sub {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 0;
	padding-bottom: 40px;
	font-family: Poppins, sans-serif;
	font-size: 19px;
	line-height: 24px;
	font-weight: 300;
	/* text-transform: capitalize; */
}

.c-heading-sub.c-heading-sub--narrow {
	display: block;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}
.c-heading-sub.c-heading-sub--narrow.u-left {
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}
.c-heading-sub.c-heading-sub--thin {
	width: 60%;
	max-width: 960px;
}
.c-heading-sub.u-pad-less {
	padding-bottom: 28px;
}
.c-heading-sub.u-lp-text--medium {
	display: block;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.u-window-box--medium {
	padding: 30px;
}
.u-window-box--none {
	padding: 0px;
}
.u-window-box--xsmall {
	padding: 10px;
}
.o-divider {
	height: 2px;
	background-color: #e2e2e2;
}
.o-divider.o-divider--tiny {
	height: 1px;
}
.o-slider.o-slider--small {
	min-height: 400px;
}
.o-slider.o-slider--small {
	min-height: 350px;
}
.o-slider.o-slider--large {
	min-height: 550px;
}

.o-slider.o-slider--testimonial {
	height: auto;
	background-color: transparent;
  padding-top:  10px;
}

.o-slider.o-slider--testimonial.u-letter-box--super.u-letter-box--medium-tp {
	/* padding-top: 30px; */
}

.o-slider__mask {
	overflow: hidden;
	margin-right: 70px;
	margin-left: 70px;
}

.o-slider__mask.o-slider__mask--full {
	margin-right: 0px;
	margin-left: 0px;
}

.o-slide {
	position: relative;
	overflow: hidden;
}

.o-slide.o-slide--one {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/57f2a5b563d4b1963d7c36d5_cashflows_brand_guidelines12.bmp');
	background-position: 50% 50%;
	background-size: cover;
	color: #fff;
}

.o-slide.o-slide--three {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/pexels-photo-299017.jpeg');
	background-position: 50% 50%;
	background-size: cover;
}
.o-slide.o-slide--two {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/pexels-photo-299017.jpeg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	color: #fff;
}
.o-slide.o-slide--col3 {
	width: 33.3333%;
}
.o-slider__left-arrow {
	left: 0px;
	top: 0px;
	bottom: 0px;
}
.o-slider__left-arrow.o-slider__left-arrow--testimonial {
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.o-slider__pagination {
	margin-bottom: 20px;
}
.o-slide__inner {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
.u-align-table__cell {
	height: 100%;
}
.c-heading-eyebrow h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #767b86;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	text-transform: uppercase;
}

.c-heading-eyebrow.c-badge {
	border-style: none;
	background-color: #adbfc9;
	color: #fff;
}

.c-heading-eyebrow.c-badge.u-small {
	font-size: 13px;
}

.c-heading-eyebrow.c-badge.u-xsmall {
	background-color: #c4d1d8;
	font-size: 12px;
	font-weight: 600;
}

.c-heading-eyebrow.c-heading-eyebrow--ntp {
	padding-top: 0;
}

.c-heading-eyebrow.u-heading--ntp {
	padding-top: 0;
}

.row-fluid .span12.o-container-large {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	float: none;
}

.o-slider__arrow-icon {
	margin-top: 308.5px;
	color: #fff;
}

.o-feature-content {
	position: relative;
	display: block;
	padding: 5% 12%;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.o-feature-content.o-feature-content--left {
	padding-right: 5%;
	padding-left: 10%;
	float: right;
}

.o-feature-content.o-feature-content--left-pad-medium {  
	padding-left: 20%;
}

.u-align-table.demo-vertical-align {
	height: 600px;
}

.u-same-height__button-fixed {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 35px;
}

.u-same-height__button-fixed.u-same-height__button-fixed--npl {
	left: 12px;
}

.scroll-wrap {
	position: absolute;
}

.c-scroll-top {
	position: fixed;
	right: 50px;
	bottom: 100px;
	z-index: 9999;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
  background-color: #40c6f1;
	-webkit-background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key-1.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key-1.svg');
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key-1.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key-1.svg');
	background-position: 50% 140%, 50% 50%;
	background-size: 20px 20px, 20px 20px;
	background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, scroll;
	-webkit-transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
	transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
	-ms-box-shadow: 0 20px 55px -8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 20px 55px -8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 20px 55px -8px rgba(0, 0, 0, 0.4);
}

.c-scroll-top:hover {
	background-color: #d64f39;
	background-position: 50% 50%, 50% -20px;
	-webkit-transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
	transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
}

/*.c-scroll-top.w--current:hover {*/
/*    background-color: #40c6f1;*/
/*}*/
.o-slider__right-arrow {
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.o-slider__right-arrow.o-slider__right-arrow--testimonial {
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.c-icon-box {
	display: block;
	padding-bottom: 32px;
}

.c-icon-box.c-icon-box--small {
	padding-bottom: 16px;
}

.c-icon-box.c-icon-box--np {
	padding-bottom: 0;
}

.c-icon-box__cell-left {
	float: left;
}

.c-icon-box__cell-left.c-icon-box__cell-left--small {
	padding-right: 15px;
}

.c-icon-box__cell-left.c-icon-box__cell-left--medium {
	margin-right: 30px;
}

.c-icon-box__icon {
	/*margin-right: 20px;*/
	color: #dd4e0c;
	text-align: center;
}

.c-icon-box__icon.c-icon-box__icon--medium {
	width: 50px;
	height: 50px;
}

.c-icon-box__icon.c-icon-box__icon--large {
	width: 100px;
	height: 100px;
}

.c-icon-box__icon.c-icon-box__icon--large.u-icon--centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.c-icon-box__icon.c-icon-box__icon--large.u-align-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.c-icon-box__icon.client-logos {
	display: block;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}

.c-icon-box__icon.c-icon-box__icon-xlarge {
	width: 120px;
	height: 120px;
}

.c-icon-box__icon.c-icon-box__icon-xlarge.u-align-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.c-icon-box__icon.c-icon-box__icon--small {
	margin-right: 10px;
}

.c-icon-box__cell-right {
  width: auto;
}
.c-icon-box__cell-right.u-block {
	display: inline-block;
}

.c-social-link {
	margin-right: 20px;
	margin-left: 0px;
}

.c-social-link.c-social-link--footer {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	padding-top: 6px;
	border-radius: 50%;
	-webkit-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	text-align: center;
}

.c-social-link.c-social-link--footer:hover {
	background-color: transparent;
}

.c-social-link.c-social-link--footer.u-social-link--medium {
	width: 40px;
	height: 40px;
}
.c-social-link.c-social-link--footer.c-social-link--medium {
	width: 40px;
	height: 40px;
}
.c-social-icon {
	display: inline-block;
	color: #d4d4d4;
}

.c-social-icon.c-social-icon--footer {
	padding: 5px;
}

.c-social-icon.fa.fa-facebook.c-social-icon--footer {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}

.c-social-icon.fa.c-social-icon--footer:hover {
	color: #40c6f1;
}

.c-social-icon.fa.fa-facebook.c-social-icon--contact {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}
.c-social-icon.fa.fa-facebook.c-social-icon--contact:hover {
	color: #40c6f1;
}
.c-social-icon.fa.fa-pinterest.c-social-icon--footer {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}
.c-social-icon.fa.fa-pinterest.c-social-icon--footer:hover {
	color: #40c6f1;
}
.c-social-icon.fa.fa-pinterest.c-social-icon--contact {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}
.c-social-icon.fa.fa-pinterest.c-social-icon--contact:hover {
	color: #40c6f1;
}
.c-social-icon.fa.fa-google-plus.c-social-icon--footer {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}
.c-social-icon.fa.fa-google-plus.c-social-icon--footer:hover {
	color: #40c6f1;
}
.c-social-icon.fa.fa-google-plus.c-social-icon--contact {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}
.c-social-icon.fa.fa-google-plus.c-social-icon--contact:hover {
	color: #40c6f1;
}

.c-social-icon.fa.fa-linkedin.c-social-icon--footer {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}

.c-social-icon.fa.fa-twitter.c-social-icon--contact {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}

.c-social-icon.fa.fa-twitter.c-social-icon--footer{
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}

.c-social-icon.fa.fa-instagram.c-social-icon--footer{
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}

.c-social-icon.fa.fa-linkedin.c-social-icon--footer:hover {
	color: #40c6f1;
}

.c-social-icon.fa.fa-linkedin.c-social-icon--contact {
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
	font-size: 22px;
}

.c-social-icon.fa.fa-linkedin.c-social-icon--contact:hover {
	color: #40c6f1;
}

.o-feature-bg.o-feature-bg--medium {
	overflow: hidden;
	height: 500px;
}

.o-feature-bg.o-feature-bg--medium.o-feature-bg--custom-one {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/pexels-photo-299017.jpeg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.o-feature-bg.o-feature-bg--custom-one {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/mac4-min.jpg');
	background-position: 100% 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.o-image.internal-feature-image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}

.o-image.internal-img.img-three {
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.o-image.internal-img.img-four {
	height: 280px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.o-image.internal-img {
	height: 380px;
}

.c-image-caption {
	color: #40c6f1;
	font-style: italic;
}  

.o-featured-image img {
	width: 100% !important;
}

.o-featured-image {
	position: relative;
}

.vid-pad {
	padding: 50px;
}

.o-feature-bg.o-feature-bg--custom-one.o-feature-bg--large {
	height: 700px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/ui-dashboard.png');
}

.u-color--white,
.u-color--white h4,
.u-color--white h2,
.u-color--white p{
	color: #fff;
}

.demo-video {
	height: auto;
	padding: 0;
	position: relative;
	width: 100%;
}

.vid-large .demo-video {
	min-height: 650px;
}

.demo-video iframe,
.demo-video object,
.demo-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.c-form-item {
	padding-top: 8px;
	padding-bottom: 8px;
}

.c-form-item.u-mar-left {
	margin-right: 16px;
}

.c-form-item.u-form-item--lesspb {
	padding-bottom: 3px;
}
.demo-code {
	overflow: auto;
}
.u-pillar-box--none {
	padding-right: 0;
	padding-left: 0;
}

.c-icon-box__heading {
	font-family: Poppins, sans-serif;
	color: #333333;
	letter-spacing: -0.6px;
	line-height: 24px;
}

.c-icon-box__heading.u-icon-box--ntp {
	margin-top: 0px;
}

.c-icon-box__heading.dollar {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
}

.c-icon-box__heading.dollar.dollar--top {
	position: relative;
	left: -4px;
	top: -27px;
	right: 0px;
}

.u-bg--grey-dark {
	background-color: #333333 !important;
	color: #ffffff;
}

.u-bg--grey-dark .c-heading-eyebrow h4,
.u-bg--grey-dark .c-heading h2 {
  color: #ffffff;
}

.u-bg--grey-dark .case-inner p {
  color: #848484;
}

.cta-strip {
	background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/struto-cta-strip.svg);
	background-size: cover;
	background-position: center center;
}

.cta-strip .c-heading-eyebrow h4 {
  color: #fff;
}

.cta-strip .u-letter-box--super {
  padding-bottom: 50px;
}

.content-offer img {
  max-width: 400px;
}

.c-link-footer {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	color: #fff;
	text-decoration: none;
}

.c-link-footer:hover {
	padding-left: 8px;
	background-color: #393e49;
}

.o-media__date {
	color: #707070;
}

.o-media__time-stamp {
	display: inline-block;
	padding-left: 0;
	color: #767b86;
	font-size: 12px;
}

.c-text-decoration {
	font-family: 'Playfair Display', sans-serif;
	font-style: italic;
}

.c-avatar__testimonial {
	position: absolute;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	padding-top: 14px;
	border-radius: 50%;
	background-color: #dd4e0c;
	color: #fff;
	text-align: center;
}

.u-color--grey-light {
	color: #b8b8b8;
}

.typed {
	font-family: Poppins, sans-serif;
	color: #40c6f1;
	font-weight: 700;
}

.typed-v2 {
	font-family: Poppins, sans-serif;
	color: #40c6f1;
	font-weight: 700;
}

.mobile-typer {
	display: none;
}

.case-study-section {
	margin-bottom: 240px;
	padding-top: 80px;
	padding-bottom: 200px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo.jpeg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.case-study-section.case-study-section--approach {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo-businesswoman-giving-presentation-to-colleagues-in-conference-room-businesspeople-during-meeting-614010632.jpg');
}

.case-study-section__grid-wrap {
	position: absolute;
	left: 0px;
	bottom: -380px;
	z-index: 9999;
	box-shadow: 13px 13px 100px 0 rgba(0, 0, 0, .2);
}

.c-testimonial__image {
	width: 100%;
}

.c-testimonial {
	background-color: #fff;
}

.c-card__content {
	padding: 40px;
}

.c-card__content.u-c-card-lessp {
	padding: 27px 35px 35px;
}

.banner-text {
	position: relative;
	width: 100%;
	height: 100%;
}

.banner-text--bottomleft {
	position: static;
	left: 0px;
	bottom: 0px;
	margin-top: 180px;
}
.banner-text--bottomleft.banner-text--narrow {
	width: 50%;
}
.banner-text--bottomleft.banner-text--narrow.u-less-pad--xxlarge {
	margin-top: 70px;
}
.banner-text--bottomleft.banner-text--narrow.u-less-pad--medium {
	margin-top: 120px;
}
.banner-highlight-text {
	font-family: Poppins, sans-serif;
	color: #40c6f1;
	font-weight: bold;
}

/* Landing Page Agenda Table
========================================================================== */
.agenda-time{
	width:15%;
}

.agenda-detail{
	width:85%;
}
.agenda-table tr{
	color: #767b86;
	border-bottom: #f4f4f4 solid 2px;
}
.agenda-table table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	text-transform:uppercase;
}
.agenda-table td {
	font-size: 14px;
	padding: 15px 10px;
	border-style: solid;
	border-width: 0px;
	overflow: hidden;
	word-break: normal;
}
.agenda-table th {
	font-size: 14px;
	font-weight: normal;
	padding: 15px 10px;
	border-style: solid;
	border-width: 0px;
	overflow: hidden;
	word-break: normal;
}
.table-key{
	background-color:#f4f4f4;
}
.team-block {
	padding: 10px;
	cursor: pointer;
}
.team-wrap .c-heading-eyebrow {
	text-transform: uppercase;
}
.team-wrap .c-social-link.c-social-link--footer {
	margin-right: 15px;
}
.team-modal {
	display: none; /** Bug fixes: glitch on load **/
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	/* Scaling */
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
	z-index: 99999;
	opacity: 0;
	color: #333;
}
.team-modal.modal-open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	display: block; /** Bug fixes: glitch on load **/
}
.team-member {
	position: relative;
	width: 100%;
	/*height: 100%;*/
	height: 400px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.team-member.modal-open{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.team-overlay.modal-open{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.team-member-names {
	bottom: 0;
	left: 0;
	padding: 0 15px 10px 15px;
	position: absolute;
	z-index: 9999;
}
.team-member--overlay {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(128deg, rgba(81, 83, 95, 0.59), rgba(81, 83, 95, 0.8));
	background-image: linear-gradient(128deg, rgba(81, 83, 95, 0.59), rgba(81, 83, 95, 0.8));
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}
.team-member--overlay:hover {
	background-image: -webkit-linear-gradient(128deg, rgba(81, 83, 95, 0.59), rgba(81, 83, 95, 0.6));
	background-image: linear-gradient(128deg, rgba(81, 83, 95, 0.59), rgba(81, 83, 95, 0.6));  
}
.team-member--ntp {
	margin-top: -10px;
}
.team-member.culture-one {
	height: 200px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.span2.workplace-img {
	width: 16.66666667%;
	padding: 0px 10px 20px 10px;
	float: left;
}
/*
.team-management .span2.workplace-img {
  width: 20%;
}
*/
.c-dropdown-toggle {
	color: #fff;
}
.c-dropdown-toggle.u-color--dark {
	font-family: Poppins, sans-serif;
	color: #333333;
	font-weight: 400;
}
.dropdown-link {
	-webkit-transition: background-color 500ms ease;
	transition: background-color 500ms ease;
	color: #333333;
	font-weight: 400;
}
.dropdown-link:hover {
	background-color: #ebebeb;
}
.dropdown-link.w--current {
	color: #40c6f1;
}
.c-nav-dropdown-list.w--open {
	background-color: #fff;
	box-shadow: 6px 6px 29px 0 rgba(0, 0, 0, .3);
}
.pricing-section {
	margin-bottom: 260px;
	padding-top: 80px;
	padding-bottom: 180px;
}
.pricing-section.u-color--grey-super-light {
	background-color: #f4f4f4;
}
.feature-mark {
	text-align: center;
	position: absolute;
}
.feature-mark,
.feature-desc {
	padding: 15px 10px;
	/*position: absolute;*/
	/*display: table-cell;*/
	display: inline-block;
	float: left;
	height: 100%;
}
.feature-mark.mark-1 {
	right: 30%;
}
.feature-mark.mark-2 {
	right: 15%;
}
.feature-mark.mark-3 {
	right: 0;
}
.feature-desc {
	width: 55%;
}
.feature-mark {
	width: 15%;  
}
.feature-mark .fa {
	left: 44%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.feature-tab-text {
	border-bottom: 2px solid #f4f4f4;
}
.feature-tab-text,
.feature-tab-heading {
	/*display: inline-block;*/
	font-size: 14px;
	font-weight: normal;
	min-height: 50px;
	width: 100%;
	/*position: relative;*/
}
.feature-tab-text .fa-check {
	color: #40c6f1;
}
.feature-tab-heading {
	text-transform: uppercase;
	background-color: #f4f4f4;
}
.pricing-table,
.pricing-table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;    
}
.pricing-table td {
	padding: 15px 10px;
}
.pricing-table td:nth-child(n+2) {
	text-align: center;
	width: 15%;
}
.o-accordion {
	width: 100%;
	margin-bottom: 8px;
	border: 2px solid #e2e2e2;
	border-radius: 5px;
	background-color: transparent;
	color: #40c6f1;
}
.o-accordion--toggle {
	width: 100%;
	font-family: Poppins, sans-serif;
	color: #40c6f1;
	font-weight: 300;
}
.o-accordion--toggle.w--open {
	width: 100%;
	background-color: #40c6f1;
	font-family: Poppins, sans-serif;
	color: #fff;
	font-weight: 300;
}
.o-accordion__list {
	position: relative;
	overflow: hidden;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-family: Poppins, sans-serif;
}
.o-accordion__content {
	padding: 30px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #ececec;
	display: none;
}
.c-form-column--pright {
	padding-right: 5px;
}
.c-form-column {
	padding-right: 5px;
}
.c-form-column.c-form-column--pleft {
	padding-right: 0px;
	padding-left: 5px;
}
.o-map {
	height: 300px;
	width: 100%;
	position: relative;
}
.o-map iframe {
	display: block;
	height: 100%;
	pointer-events: none;
	position: relative;
	width: 100%;
}
.o-map iframe.clicked {
	pointer-events: auto;
}
.map-container {
	position: relative;
}
.map-container iframe {
	position: absolute;
	height: 100%;
	width: 100%;
	min-height: 400px;
	top: 0;
}
.map-container iframe.clicked {
	pointer-events: auto;
}
.w-dropdown {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	z-index: 900;
}
.w-dropdown-btn, 
.w-dropdown-toggle,
.w-dropdown-link {
	color: #222222;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	position: relative;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
}
.w-dropdown-toggle {
	-moz-user-select: none;
	cursor: pointer;
	display: inline-block;
	padding-right: 40px;
}
.w-icon-dropdown-toggle {
	bottom: 0;
	height: 16px;
	margin: auto 20px auto auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 16px;
	font-style: normal;
}
.w-icon-arrow-down:before, 
.w-icon-dropdown-toggle:before {
	font-family: FontAwesome;
	content: "\f107";
}
.w-dropdown-list {
	background: #dddddd none repeat scroll 0 0;
	display: none;
	min-width: 100%;
	position: absolute;
}
.w-dropdown-link {
	color: #222222;
	display: block;
	padding: 10px 20px;
}

.blog-search-wrapper form.gsc-search-box {
	margin: 0 !important;
}
.blog-search-wrapper table.gsc-search-box {
	margin: 0 !important;
}
.blog-search-wrapper .cse .gsc-control-cse, .gsc-control-cse {
	border: medium none !important;
	margin-top: 8px !important;
	padding: 0 !important;
}
.blog-search-wrapper td.gsib_b {
	display: none !important;
}
.blog-search-wrapper table.gsc-search-box {
	border: 2px solid #ececec !important;
	height: 45px !important;
	border-radius: 5px !important;
}
.blog-search-wrapper .gsc-search-box-tools .gsc-search-box .gsc-input,
.blog-search-wrapper .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
	border: medium none !important;
	box-shadow: none !important;
	outline: medium none !important;
	text-indent:12px !important;
	background-image:none !important;
}
.blog-search-wrapper .gsc-search-box .gsc-input > input:hover, 
.blog-search-wrapper .gsc-input-box-hover {
	border-color: transparent !important;
	box-shadow: none !important;
}
.blog-search-wrapper .cse .gsc-search-button,
.blog-search-wrapper .gsc-search-button {
	background-color: transparent !important;
	background-image: none !important;
	border: medium none !important;
}
.blog-search-wrapper .cse .gsc-search-button .gsc-search-button-v2, 
.blog-search-wrapper .gsc-search-button-v2 {
	background-color: transparent !important;
	border: medium none !important;
	height: 20px !important;
	margin-top: 2px !important;
	min-width: 12px !important;
	padding: 0 !important;
	width: auto !important;
}
.blog-search-wrapper .gsc-search-button {
	/*background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/search.svg?t=1502194812609") !important;*/
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 50% 50% !important;
	padding-right:12px;
}
.blog-search-wrapper .gsc-control-cse.gsc-control-cse-en{
	-webkit-transition: box-shadow 500ms ease;
	transition: box-shadow 500ms ease;
}
.blog-search-wrapper .gsc-control-cse.gsc-control-cse-en:hover{
	box-shadow: 5px 5px 21px -4px rgba(0, 0, 0, .2);
}

.blog-search-wrapper .gsc-search-button svg{
	width:30px;
	height:20px;
}

.blog-search-wrapper .gsc-search-button svg:hover{
	cursor:pointer;
}

.blog-search-wrapper .gsc-search-button svg path{
	fill:#40c6f1;
}
/**** end of Blog search btn *****/

.o-blog-filter-options--dropdown-list.w--open {
	background-color: #f1f1f1;
	box-shadow: 6px 5px 29px -4px rgba(0, 0, 0, 0.2);
	margin-top: 9px;
	z-index: 9999;
}
.w-dropdown-list.w--open {
	display: block;
}
.o-blog-filter-options--dropdown {
	z-index: 99;
	margin-top: 8px;
	margin-left: 23px;
	border: 2px solid #ececec;
	border-radius: 5px;
	-webkit-transition: box-shadow 500ms ease;
	transition: box-shadow 500ms ease;
}
.o-blog-filter-options--dropdown:hover {
	box-shadow: 5px 5px 21px -4px rgba(0, 0, 0, .2);
}
.o-blog-filter-options--dropdown-toggle {
	z-index: 9999;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Poppins, sans-serif;
	color: #d3d3d3;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
}
.o-blog-filter-options--dropdown-list.w--open {
	z-index: 9999;
	margin-top: 9px;
	background-color: #f1f1f1;
	box-shadow: 6px 5px 29px -4px rgba(0, 0, 0, .2);
}
.o-blog-filter-options--dropdown-link {
	background-color: transparent;
	-webkit-transition: background-color 500ms ease, color 500ms ease;
	transition: background-color 500ms ease, color 500ms ease;
	text-transform: uppercase;
}
.o-blog-filter-options--dropdown-link:hover {
	background-color: #40c6f1;
	color: #fff;
}
.o-blog-filter--search {
	margin-top: 6px;
	padding: 11px 20px;
	border: 2px solid #ececec;
	border-radius: 5px;
	-webkit-transition: box-shadow 500ms ease;
	transition: box-shadow 500ms ease;
	font-family: Poppins, sans-serif;
	color: #d3d3d3;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
}
.o-blog-filter--search:hover {
	box-shadow: 5px 5px 21px -4px rgba(0, 0, 0, .2);
}
.c-blog-filter--search-text {
	display: inline-block;
}
.o-blog-filter-icon {
	color: #40c6f1;
}
.c-article {
	position: relative;
	width: 100%;
	height: 440px;
	padding: 30px;
	background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-2.jpg');
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-2.jpg');
	background-position: 0px 0px, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
	-webkit-transition: box-shadow 500ms ease;
	transition: box-shadow 500ms ease;
	color: #fff;
}
.c-article:hover {
	box-shadow: 11px 10px 29px -4px rgba(0, 0, 0, .2);
}
.c-article:active {
	box-shadow: none;
}
.c-article.u-ty--hlarge {
	height: 400px;
	display: block;
}
.o-grid__cell.u-centered.u-mar--bottom {
	margin-bottom: 20px;
}
.waves-effect {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	transition: all .3s ease-out;
	margin-top: -1px;
}
.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.3);
	transition: all 0.7s ease-out;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
}
.hs-blog-listing .waves-effect .c-heading.c-heading--ntp { 
  height: auto;
  overflow: hidden;
	font-size: 19px;
	line-height: 26px;
}

.hs-blog-listing .c-blog-content-offer .widget-type-rich_text,
.resources-container .c-heading.c-heading--ntp {
  height: 85px;
  overflow: hidden;
}

/* necessary plugin styles */
.ellip {
  display: block;
  height: 100%;
}
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.c-article.u-ty--hlarge.waves-effect.c-article-two {
	background-image: -webkit-linear-gradient(270deg, null, null), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-11.jpg');
	background-image: linear-gradient(180deg, null, null), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-11.jpg');
}
.c-article.c-article--two {
	background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-11.jpg');
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-11.jpg');
	background-position: 0px 0px, 0px 0px;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
}
.c-article.c-article--three {
	background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-9.jpg');
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-9.jpg');
	background-position: 0px 0px, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
}
.c-article.c-article--four {
	background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-5.jpg');
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-5.jpg');
	background-position: 0px 0px, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
}
.c-article__main--toast {
	position: absolute;
	z-index: 3;
	overflow: auto;
}
.c-article__main--toast.c-alerts-toast--bottom-left {
	left: 40px;
	bottom: 40px;
	width: 70%;
}
.c-article__main--toast.c-alerts-toast--bottom-left.u-alerts-toast--left {
	width: 80%;
}
.c-article-secondary {
	width: 100%;
	height: 440px;
	background-color: #fff;
	-webkit-transition: box-shadow 500ms ease;
	transition: box-shadow 500ms ease;
	text-decoration: none;
}
.c-article-secondary:hover {
	box-shadow: 11px 10px 40px -4px rgba(0, 0, 0, .2);
}
.c-article-secondary:active {
	box-shadow: none;
}
.c-article-image {
	height: 250px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-1.jpg');
	background-position: 50% 50%;
	background-size: auto;
	background-repeat: no-repeat;
}
.c-article-image.c-article-image--two {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-3.jpg');
	background-size: cover;
}
.c-article-image.c-article-image--three {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-6.jpg');
	background-size: cover;
}
.c-article-image.c-article-image--four {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-5.jpg');
	background-size: cover;
}
.c-article-image.c-article-image--five {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-7.jpg');
	background-size: cover;
}
.c-article-image.c-article-image--six {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-4.jpg');
	background-size: cover;
}
.c-article__content {
	padding: 30px;
}
.c-arrow-left {
	display: inline-block;
	margin-right: 11px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: transparent;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/icon-arrow-left.svg');
	background-position: 50% 50%;
	background-size: 9px;
	background-repeat: no-repeat;
}
.o-subscribe {
	margin-top: 6px;
	border: 2px solid #dbdbdb;
	border-radius: 5px;
	background-color: #fff;
	font-family: Poppins, sans-serif;
	color: silver;
	font-size: 16px;
	font-weight: 300;
}
.c-subscribe-button {
	width: 130px;
	padding: 17px;
	float: right;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #40c6f1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.u-lp-four-header-wrapper {
	width: 71%;
}

.u-lp-four-header-wrapper.u-centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.c-subscribe-button:hover {
	background-color: #d64f39;
}
.c-subscribe-button:active {
	background-color: #b4422f;
}
.c-subscribe-text {
	display: inline-block;
	margin-top: 17px;
	margin-left: 20px;
}
.c-blog-content-offer {
	position: relative;
	width: 100%;
	height: 440px;
	padding: 20px;
	background-color: #fff;
	background-position: 33px 28px, 0px 0px;
	background-size: 220px, auto;
	background-repeat: no-repeat, repeat;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	text-decoration: none;
}
.blog-offer-img img {
	/*
	max-width: 220px;
	width: 100% !important;
  */
      max-width: 250px;
    width: 100% !important;
    margin: 0 auto 10px;
    float: none;
    display: block;
}
.c-blog-content-offer:hover {
	box-shadow: 11px 10px 29px -4px rgba(0, 0, 0, .2);
}
.c-blog-content-offer:active {
	box-shadow: none;
}
.o-author {
	display: inline-block;
	margin-top: -9px;
	padding-top: 0px;
}
.blog-post-body .c-social-link.c-social-link--footer{
	display: inline-block;
}
.o-social-icons {
	display: inline-block;
	float: right;
}
.o-social-icons > div {
	float: right;
}
.blog-post-body .o-social-icons {
	margin-top: -5px;
}
.o-blog-content-offer {
	padding-right: 40px;
	padding-left: 40px;
}
.o-comments {
	margin-top: -29px;
}

.o-landing-logo {
	display: block;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 50px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200px;
	z-index: 1;
}

.o-landing-logo-v2 {
	position: relative;
	z-index: 9999;
	display: block;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.o-lp-content-wrap {
	position: relative;
	margin-top: -150px;
}

.o-lp-content-wrap h1 {
  font-size: 36px !important;
  line-height: 47px !important;
}

.o-lp-content-wrap.lp-vid-wrapper{
	padding-bottom:80px;
}
.vertical-container .o-sales-team-image img {
	display: block;
	float: none;
	margin: 0 auto;
	width: 80% !important;
}
.c-lp-image {
	width: 100%;
	height: 300px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-5.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.lp-form input[type='text'],
.lp-form input[type='email'],
.lp-form input[type='tel'],
.lp-form textarea {
	border-radius: 0px;
	border-top: 0px solid transparent;
	border-right: 0px solid transparent;
	border-left: 0px solid transparent;
}
.c-lp-form {
	position: relative;
	width: 100%;
	padding: 45px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.c-lp-form:hover {
	box-shadow: 11px 10px 29px -4px rgba(0, 0, 0, .2);
}
.o-landing-two-logo {
	width: 170px;
}
.o-lp-content-wrap-two {
	position: relative;
}
.banner-text--middle {
	margin-top: 62px;
}
.utility-page-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	height: 100vh;
	max-height: 100%;
	max-width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.utility-page-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 260px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}
.utility-page-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.c-card__image {
	max-width: 100%;
}
.c-card__image.u-testimonial-image-one {
	height: 390px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/testimonial-five.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-card__image.u-testimonial-image-two {
	height: 390px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/testimonial-three.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-card__image.u-testimonial-image-three {
	height: 390px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/testimonial-one.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-card__image.u-testimonial-image-four {
	height: 390px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/testimonial-seven.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-card__image.u-testimonial-image-five {
	height: 390px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/testimonial-four.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-card__image.u-testimonial-image-six {
	height: 390px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/testimonial-six.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.c-card__image.u-secondary-article-image {
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-1.jpg');
	height: 200px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.case-study-section__grid-wrap.u-no-shadow.career-img {
	position: static;
	margin-top: -235px;
	margin-bottom: 20px;
}
.case-study-section__grid-wrap.u-no-shadow {
	box-shadow: none;
}
.case-study-section__grid-wrap.contact {
  position: relative;
  bottom: 70px;
  padding: 60px 50px;
  background-color: #fff;
}
.u-icon-box--ntp {
	padding-top: 0px;
}
.u-p--ntp {
	padding-top: 0px;
}
.o-content-offer {
	padding: 5% 12% 5% 5%;
}
.c-overlay--modal-content {
	background-image: -webkit-linear-gradient(318deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, 0));
	background-image: linear-gradient(132deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, 0));
}
.o-modal__team-image {
	height: 700px;
	background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/team-member-5.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.o-pricing-plan__dollar {
	position: relative;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;
	text-align: left;
}
.o-pricing-plan__dollar.o-pricing-plan__dollar-top {
	left: -4px;
	top: -27px;
	right: 0px;
}
.c-blog-article {
	position: relative;
	width: 100%;
	height: 440px;
	padding: 30px;
	background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-2.jpg');
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-2.jpg');
	background-position: 0px 0px, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
	-webkit-transition: box-shadow 500ms ease;
	transition: box-shadow 500ms ease;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.c-blog-article:hover {
	box-shadow: 11px 10px 29px -4px rgba(0, 0, 0, .2);
}
.c-blog-article:active {
	box-shadow: none;
}
.c-blog-article__feature {
	text-decoration: none;
}
.c-blog-article__feature.u-blog-article__feature--bottom-left {
	position: absolute;
	left: 40px;
	bottom: 30px;
	overflow: auto;
	width: 80%;
}
.c-blog-article__feature.u-blog-article__feature--bottom-left.u-blog-article__feature--pb {
	bottom: 40px;
}
.u-align-table {
	display: table;
	width: 100%;
}
.u-align-table__cell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.quote-block {
  box-sizing: border-box;
  color: #767b86;
  font-weight: 100;
	font-size: 28px;
	max-width: 600px;
	line-height: 34px !important;
	position: relative;
	margin: 30px auto;
	padding: 30px; 
}

.quote-block:before, 
.quote-block:after {
  font-family: 'Special Elite', cursive; 
  position: absolute;
	color: #f1efe6;
	font-size: 90px;
	width: 40px;
	height: 40px;
}
.quote-block:before {
	content: '“';
	left: -30px;
  top: 0;
}
.quote-block:after {
	content: '”';
  right: -30px;
  bottom: -30px;
}
.quote-block * {
      font-size: 24px !important;
    line-height: 30px !important;
}
cite {
	line-height: 3;
	text-align: left;
}
.content-internal-heading-text {
  font-size: inherit;
  line-height: inherit;
}

@media screen and (max-width:680px) {
  
  .quote-block {
    display: inline-block;
	  font-size: 20px;
	  line-height: 24px !important;
    margin: 30px 40px;
    padding: 0;
    width: calc(100% - 90px);
  }

}

/***** HIDE NAVIGATION WHEN SCROLLING *****/
.c-nav-drawer {
	transition: top 0.2s ease-in-out;
}
.nav-up {
	top: -65px;
}
/***** EQUAL COLUMN HEIGHT *****/
.table-wrapper > .row-fluid-wrapper {
    display: table !important;
}
.table-wrapper > .row-fluid-wrapper > .row-fluid {
    display: table-row;
}
.table-wrapper > .row-fluid-wrapper > .row-fluid > .casestudy-block,
.table-wrapper > .row-fluid-wrapper > .row-fluid > .span3 {
    display: table-cell;
    height: 100%;
    float: none;
    
}
.table-wrapper > .row-fluid-wrapper > .row-fluid > .casestudy-block {	
  padding-bottom: 100px;
}

@media(max-width: 991px) {
  
  .hs-content-name-2019-software-services .c-hero--content .c-heading.c-heading-np.header-text-nc {
    min-height: 540px;
  }
  .hs-content-name-2019-software-services .software--overlay-img img {
    margin: 70px 0 0 -260px;
  }
	.table-wrapper > .row-fluid-wrapper > .row-fluid > .casestudy-block,
  .table-wrapper > .row-fluid-wrapper > .row-fluid > .span3 {
		display: inline-block;
		height: 100%;
		float: left;
		padding-bottom: 40px;
		width: 100%;
		height: auto;
		min-height: 0;
		position: relative;
		margin-bottom: 0;
	}
  
	.no-cs-link.table-wrapper > .row-fluid-wrapper > .row-fluid > .span3 {
		padding-bottom: 0;
	}
	
}


.u-same-height {
	display: table;
	width: 100%;
}

.u-same-height__row-fluid {
	display: table-row;
}

.u-same-height__row-fluid:before,
.u-same-height__row-fluid:after {
	display: none;
}

.u-same-height__cell,
.u-same-height__buttons {
	display: table-cell;
	vertical-align: top;
	float: none;
}

.u-same-height__cell--middle {
	vertical-align: middle;
}

.u-same-height__cell--bottom {
	vertical-align: bottom;
}

.c-hero {
	display: table;
}

.c-hero__inner {
	display: table-cell;
}

/* Cursor animation on homepage banner*/
.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
	font-size: 38px;
}

@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.logo-block {
	width: 16.6667%;
	float: left;
	position: relative;
}

.c-hero.c-hero--home h2{
	width: 85%;
	font-family: Poppins, sans-serif;
	font-size: 40px;
	line-height: 24px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 40px;
	padding-top: 0;
	/* text-transform: capitalize; */
}


.banner-sub h3,
.c-hero.c-hero--home h3,
.c-hero.c-hero--home p {
	width: 85%;
	font-family: Poppins, sans-serif;
	font-size: 19px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 40px;
	padding-top: 0;
	/* text-transform: capitalize; */
}
.banner-centered h3 {
	margin-left: auto;
	margin-right: auto;
}

.image-set img {
	max-height: 650px;
	width: auto !important;
}
.o-section.section-split {
	margin-bottom: 200px;
}

.span12.widget-span.widget-type-cell.case-study-container {
	position: absolute;
	box-shadow: 13px 13px 100px 0 rgba(0, 0, 0, 0.2);
	background-color: #f1f1f1;
}

.row-fluid .case-study-container .span4 {
	margin: 0;
	width: 33.333333%;
}

.c-icon-box {
	display: block;
	padding-bottom: 32px;
}

.icon-box-image {
	display: inline-block;
	float: left;
	margin-right: 30px;
	width: 60px;
}

.icon-box-content {
	overflow: hidden;
}

.icon-box-image img {
	height: 100%;
	width: 100%;
}

.center-cta a.cta_button {
  display: block; 
  margin: 0 auto;
  max-width: 110px;
  width: 100%;
}

.icon-box-content a {
	color: #40c6f1;
	text-decoration: none;
}

#ecommerce {
  padding-bottom: 40px;
}

.slider-wrap {
	padding: 0 70px;
}

.slick-arrow {
	height: 60px;
	width: 30px;
}

.slick-prev.slick-arrow:before {
	font-family: FontAwesome;
	content: "\f104";
	font-size: 60px;
	color: #b8b8b8;
}

.slick-next.slick-arrow:before {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 60px;
	color: #b8b8b8;
}

.slick-dots li.slick-active button:before {
	color: #40c6f1;
	opacity: 1;
}

.slick-dots li button:before {
	color: #d0d0d0;
	font-size: 20px;
	height: 20px;
	line-height: 24px;
	opacity: 1;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	color: #40c6f1;
	opacity: 1;
}

.slick-dots {
	bottom: -60px;
}

.showcase-wrap .slick-prev, 
.showcase-wrap .slick-next {
  top: 45%;
}

.showcase-wrap .testimonial-slider-b .c-card { 
  height: 340px;
}

.showcase-wrap .c-card__body.u-card--np { 
  height: 200px;
}

.showcase-wrap .c-card__body.u-card--np p {  
  height: 140px;
}

.showcase-wrap .showcase-slide-img {
  display: block;
  height: 50px !important;
  max-width: 220px;
  margin: 0 auto 25px;
}

.codeblock-hide,
.row-fluid .codeblock-hide {
	visibility: hidden;
	position: absolute;
	height: 0px;
	width: 0px;
}

.c-scroll-top {
	opacity: 0;
	cursor: pointer;
}

.c-scroll-top.scroll-show {
	opacity: 1;
}

.case-study-section {
	margin-bottom: 0;
	background: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/stock-photo.jpeg') no-repeat fixed center center;
	background-size: cover;
}

.case-study-section:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: -webkit-linear-gradient(322deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9));
	background-image: linear-gradient(128deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9));
	opacity: .6;
}

.container-fluid .row-fluid .page-center.o-container-pull {
	/* margin-top: -200px; */
  margin-top: -140px;
}

.overlap-section,
.overlap-section-team {
	position: relative;
}

.overlap-section-team {
	padding-bottom: 100px;
}

.u-centered.case-intro {
	/* padding: 45px 20px 20px; */
  padding: 20px;
}

.top-section {
	height: 55%;
	position: absolute;
	width: 100%;
  
  /* Temp Solutions */
  background-color: #333 !important; 
  background-image: none !important;
}

.top-section.top-section--padded {
	padding-left: 20px;
	padding-right: 20px;
}

.top-section:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: -webkit-linear-gradient(322deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9));
	background-image: linear-gradient(128deg, rgba(81, 83, 95, .9), rgba(45, 46, 51, .9));
}

.top-section.no--overlay:before {
  background-image: none;
	background-image: none;
}

.top-section.section-grey:before {
	content: none;    
}

.top-section.section-grey {
	background-color: #f4f4f4;    
}

.casestudy-wrapper {
	box-shadow: 13px 13px 100px 0 rgba(0, 0, 0, .2);
	position: relative;
  margin-bottom: 20px;
	z-index: 1;
}

.casestudy-bg-columns { 
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(left, #f1f1f1 33%, #ffffff 33%, #ffffff 66%, #f1f1f1 66%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f1f1f1 33%,#ffffff 33%,#ffffff 66%,#f1f1f1 66%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f1f1f1 33%,#ffffff 33%,#ffffff 66%,#f1f1f1 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 */
}

.v-white {
	background-color: #fff;
}

.v-grey {
	background-color: #f1f1f1;
}

.resources-container {
	position: relative;
	z-index: 0;
}

.jplist-hidden {
	display: none !important;
}

.jplist-no-results {
	padding: 20px 0;
}

#filterWrap .jplist-panel {  
  display: inline-block !important;
  width: 100%; 
}

#filterWrap .jplist-drop-down .jplist-dd-panel,
#filterWrap .jplist-drop-down ul {
	left: -15px;
	width: 100%;
}

#filterWrap .jplist-drop-down ul {
	top: 5px;
	border-color: #f3f3f3;
	width: 196px;
	left: -10px;
}

#filterWrap .jplist-drop-down ul li {
	height: 100%;
	width: 100%;
	padding: 10px;
	line-height: 23px;
	min-height: 45px;
	color: #222;
	background-color: #f1f1f1;
  text-indent: 0;
}

#filterWrap .jplist-drop-down .jplist-dd-panel:after {
	font-family: FontAwesome;
	content: "\f107";
	color: #40c6f1;
	right: 25px;
	z-index:1;
}

#filterWrap .jplist-drop-down .jplist-dd-panel {
  color: #40c6f1;
	line-height: 23px;    
}

.jplist-panel.box.panel-top {
	margin-left: -10px;
	margin-right: -10px;
}

#filterWrap .jplist-drop-down:hover .jplist-dd-panel:after{
	color: #40c6f1;
}

#filterWrap .jplist-drop-down:hover .jplist-dd-panel {
	color: #d3d3d3;
}

#filterWrap .jplist-drop-down {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #ececec !important;
	color: #d3d3d3;
	padding: 10px;
	line-height: 26px;
	font-size: 16px;
	width: 200px;
	margin: 0;
	height: 45px;
	text-shadow: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#filterWrap .jplist-drop-down ul li:hover {
	color: #fff;
	background-color: #40c6f1;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

.jplist-drop-down.filter-cat {
	float: right;
	margin-right: 0;
}

#filterWrap .filter-controls .jplist-label {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #ececec;
	border-radius: 3px;
	box-shadow: 0 0 1px #fff;
	box-sizing: border-box;
	color: #d3d3d3;
	float: left;
	font-weight: 300;
	height: 40px;
	line-height: 26px;
	margin: 10px 10px 0 0;
	padding: 5px 10px;
	text-shadow: 1px 1px 1px #fff;
}

/* Round numeric pagination */
#filterWrap .filter-controls .jplist-panel .jplist-pagination button {
	background: transparent none repeat scroll 0 0;
	border-width: 2px;
  color: #40c6f1;
	cursor: pointer;
	display: inline-block;
	height: 40px;
	line-height: 26px;
	padding: 4px;
	width: 40px !important;
	border-radius: 20px;
}

#filterWrap .filter-controls .jplist-panel .jplist-pagination .jplist-pagingprev button, 
#filterWrap .filter-controls .jplist-panel .jplist-pagination .jplist-pagingnext button {
	border: 2px solid #d3d3d3;
  border-radius: 20px;
  color: #d3d3d3;
  height: 40px; 
  width: 40px;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-current,
#filterWrap .filter-controls .jplist-panel .jplist-pagination .jplist-current {
	border: 2px solid #ececec;
	color: #d3d3d3;
	font-weight: 300;
	outline: medium none;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-pagingmid{
	float: none;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-pagingmid, 
#filterWrap .jplist-panel .jplist-pagination .jplist-pagingprev, 
#filterWrap .jplist-panel .jplist-pagination .jplist-pagingnext {
	display: inline-block;
	width: auto;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-pagingprev {
	position: relative;
	left: 0;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-pagingnext { 
	position: absolute;
	right: 0;
}

#filterWrap .filter-controls .jplist-panel .jplist-pagination button.jplist-last {
	margin-right: 0;
}

/* Square pagination */
#filterWrap .jplist-panel .jplist-pagination .jplist-pagingprev,
#filterWrap .jplist-panel .jplist-pagination .jplist-pagingmid, 
#filterWrap .jplist-panel .jplist-pagination .jplist-pagingmid {
  display: inline-block; 
  width: 33.3333;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-pagingprev {
  position: absolute;
  left: 0;
}

.jplist-panel.box.panel-bottom {
	text-align: center;
}

#filterWrap .jplist-pagination button {
	border-radius: 300px;
}

.jplist-drop-down.centered, 
#filterWrap .jplist-label.centered, 
.jplist-panel .jplist-pagination.centered {
	display: inline-block;
	float: none;
	width: 100%;
	text-align: center;
	position: relative;
}

#filterWrap .filter-controls .jplist-panel .jplist-pagination button.jplist-current,
#filterWrap .filter-controls .jplist-panel .jplist-pagination button:hover {
	font-weight: bold;
	color: #fff;
	border: 2px solid #40c6f1;
	background-color: #40c6f1;
	text-shadow: none;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

#filterWrap .jplist-label.centered {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
}

#filterWrap .row-number-7 {
  display: none !important;
}

.jplist-panel {
	display: block !important;
}

.resources-footer {
	padding: 50px 0 100px 0;
}

.casestudy-block {
	min-height: 365px;
}

.row-fluid .span4.casestudy-block {
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 35px 40px 95px;
	/*position: relative;*/
	width: 33.3%;
}

.o-pricing-plan{
  margin-top: 20px;	
}

.row-fluid .span3.casestudy-block {
  padding: 35px 40px 95px;
}

.c-heading.c-heading--ntp {
  line-height: 28px;
}

.u-same-height__button-fixed {
  bottom: 40px;
}

.row-fluid .span3.casestudy-block {
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 35px 40px;
	/*position: relative;*/
	width: 25%;
}

.row-fluid .span4.casestudy-block.o-product-logos {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
	/*position: relative;*/
	background-color: transparent;
}

.casestudy-block.o-product-logos {
	background-color: #fff;
}

.row-fluid .span4.casestudy-block.pricing-blocks {
	display: table-cell;
	float: none;
}

.pricing-blocks {
	position: relative;
}

.cta-container {
	bottom: 40px;
	position: absolute;
}

.case-study-wrapper .row-fluid .span3 {
	margin: 0;
	width: 25%;
}

.case-study-wrapper .c-specialist-block  {
	color: #848484;
	min-height: 560px;
	padding: 35px 40px 95px;
  /* padding: 35px 40px; */
}

.overlap-section .span3:nth-child(even),
.case-study-wrapper .span3:nth-child(even) .c-specialist-block {    
	background-color: #f5f5f5;
}

.overlap-section .span3:nth-child(odd),
.case-study-wrapper .span3:nth-child(odd) .c-specialist-block {  
	background-color: #e0e0e0;
}

.c-heading-eyebrow.c-badge.u-xsmall,
.case-study-wrapper .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall {
	display: inline-block;
	padding-right: 8px;
	padding-left: 8px;
	border: 2px solid #c4d1d8;
	border-radius: 3px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	/*     text-transform: uppercase; */
}

.span3:nth-of-type(1) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall,
.case-study-wrapper .row-fluid .span3:nth-of-type(1) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall {
	border-color: #88cebd;
	background-color: #88cebd;
}

.span3:nth-of-type(2) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall,
.case-study-wrapper .row-fluid .span3:nth-of-type(2) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall {
	border-color: #40c6f1;
	background-color: #40c6f1;
}

.span3:nth-of-type(3) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall,
.case-study-wrapper .row-fluid .span3:nth-of-type(3) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall {
	border-color: #f89e5b;
	background-color: #f89e5b;
}

.span3:nth-of-type(4) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall,
.case-study-wrapper .row-fluid .span3:nth-of-type(4) .c-specialist-block .c-heading-eyebrow.c-badge.u-xsmall {
	border-color: #f16365;
	background-color: #f16365;
}

.case-inner {
	min-height: 255px;
}

.logo-wrapper {
	padding: 60px 0;
}

.logo-wrapper .client-logos img {
  cursor: pointer;
  filter: grayscale(100%);
  opacity: .6;
  -webkit-transition: top 0.55s;
  -moz-transition: top 0.55s;
  -o-transition: top 0.55s;
  transition: top 0.55s;
}

.logo-wrapper .client-logos img:hover {
  filter: none;
  opacity: 1;
}

.c-hero__inner.u-align-table__cell.u-p-left-right,
.span12.widget-span.widget-type-cell.o-container__item.u-centered,
.box-padding {
	padding-right: 20px;
	padding-left: 20px;
}

.software-banner .c-hero {
  max-height: 800px 
}

.website-services-banner .c-heading.c-heading-np.header-text-nc {
  height: 320px;  
}

.website-services-banner .c-heading.c-heading-np.header-text-nc, 
.website-services-banner .c-hero.c-hero--home h2,
.website-services-banner .c-hero.c-hero--home .banner-sub,
.growth-services-banner .c-hero.c-hero--home .banner-sub {
  max-width: 880px;
}

.software-banner .c-heading.c-heading-np.header-text-nc, 
.software-banner .c-hero.c-hero--home h2,
.software-banner .c-hero.c-hero--home .banner-sub {
  max-width: 880px; 
}

.software-banner .c-heading.c-heading-np.header-text-nc {
  height: 320px;    
}

.growth-services-banner .c-heading.c-heading-np.header-text-nc {
  height: 320px;  
  max-width: 880px;
  text-align: left;
}

.listing-wrapper {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 10px;
  display: block;
	/* display:inline-block; */
}

.listing-wrapper .span4 {
	margin: 0;
	width: 33.333333%;
	padding: 10px;
}

.o-accordion-wrapper {
	border: 2px solid #e2e2e2;
	border-radius: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}

.o-accordion-heading-wrap {
	display: inline-block;
	padding: 20px 20px 15px;
	width: 100%;
}

.o-accordion-icon-wrap {
	float: right;
	text-align: center;
	width: 10%;
	display: inline-block;
	max-width: 100%;
}

.o-panel-open {
	float: right;
	width: 15px;
}

.o-accordion-heading-container {
	color: #40c6f1;
	float: left;
	text-decoration: none;
	width: 90%;
	display: inline-block;
	max-width: 100%;
	padding-top: 3px;
}

.o-accordion-wrapper .fa {
	color: #40c6f1;
	font-size: 20px;
	font-weight: bold;
}

.o-accordion-wrapper.accordion-open .fa.fa-angle-down,
.o-accordion-wrapper.accordion-open .fa.fa-angle-down:before {
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

.o-accordion-wrapper .fa.fa-angle-down,
.o-accordion-wrapper .fa.fa-angle-down:before {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

/* Vertical Center table-cell */
.vertical-wrap > .row-fluid-wrapper {
	display: table;
	height: 100%;
	margin: 0 auto;
	width: 100%;
}

.vertical-wrap > .row-fluid-wrapper > .row-fluid {
	display: table-row;
	height: 100%;
}

.row-fluid .vertical-container {
	display: table-cell;
	float: none;
	/*height: 100%;*/
	height: auto;
}

.blog-list-wrap .row-fluid .vertical-container{
	width:50%;
}

.v-align-top{
	vertical-align: top;
}
.v-align-middle{
	vertical-align: middle;
}
.v-align-bottom{
	vertical-align: bottom;
}
.padding-box {
	padding-left: 10px;
	padding-right: 10px;
}
.float-right img {
	float: right;
	width: 100% !important;
}
.vertical-container img {
	width: 100% !important;
}
.vertical-container.img-auto img {
	width: auto !important;
	margin: 0 auto;
	float: none;
}

/* Change order of div's with flexbox */
@media (max-width: 767px) {
  
	.span-flex > .row-fluid-wrapper > .row-fluid {
		list-style: none;
		-ms-box-orient: horizontal;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.span-pull-right {
		order: 2;
	}
	.span-pull-left {
		order: 1;
		width: 100% !important;
	}
  
}
.flex-item {
	/*background: tomato;*/
	padding: 5px;
	width: 100px;
	height: 100px;
	margin: 5px;
	line-height: 100px;
	color: white;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

.implement, 
.improve,
.integrate,
.ecommerce,
.wordpress-other {
  height: 100%;
  min-height: 100% !important;
  padding: 0 0 60px !important;
}

.short-term-projects,
.short-term-support {
  height: 100%;
  min-height: 100% !important;
  padding: 0 0 60px !important;
}

.full-width-bg {
	height: 100%;
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

.full-width-bg.off-screen-img {
	height: 600px;
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0% 0%;
  top: 50px;
}

.why-partner .full-width-bg.off-screen-img {
  background-position: 100% 0 !important;
  height: 620px;
  top: 0;
}

.software-offer .full-width-bg.off-screen-img {
  background-position: 100% -60px !important;
  height: 600px;
}

.home-why-img .full-width-bg.off-screen-img {
  background-position: 100% 20px !important;
  height: 640px;
}

.why-partner .full-width-bg.off-screen-img,
.software-offer .full-width-bg.off-screen-img,
.home-why-img .full-width-bg.off-screen-img {
  background-size: cover;
  left: 0;
  position: absolute;
  width: 48%;
}

.custom-sites .full-width-bg.off-screen-img {
  height: 550px;
  background-position: 100% 111%;
  top: 45px;
}

.imagine .full-width-bg.off-screen-img {
  top: 100px;
}

.strategic-growth .full-width-bg.off-screen-img {  
  background-position: 100% 0%;
  top: 60px;
}

.tactical-support .full-width-bg.off-screen-img {  
  top: 80px;
}

.ecommerce .full-width-bg.off-screen-img {
  background-size: 980px;
  background-position: 40% 0%;
  top: 40px;
}

.short-term-support .full-width-bg.off-screen-img { 
  background-position: 100% 0%;
  top: 40px;
}

.strategic-growth-title .u-letter-box--super {
  padding-bottom: 0;
}

.wordpress-other .full-width-bg.off-screen-img {
  top: 60px;
}

.row-fluid .span6.full-fluid-6 {
	width: 50%;
}
.row-fluid .full-fluid-4 {
	width: 34%;
}
.row-fluid [class*="span"] {
	min-height: 10px;
}
.blog-post-body {
	padding-top: 130px;
}
.span4.team-block {
	width: 33.3%;
}
.row-fluid .span8.featured-left {
	width: 66.2%;
}
.row-fluid .span4.featured-right {
	margin-left: 20px;
	width: 32.024%;
}

#footer-logos {
	margin: 40px 0;
	text-align: center;
}

#footer-logos .footer-logo {
	display: inline-block;
	height: auto;
	margin-left: 15px;
	margin-right: 15px;
	max-width: 160px;
	vertical-align: middle;
	width: 100%;
}

#footer-logos .footer-logo:nth-of-type(1) {
  max-width: 120px; 
}

#footer-logos .footer-logo:nth-of-type(2),
#footer-logos a .footer-logo {
  max-width: 120px; 
}

.footer-wrapper {
	font-size: 14px;
	padding-right: 20px;
	padding-left: 20px;
}

.footer-wrapper img {
	max-width: 160px;
	margin-bottom: 10px; 
}

.thank-heading h1{
	font-family: Poppins, sans-serif;
	letter-spacing: -0.3px;
	/* line-height: 24px; */
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 8px;
	padding-top: 19px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	line-height: 74px !important;
	margin-bottom: 8px;
	text-transform: none;
	padding-bottom: 0;
	padding-top: 0;
}

.thank-heading h1 span {
	color: #40c6f1;
	font-weight: 700;
}

.footer-wrapper p {
	padding: 0 0 8px 0;
}

.footer-subscribe {
	margin-bottom: 30px;
}

.o-image.rss-image {
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.dropshadow {
	box-shadow: 14px 14px 55px -8px #b4b4b4;
}

.footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	padding: 4px 0;
	color: #ffffff;
}

.footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover {
	font-weight: 700;
	padding-left: 8px;
}

.footer-heading h4 {
	border-bottom: 1px solid #767b86;
	color: #767b86;
	display: inline-block;
	margin-bottom: 32px;
	padding-bottom: 16px;
	padding-top: 0;
	text-transform: uppercase;
	font-family: Poppins, sans-serif;
	letter-spacing: -0.3px;
	line-height: 24px;
	margin-top: 0;
}

.footer-subscribe h3 {
	font-size: 13px;
	line-height: 17px;
}

.copyright-footer {
	padding-top: 20px;
	padding-bottom: 10px;
	color: #767b86;
	font-size: 12px;
	text-align: center;
}

.copyright-footer a {
	color: #767b86;
	text-decoration:underline;
}
.copyright-footer a:hover {
	color: #fff;
	text-decoration:none !important;
}


/* 
 Webflow Grid Reset
========================================================================== */
.container-fluid .row-fluid .content-container,
.container-fluid .row-fluid .w-container{
   float: none;
   margin-left: auto;
   margin-right: auto;
   max-width: 940px;
}
 
.container-fluid .row-fluid .content-container:before,
.container-fluid .row-fluid .content-container:after,
.container-fluid .row-fluid .w-container:before,
.container-fluid .row-fluid .w-container:after {
  content: " ";
  display: table;
}
.container-fluid .row-fluid .content-container:after,
.container-fluid .row-fluid .w-container:after {
  clear: both;
}
.container-fluid .row-fluid .content-container .w-row,
.container-fluid .row-fluid .w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.container-fluid .row-fluid .w-col {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0;
}

@media screen and (max-width: 991px) {
  
  .content-container,
  .w-container{
    max-width: 728px;
  }
  
}

@media screen and (max-width: 767px) {
  
  .container-fluid .row-fluid .content-container .w-row,
  .container-fluid .row-fluid .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

}

@media screen and (max-width: 479px) {
  .container-fluid .row-fluid .content-container,
  .container-fluid .row-fluid .w-container{
    max-width: none;
  }

}

.container-fluid .row-fluid .w-col-1 {
  width: 8.33333333%;
}
.container-fluid .row-fluid .w-col-2 {
  width: 16.66666667%;
}
.container-fluid .row-fluid .w-col-3 {
  width: 25%;
}
.container-fluid .row-fluid .w-col-4 {
  width: 33.33333333%;
}
.container-fluid .row-fluid .w-col-5 {
  width: 41.66666667%;
}
.container-fluid .row-fluid .w-col-6 {
  width: 50%;
}
.container-fluid .row-fluid .w-col-7 {
  width: 58.33333333%;
}
.container-fluid .row-fluid .w-col-8 {
  width: 66.66666667%;
}
.container-fluid .row-fluid .w-col-9 {
  width: 75%;
}
.container-fluid .row-fluid .w-col-10 {
  width: 83.33333333%;
}
.container-fluid .row-fluid .w-col-11 {
  width: 91.66666667%;
}
.container-fluid .row-fluid .w-col-12 {
  width: 100%;
}
.container-fluid .row-fluid .no-marg {
    margin-left: 0;
}
.container-fluid .row-fluid .w-col-push-1 {
  left: 8.33333333%;
}
.container-fluid .row-fluid .w-col-push-2 {
  left: 16.66666667%;
}
.container-fluid .row-fluid .w-col-push-3 {
  left: 25%;
}
.container-fluid .row-fluid .w-col-push-4 {
  left: 33.33333333%;
}
.container-fluid .row-fluid .w-col-push-5 {
  left: 41.66666667%;
}
.container-fluid .row-fluid .w-col-push-6 {
  left: 50%;
}
.container-fluid .row-fluid .w-col-push-7 {
  left: 58.33333333%;
}
.container-fluid .row-fluid .w-col-push-8 {
  left: 66.66666667%;
}
.container-fluid .row-fluid .w-col-push-9 {
  left: 75%;
}
.container-fluid .row-fluid .w-col-push-10 {
  left: 83.33333333%;
}
.container-fluid .row-fluid .w-col-push-11 {
  left: 91.66666667%;
}
.container-fluid .row-fluid .w-col-pull-1 {
  right: 8.33333333%;
}
.container-fluid .row-fluid .w-col-pull-2 {
  right: 16.66666667%;
}
.container-fluid .row-fluid .w-col-pull-3 {
  right: 25%;
}
.container-fluid .row-fluid .w-col-pull-4 {
  right: 33.33333333%;
}
.container-fluid .row-fluid .w-col-pull-5 {
  right: 41.66666667%;
}
.container-fluid .row-fluid .w-col-pull-6 {
  right: 50%;
}
.container-fluid .row-fluid .w-col-pull-7 {
  right: 58.33333333%;
}
.container-fluid .row-fluid .w-col-pull-8 {
  right: 66.66666667%;
}
.container-fluid .row-fluid .w-col-pull-9 {
  right: 75%;
}
.container-fluid .row-fluid .w-col-pull-10 {
  right: 83.33333333%;
}
.container-fluid .row-fluid .w-col-pull-11 {
  right: 91.66666667%;
}
.container-fluid .row-fluid .w-col-offset-1 {
  margin-left: 8.33333333%;
}
.container-fluid .row-fluid .w-col-offset-2 {
  margin-left: 16.66666667%;
}
.container-fluid .row-fluid .w-col-offset-3 {
  margin-left: 25%;
}
.container-fluid .row-fluid .w-col-offset-4 {
  margin-left: 33.33333333%;
}
.container-fluid .row-fluid .w-col-offset-5 {
  margin-left: 41.66666667%;
}
.container-fluid .row-fluid .w-col-offset-6 {
  margin-left: 50%;
}
.container-fluid .row-fluid .w-col-offset-7 {
  margin-left: 58.33333333%;
}
.container-fluid .row-fluid .w-col-offset-8 {
  margin-left: 66.66666667%;
}
.container-fluid .row-fluid .w-col-offset-9 {
  margin-left: 75%;
}
.container-fluid .row-fluid .w-col-offset-10 {
  margin-left: 83.33333333%;
}
.container-fluid .row-fluid .w-col-offset-11 {
  margin-left: 91.66666667%;
}
.container-fluid .row-fluid .w-hidden-main {
  display: none !important;
}


@media screen and (max-width: 991px) {
    /*
  .container-fluid .row-fluid .w-col {
      padding-right: 0;
      padding-left: 0;
  }
  */
  .container-fluid .row-fluid .content-container,
  .container-fluid .row-fluid .w-container {
    max-width: 728px;
  }
  /*.container-fluid .row-fluid .content-container.large-container,*/
  /*.container-fluid .row-fluid .w-container.large-container {*/
  /*  max-width: 828px;*/
  /*}*/
  .container-fluid .row-fluid .w-hidden-main {
    display: inherit !important;
  }
  .container-fluid .row-fluid .w-hidden-medium {
    display: none !important;
  }
  .container-fluid .row-fluid .w-col-medium-1 {
    width: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-2 {
    width: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-3 {
    width: 25%;
  }
  .container-fluid .row-fluid .w-col-medium-4 {
    width: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-5 {
    width: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-6 {
    width: 50%;
  }
  .container-fluid .row-fluid .w-col-medium-7 {
    width: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-8 {
    width: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-9 {
    width: 75%;
  }
  .container-fluid .row-fluid .w-col-medium-10 {
    width: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-11 {
    width: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-12 {
    width: 100%;
  }
  .container-fluid .row-fluid .w-col-medium-push-1 {
    left: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-push-2 {
    left: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-push-3 {
    left: 25%;
  }
  .container-fluid .row-fluid .w-col-medium-push-4 {
    left: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-push-5 {
    left: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-push-6 {
    left: 50%;
  }
  .container-fluid .row-fluid .w-col-medium-push-7 {
    left: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-push-8 {
    left: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-push-9 {
    left: 75%;
  }
  .container-fluid .row-fluid .w-col-medium-push-10 {
    left: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-push-11 {
    left: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-1 {
    right: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-2 {
    right: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-3 {
    right: 25%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-4 {
    right: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-5 {
    right: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-6 {
    right: 50%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-7 {
    right: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-8 {
    right: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-9 {
    right: 75%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-10 {
    right: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-pull-11 {
    right: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-1 {
    margin-left: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-2 {
    margin-left: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-3 {
    margin-left: 25%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-4 {
    margin-left: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-5 {
    margin-left: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-6 {
    margin-left: 50%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-7 {
    margin-left: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-8 {
    margin-left: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-9 {
    margin-left: 75%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-10 {
    margin-left: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-medium-offset-11 {
    margin-left: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  
  .container-fluid .row-fluid .w-hidden-main {
    display: inherit !important;
  }
  .container-fluid .row-fluid .w-hidden-medium {
    display: inherit !important;
  }
  .container-fluid .row-fluid .w-hidden-small {
    display: none !important;
  }
  .container-fluid .row-fluid .content-container .container-fluid .row-fluid .w-row,
  .container-fluid .row-fluid .w-row,
  .container-fluid .row-fluid .w-container .container-fluid .row-fluid .w-row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-fluid .row-fluid .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }
  /*ADDED*/
  .w-col {
    padding-left: 0;
    padding-right: 0;
  }
  .container-fluid .row-fluid .w-col-small-1 {
    width: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-2 {
    width: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-3 {
    width: 25%;
  }
  .container-fluid .row-fluid .w-col-small-4 {
    width: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-5 {
    width: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-6 {
    width: 50%;
  }
  .container-fluid .row-fluid .w-col-small-7 {
    width: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-8 {
    width: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-9 {
    width: 75%;
  }
  .container-fluid .row-fluid .w-col-small-10 {
    width: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-11 {
    width: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-12 {
    width: 100%;
  }
  .container-fluid .row-fluid .w-col-small-push-1 {
    left: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-push-2 {
    left: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-push-3 {
    left: 25%;
  }
  .container-fluid .row-fluid .w-col-small-push-4 {
    left: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-push-5 {
    left: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-push-6 {
    left: 50%;
  }
  .container-fluid .row-fluid .w-col-small-push-7 {
    left: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-push-8 {
    left: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-push-9 {
    left: 75%;
  }
  .container-fluid .row-fluid .w-col-small-push-10 {
    left: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-push-11 {
    left: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-pull-1 {
    right: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-pull-2 {
    right: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-pull-3 {
    right: 25%;
  }
  .container-fluid .row-fluid .w-col-small-pull-4 {
    right: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-pull-5 {
    right: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-pull-6 {
    right: 50%;
  }
  .container-fluid .row-fluid .w-col-small-pull-7 {
    right: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-pull-8 {
    right: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-pull-9 {
    right: 75%;
  }
  .container-fluid .row-fluid .w-col-small-pull-10 {
    right: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-pull-11 {
    right: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-offset-1 {
    margin-left: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-offset-2 {
    margin-left: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-offset-3 {
    margin-left: 25%;
  }
  .container-fluid .row-fluid .w-col-small-offset-4 {
    margin-left: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-offset-5 {
    margin-left: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-offset-6 {
    margin-left: 50%;
  }
  .container-fluid .row-fluid .w-col-small-offset-7 {
    margin-left: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-offset-8 {
    margin-left: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-small-offset-9 {
    margin-left: 75%;
  }
  .container-fluid .row-fluid .w-col-small-offset-10 {
    margin-left: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-small-offset-11 {
    margin-left: 91.66666667%;
  }
}

@media screen and (max-width: 479px) {
  .container-fluid .row-fluid .content-container,
  .container-fluid .row-fluid .w-container {
    max-width: none;
  }
  .container-fluid .row-fluid .w-hidden-main {
    display: inherit !important;
  }
  .container-fluid .row-fluid .w-hidden-medium {
    display: inherit !important;
  }
  .container-fluid .row-fluid .w-hidden-small {
    display: inherit !important;
  }
  .container-fluid .row-fluid .w-hidden-tiny {
    display: none !important;
  }
  .container-fluid .row-fluid .w-col {
    width: 100%;
  }
  .container-fluid .row-fluid .w-col-tiny-1 {
    width: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-2 {
    width: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-3 {
    width: 25%;
  }
  .container-fluid .row-fluid .w-col-tiny-4 {
    width: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-5 {
    width: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-6 {
    width: 50%;
  }
  .container-fluid .row-fluid .w-col-tiny-7 {
    width: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-8 {
    width: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-9 {
    width: 75%;
  }
  .container-fluid .row-fluid .w-col-tiny-10 {
    width: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-11 {
    width: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-12 {
    width: 100%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-1 {
    left: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-2 {
    left: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-3 {
    left: 25%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-4 {
    left: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-5 {
    left: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-6 {
    left: 50%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-7 {
    left: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-8 {
    left: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-9 {
    left: 75%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-10 {
    left: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-push-11 {
    left: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-1 {
    right: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-2 {
    right: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-3 {
    right: 25%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-4 {
    right: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-5 {
    right: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-6 {
    right: 50%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-7 {
    right: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-8 {
    right: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-9 {
    right: 75%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-10 {
    right: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-pull-11 {
    right: 91.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-1 {
    margin-left: 8.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-2 {
    margin-left: 16.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-3 {
    margin-left: 25%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-4 {
    margin-left: 33.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-5 {
    margin-left: 41.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-6 {
    margin-left: 50%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-7 {
    margin-left: 58.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-8 {
    margin-left: 66.66666667%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-9 {
    margin-left: 75%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-10 {
    margin-left: 83.33333333%;
  }
  .container-fluid .row-fluid .w-col-tiny-offset-11 {
    margin-left: 91.66666667%;
  }
}



/**
 * Single pages (cloned from Struto v2 site)  
 * @author Archie . M
 */

.column-10 {
  right: 34px;
  padding-top: 50px;
  padding-left: 5px;
  text-align: left;
}

.content-divider.model-one {
  width: 50px;
  height: 4px;
  margin-top: 0px;
  /* background-color: #40c6f1; */
}

.image-8 {
  max-width: 80%;
  margin: 0 !important;
}

.model-twenty-two .w-col {
  padding-left: 10px;
  padding-right: 10px;
}

.dt-icons {
  position: relative;
  top: 3px;
  max-width: 7%;
  width: 37px;
  height: 35px;
}

.dt-icons.icons-big {
  position: static;
  top: 0px;
  max-width: 100%;
}

.benefits-text {
  padding-right: 10px;
}

.content-container img {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.inbound-heading-7 {
    position: relative;
    left: 5px;
    bottom: -5px;
    display: inline-block;
}

.image-text-wrapper.contentm-wrapper-bullets .inbound-heading-7 {
    font-weight: bold;
    margin-bottom: 25px;
    padding-left: 10px;
}

img.inbound-methodology,
img.content-img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

#create,
#distribute,
#measure,
#what-is-inbound,
#strategy {
  float: none;
  margin: auto;
  max-width: 940px !important;
}

.midi-wrap {
  display: block !important;
  float: none !important;
  margin: 0 auto !important;
  max-width: 940px !important;
  width: 100% !important;
}


/* WASABI (V2) UPDATES START */
/*.w-background-video {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*height: 500px;*/
/*  color: white;*/
/*}*/
/*.vid-container > video {*/
/*  background-size: cover;*/
/*  background-position: 50% 50%;*/
/*  position: absolute;*/
/*  right: -100%;*/
/*  bottom: -100%;*/
/*  top: -100%;*/
/*  left: -100%;*/
/*  margin: auto;*/
/*  min-width: 100%;*/
/*  min-height: 100%;*/
/*  z-index: -100;*/
/*object-fit: cover;*/
/*}*/


/* Button Hover Over effects*/
#openings a.c-button.c-button--primary.c-button--rounded.upload-btn:hover{
	/* color: #fc6047 !important; */
}

.row-fluid .o-body-wrapper{
	max-width: 1560px;
	margin: 0 auto !important;
	display: block;
	float: none;
}

.hide-dektop {
  display: none; 
}
#sales-enquiries
#support-enquiries {
   position: absolute; 
}
.vid-banner-wrap {
	position: relative;
}
.vid-container {
	/*
	position: absolute;
	height:100%;
	width:100%;
	overflow: hidden;
	*/
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	height: 100vh;
	z-index: 0;
}
.vid-container > video {
	/*
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	*/
}

/*.vid-container {*/
/*position: relative;*/
/*background-size: cover;*/
/*background-position: 50% 50%;*/
/*height: 100%;*/
/*width: 100%;*/
/*z-index: 0;*/
/*}*/
/*.vid-container > video {*/
/*-webkit-transform: translateX(-50%) translateY(-50%);*/
/*-moz-transform: translateX(-50%) translateY(-50%);*/
/*-ms-transform: translateX(-50%) translateY(-50%);*/
/*-o-transform: translateX(-50%) translateY(-50%);*/
/*transform: translateX(-50%) translateY(-50%);*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*min-width: 100%;*/
/*min-height: 100%;*/
/*width: auto;*/
/*height: auto;*/
/*z-index: -100;*/
/*}*/
/*.c-hero.c-hero--home.u-align-table.bg-vid {*/
/*    padding-top: 0;*/
/*    padding-bottom: 0;*/
/*}*/
/*.c-hero__inner.u-align-table__cell.u-p-left-right.vid-content {*/
/*    margin-top: 200px;*/
/*    margin-bottom: 200px;*/
/*    display: block;*/
/*}*/


/* ==========================================================================
Media Queries
========================================================================== */
@media screen and (min-width: 1200px) {

	.w-container,
	.container-fluid .row-fluid .page-center {
		max-width: 1170px;
	}
	.container-fluid .row-fluid .page-center.page-center-offset {
		max-width: 1190px;
	}
	.u-container--medium,
	.container-fluid .row-fluid .page-center.u-container--medium {
		max-width: 960px;
	}

}

@media (max-width: 1199px) {
	.c-overlay.c-overlay--inner {
		background-size: 50% 90%;
		background-position: 100% 120%;
	}
	.o-section.section-split {
		margin-bottom: 280px;
	}

	.c-card.c-card__secondary-articles {
		height: 500px;
	}

	.c-blog-article,
	.c-blog-content-offer {
		height: 500px;
	}

	.c-heading.c-heading-np.header-text-nc.c-heading--thin {
		width: 100%;
	}

	.row-fluid .span4.featured-right {
		margin-left: 20px;
		width: 31.624%;
	}

  /* Resources */
  .hs-content-name-2019-website-resources .c-card.c-card__secondary-articles { 
    height: 350px;
  }
  
  /* Contact */
  .address-block {
    padding: 20px;
  }
  
}

@media(max-width: 1024px) {

	.c-card__body.u-card--np{
		height: 300px;
		border-bottom: 1px solid;
	}

	.solution-bg-wrapper{
		padding-top:80px;
		padding-bottom:80px;
	}
  
  .o-feature-content.o-feature-content--left-pad-medium {
    padding-left: 20px;
    padding-right: 20px;
  }

}

@media (max-width: 991px) {
	.c-overlay.c-overlay--inner {
		background-size: 60% 125%;
		background-position: 110% 0%;
	}
  .hide {
    display: none !important; 
  }

	span.search-text {
		display: none;
	}

	.c-card__body.u-card--np{
		height:auto;
		border-bottom:none;
	}
  
  /* Header banners */
  .c-hero {
    height: auto;
  }
  
  .software-banner .c-heading.c-heading-np.header-text-nc {
    height: 260px; 
  }
  
  .home-banner-wrap .c-heading.c-heading-np.header-text-nc {
    height: 320px; 
  }
  
  .c-hero.c-hero--home.u-align-table.bg-vid {
    padding-bottom: 0;
  }
  
  .container-fluid .row-fluid .page-center.o-container-pull {
    margin-top: -180px;
  }
  
  .hs-content-name-2019-software-services .container-fluid .row-fluid .page-center.o-container-pull {
    margin-top: 40px;
  }
  
  .span2.workplace-img {
    width: 25%;
  }

	.team-member.culture-one {
		height: 200px;
	}
  
  .c-hero.c-hero--home {	
		height: auto;
		padding-top: 90px;
		padding-bottom: 0;
	}

	.c-hero.c-hero--home h2{
		padding-bottom: 8px;
	}

	.box-padding.img-auto {
		padding-right: 0px;
		padding-left: 0px;
	}

	.vertical-container.img-auto img {
		width: 100% !important;
	}

	.c-spacer.c-spacer--super.c-spacer-hide {
		display: none;
	}

	.c-lp-form {
		padding: 35px;
	}

	.case-study-section__grid-wrap.u-no-shadow.career-img {
		bottom: -359px;
		margin-top: -138px;
	}

	.row-fluid .o-lp-video-wrapper.u-centered {
		width: auto;
	}

	.vid-pad {
		padding: 20px;
	}

	.c-article.u-ty--hlarge {
		height: 340px;
	}

	.row-fluid .span4.featured-right {
		margin-left: 20px;
		width: 31.024%;
	}

	.o-container.u-letter-box--super {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.o-container.u-letter-box--super-top {
		padding-top: 60px;
	}

	.c-nav__item {
		float: none;
	}

	.c-icon-box {
		padding-bottom: 40px;   
	}

	.o-grid__cell .row-fluid .span4 {
		margin: 0;
		width: 100%;  
	}

	.o-grid__cell.u-centered.u-letter-box--small {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.o-grid__cell.o-grid__cell--np.u-same-height__cell.repo-image {
		/*  display: none; */
	}

	.o-grid__cell.case-study-section__cell {
		padding-top: 30px;
		padding-right: 30px;
		padding-left: 30px;
	}

	.o-grid__cell.o-grid__cell--psmall {
		padding-right: 10px;
		padding-left: 10px;
	}

	.u-letter-box--super {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.u-letter-box--super-top {
		padding-top: 60px;
	}
  
  .cta-strip .u-letter-box--super {
    padding-bottom: 30px;
  }

	.c-spacer.c-spacer--large {
		height: 40px;
	}

	.c-tabs__content.c-tabs__content--nb {
		border-style: none;
	}

	.c-menu-buttton {
		color: #fff;
	}
	.o-slide.o-slide--col3 {
		width: 50%;
	}
	.row-fluid .span12.o-container-large {
		width: auto;
		max-width: 728px;
	}
	.row-fluid .span12.o-container-large.u-letter-box--super {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.row-fluid .span12.o-container-large.u-letter-box--super-top {
		padding-top: 60px;
	}

	.o-feature-content {
		max-width: 460px;
		padding-right: 5%;
		padding-left: 5%;
	}

	.o-feature-content.o-feature-content--left {
		padding-left: 5%;
	}

	.o-feature-content.o-feature-content--left-pad-medium {
		max-width: 100%;
		/* padding-left: 5%; */
	}

	.u-same-height__button-fixed {
		left: 30px;
	}
  
	.c-scroll-top.u-highest {
		/*display: none;*/
	}

	.c-icon-box {
		padding-bottom: 16px;
	}

	.o-feature-bg.o-feature-bg--custom-one.o-feature-bg--large {
		height: 430px;
	}

	.case-study-section {
		margin-bottom: 280px;
		padding-bottom: 230px;
	}

	.case-study-section__grid-wrap {
		bottom: -530px;
	}

	.banner-text--bottomleft.banner-text--narrow {
		width: 80%;
	}

	.team-member.team-member-one {
		background-position: -45px 0px;
		background-size: cover;
	}

	.team-member.team-member-two {
		background-position: -43px 0px;
	}

	.team-member.team-member-three {
		background-position: -50px 0px;
	}

	.team-member.team-member-four {
		background-position: -48px 0px;
	}
	.team-member.team-member-five {
		background-position: -53px 0px;
	}

	.team-member.team-member-six {
		background-position: -44px 0px;
	}

	.o-content-offer {
		padding: 0%;
	}

	.w-container,
	.container-fluid .row-fluid .page-center { 
    display: block;
    height: auto;
		max-width: 728px;
	}

	.container-fluid .row-fluid .page-center.page-center-offset { 
		max-width: 748px;
	}

	/* Case Study Section */
	.case-study-section__grid-wrap {
		bottom: -535px;
	}

	.case-study-section {
		margin-bottom: 350px;
	}

	.c-button.c-button--primary.c-button--rounded.u-pillar-box--mar-small {
		margin-left: 15px;
		margin-top: 0;
	}

	.pricing-section {
		margin-bottom: 340px;
		padding-bottom: 270px;
	}

	.type-wrapper {
		display: block;
		min-height: 112px;
	}

	.span12.widget-span.widget-type-rich_text.icon-box-content {
		width: 73%;
	}

	.o-section.section-split {
		margin-bottom: 350px;
	}

	.logo-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
		width: 33.333333%;
	}

	.row-fluid .span4.casestudy-block {
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.row-fluid .span3.casestudy-block {
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
    margin-bottom: 20px;
	}

	.cta-container {
		bottom: 30px;
	}

	.c-card.c-card__secondary-articles {
		height: auto;
	}

	.c-card__content.u-c-card-lessp {
		padding: 19px;
	}

	.c-blog-content-offer {
		padding: 20px;
	}

	.c-card__image.u-secondary-article-image {
		height: 180px;
	}

	.gsc-results-wrapper-visible {
		margin-top: 60px !important;
	}

	.o-services-video-wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}

	.row-fluid .vertical-container.tablet-hide,
	.row-fluid .tablet-hide,
	li.tablet-mob {
		display: none;
	}

	.row-fluid .full-tablet,
	.row-fluid .span6.full-fluid-6.full-tablet {
		width: 100%;
	}

	.solution-bg-wrapper{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.o-lp-content-wrap.lp-vid-wrapper{
		padding-bottom:0px;
	}
  
  .casestudy-block {
		min-height: 0;
		background-color: #f1f1f1;
	}
	
  .casestudy-block.v2 {
		background-color: #f5f5f5;
	}
  
  .casestudy-wrapper .c-icon-box__icon.c-icon-box__icon--large {
    display: block;
    margin: 0 auto !important;
    width: 150px; 
  }
  
  .hs-content-path-about-us .casestudy-wrapper .c-icon-box__icon.c-icon-box__icon--large {
    display: block;
    margin: 0 0 -20px -25px !important;
    width: 150px;
  }
  
  .hs-content-path-about-us .casestudy-wrapper .c-heading.c-heading--ntp {
    text-align: left;  
  }
  
  /* blog */
  .row-fluid .span8 {
    width: 100%;
  }
  
  .u-letter-box--medium {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .u-letter-box--medium.pad-bot {
    height: 220px;
  }
  
  .o-blog-filter-options--dropdown-toggle {
    width: 100%;
  }
  
  .o-blog-filter-options--dropdown {
    margin-left: 0;
    width: 100%;
  }
  
  .row-fluid .span4 {
    margin-left: 0;
    width: 100%;
  }

  .hs-blog-listing .c-blog-content-offer .widget-type-rich_text {
    height: 130px;
  }
  
  /* Resources */
  .hs-content-name-2019-website-resources .c-card.c-card__secondary-articles { 
    height: 305px;
  }
  
}


@media (max-width: 767px) {
  .c-overlay.c-overlay--inner {
		display: none;
	}
  .hs-content-name-2019-website-services .c-hero--content,
  .hs-content-name-2019-software-services .c-hero--content {
    margin-top: 0;
  }
  
  .c-hero--content .c-heading.c-heading-np.header-text-nc,
  .hs-content-name-2019-software-services .c-hero--content .c-heading.c-heading-np.header-text-nc,
  .hs-content-name-struto-2019-homepage .c-hero--content .c-heading.c-heading-np.header-text-nc, 
  .hs-content-name-2019-software-services .c-hero--content  .c-heading.c-heading-np.header-text-nc,
  .hs-content-name-2019-website-services .c-hero--content .c-heading.c-heading-np.header-text-nc {
    height: auto;
    min-height: auto;
  }
  
  .website--overlay-img,
  .banner-overlay--image, 
  .software--overlay-img {
    display: none !important; 
  }
  
  .typed {
    display: none;
  }

	.o-social-icons > div{
		float:left;
	}

  .hs-blog-listing .c-blog-content-offer .widget-type-rich_text, 
  .resources-container .c-heading.c-heading--ntp {
    height: auto !important; 
  }
  
	.blog-post-body .o-social-icons{
		padding-left: 0 !important;
	}

	.blog-list-wrap .row-fluid .vertical-container{
		width:100%;
	}

	.listing-wrapper{
		display:block;
	}

	.team-member.culture-one {
		height: 180px;
	}

	.u-lp-four-header-wrapper.u-centered.u-color--white {
		width: 80%;
	}

	.o-grid__cell.o-grid__cell--np.u-same-height__cell.repo-image {
		display: none;
	}

	.career-team-wrap {
		padding: 0 10px;
	}
  
	.custom-pull {
		margin-top: -5px;
	}
	
  .c-hero.c-hero--home-boxed {
		height: auto;
		padding: 120px 0 60px;
	}
	
  .c-hero.c-hero--home.u-align-table.bg-vid {
		height: auto;
		padding-top: 90px;
		padding-bottom: 40px;
	}
	
  .c-hero--home.bg-vid .c-hero__inner {
		margin-top: 0;
	}
	
  .resource-block {
		margin-bottom: 20px;
	}
	
  .row-fluid .span-small-6 {
		width: 50%;
		float: left;
	}
	
  .o-grid__cell.o-grid__cell--pright-medium {
		padding-right: 20px;
	}
	
  .resources-footer { 
		padding: 0 0 60px 0;
	}
	
  #filterWrap .jplist-drop-down {
		width: 100%;
		margin-bottom: 10px;
	}
	
  .c-lp-form {
		margin-top: 20px;
		padding: 20px;
	}
	
  .map-container iframe {
		position: relative;
	}
	
  .container-fluid .row-fluid .page-center.page-center-offset.offset-pull {
		padding: 0 10px;
	}
	
  .cell-pad {
		padding: 0 15px;
	}
	
  .span2.workplace-img {
		width: 25%;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	
  .o-grid.o-grid-hidden {
		display: none;
	}
	
  .lp-content {
		margin-bottom: 30px;
	}
	
  .img-full {
		margin-bottom: 30px;
	}
	
  .c-article.u-ty--hlarge {
		height: 300px;
	  margin-bottom: 30px;
  }
  
	.wistia_responsive_padding {
		margin-bottom: 20px;
	}
	
  .o-slide__inner {
		padding-left: 0;
		padding-right: 0;
	}
	
  .span3.widget-span.widget-type-cell.footer-block {
		border-bottom: 1px solid #3a4152;
		padding: 20px 20px 25px;
	}
  
	.footer-wrapper {
		font-size: 13px;
		padding: 40px 0 0;
	}
  
	.footer-wrapper .row-fluid .page-center {
		max-width: none;
	}
	
  .row-fluid .span8.featured-left {
		width: 100%;
	}
	
  .row-fluid .span4.featured-right {
		width: 100%;
		margin-left: 0;
	}
	
  .row-fluid .vertical-container.mobile-hide,
	.row-fluid .mobile-hide,
	li.hide-mob {
		display: none;
	}
	
  .o-feature-bg {
		margin-bottom: 20px;
	}
  
  .c-hero--home .c-hero__inner {
    /* padding-top: 40px; */
    padding-top: 20px;
  }
	
  .c-blog-article {
		margin-bottom: 10px;
	}
	
  .featured-left  .c-blog-article {
		height: auto;
	}

	.c-blog-article__feature.u-blog-article__feature--bottom-left {
		bottom: auto;
		left: auto;
		overflow: auto;
		position: relative;
		width: 100%;
	}
 
	.desktop-typer {
		display: none;
	}
  
  .software-banner .c-heading.c-heading-np.header-text-nc,
  .home-banner-wrap .c-heading.c-heading-np.header-text-nc,
  .website-services-banner .c-heading.c-heading-np.header-text-nc, 
  .growth-services-banner .c-heading.c-heading-np.header-text-nc {
    height: auto;
  }
  
	.mobile-typer {
		display: block;
	}
	
  .team-block {
		padding: 0 20px;
	}
  
	.team-member {
		height: 300px;
	}
	
  .case-inner {
		min-height: 195px;
	}
		
  .case-inner {
		min-height: 0;
	}
	
  .o-container.u-letter-box--super {
		padding-top: 40px;
    padding-bottom: 40px;
	}
	
  .o-container.u-letter-box--super-top {
		padding-top: 40px;
	}
	
  .case-study {
		margin-right: -20px;
		margin-left: -20px;
	}
	
  .c-heading.c-heading-np.header-text-nc.c-heading--thin {
		width: 100%;
	}
	
  .o-grid.u-letter-box--small.u-letter-box--none {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
  .o-grid__cell {
		padding-right: 20px;
		padding-left: 20px;
	}
	
  .o-grid__cell.u-same-height__cell.u-image--none {
		display: none;
	}
	
  .o-grid__cell.case-study-section__cell.u-same-height__buttons {
		min-height: 0;
	}
	
  .o-grid__cell.o-grid__cell--psmall {
		padding-right: 20px;
		padding-left: 20px;
	}
	
  .o-grid__cell.u-grid__cell--mt {
		margin-top: 20px;
	}
	
  .c-spacer.c-spacer--small {
		height: 10px;
	}
  
	.c-spacer.c-spacer--super {
		height: 40px;
	}
  
	/*DOUBLECHECKTHIS*/
	.o-container__item {
		padding-right: 20px;
		padding-left: 20px;
	}
  
 .section.post-header > .o-container__item {
    display: inline-block; 
    padding: 0 !important;
    width: 100%;
  }
  
	.o-container__item.u-centered.u-p-left-right {
		padding-right: 20px;
		padding-left: 20px;
	}
  
	.c-heading-section {
		padding-right: 20px;
		padding-left: 20px;
	}
  
	/** Bug fixes ***/
  .o-feature-content {
    /* padding: 0 !important; */
  }
  
  .growth-services-banner.o-container__item.u-centered.u-p-left-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .growth-services-banner .c-hero.c-hero--home {
    padding-bottom: 20px;
  }
  
	/*
	.c-hero.c-hero--home {
    height: 650px;
    padding-top: 0;
  }
  */
  
	.o-slide.o-slide--col3 {
		width: 100%;
	}
  
	.row-fluid .span12.o-container-large.u-letter-box--super {
		padding-top: 60px;
		padding-bottom: 60px;
	}
  
	.row-fluid .span12.o-container-large.u-letter-box--super-top {
		padding-top: 60px;
	}
	
  .o-feature-content {
		max-width: 100%;
		padding-right: 0%;
		padding-left: 0%;
	}
  
	.o-feature-content.o-feature-content--left {
		width: 100%;
		max-width: 100%;
		padding-right: 0%;
		padding-left: 0%;
		float: none;
	}
  
	.o-feature-content.o-feature-content--left-pad-medium {
		padding-left: 0%;
	}
  
	.u-same-height__button-fixed {
		left: 20px;
		right: 20px;
	}
  
	.u-same-height__button-fixed.u-same-height__button-fixed--npl {
		left: 20px;
	}
  
	.c-icon-box {
		padding-bottom: 30px !important;
	}
  
	.c-icon-box__cell-left.c-icon-box__cell-left--medium {
		margin-right: 15px;
	}
  
	.c-icon-box__icon.c-icon-box__icon-xlarge.logo-centered {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
  
	.c-social-link {
		display: inline-block;
	}
  
	.c-social-icon.fa.fa-facebook.fa-5x {
		font-size: 48px;
	}
  
	.c-social-icon.fa.fa-pinterest.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-twitter.fa-5x {
		font-size: 48px;
	}
  
	.c-social-icon.fa.fa-google-plus.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-instagram.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-linkedin.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-youtube.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-tumblr.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-flickr.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-dribbble.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-quora.fa-5x {
		font-size: 48px;
	}
	
  .c-social-icon.fa.fa-foursquare.fa-5x {
		font-size: 48px;
	}
	
  .o-feature-bg.o-feature-bg--custom-one.o-feature-bg--large {
		height: 450px;
	}
	
  .demo-video {
		height: auto;
	}
	
  .case-study-section {
		margin-bottom: 60px;
		padding-bottom: 0px;
	}
	
  .case-study-section__grid-wrap {
		position: static;
	}
	
  .c-card__content {
		padding: 28px;
	}
	
  .banner-text {
    /*
		padding-right: 20px;
		padding-left: 20px;
    */
	}
	
  .banner-text--bottomleft.banner-text--narrow {
		width: 100%;
	}
	
  .banner-text--bottomleft.banner-text--narrow.u-less-pad--xxlarge {
		margin-top: 120px;
	}
	
  .team-member {
		height: 300px;
		margin-bottom: 20px;
	}
	
  .team-member.team-member-one {
		background-position: 50% 7%;
	}
	
  .team-member.team-member-two {
		background-position: 50% 7%;
	}
	
  .team-member.team-member-three {
		background-position: 50% 4%;
	}
	
  .team-member.team-member-four {
		background-position: 50% 13%;
	}
	
  .team-member.team-member-five {
		background-position: 50% 9%;
	}
	
  .team-member.team-member-six {
		background-position: 50% 7%;
	}
	
  .c-card__image.u-testimonial-image-one {
		height: 250px;
	}
	
  .c-card__image.u-testimonial-image-two {
		height: 250px;
	}
	.c-card__image.u-testimonial-image-three {
		height: 250px;
	}
	.c-card__image.u-testimonial-image-four {
		height: 250px;
	}
	.c-card__image.u-testimonial-image-five {
		height: 250px;
	}
	.c-card__image.u-testimonial-image-six {
		height: 250px;
	}
	.o-modal__team-image {
		height: 300px;
		background-position: 0px -10px;
	}
	.o-product-logos {
		text-align: center;
	}
	.o-sales-team-image {
		border-bottom: 1px solid #e2e2e2;
	}
	.o-services-video {
		margin-bottom: 20px;
	}
	.u-same-height-wrapper, .u-same-height__row-fluid, .u-same-height__cell, .u-same-height__buttons {
		display: block
	}
	/* Case Study Section */
	.case-study-section__grid-wrap {
		bottom: -535px;
	}
	.case-study-section {
		margin-bottom: 60px;
	}
	h1, 
  .thank-heading h1,
	.c-heading.c-heading-np.header-text-nc {
		font-size: 55px !important;
		line-height: 65px !important;
	}
  .o-lp-content-wrap h1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
	h2 {
		font-size: 35px;
		line-height: 40px;
	}
	h3 {
		font-size: 20px;
		line-height: 30px;
	}
	h4 {
		font-size: 18px;  
	}
	.c-heading-eyebrow h4 {
		font-size: 18px;
		line-height: 20px;
	}
	.demo-video {
		height: auto;
	}
	.pricing-section {
		margin-bottom: 70px;
		padding-bottom: 0;
	}
	.type-wrapper {
		display: block;
		height: 125px;
	}
	.o-grid__cell.u-centered.grid-block {
		margin-bottom: 40px;
	}
	.row-fluid .case-study-container .span4 {
		width: 100%;
	}
	.span12.widget-span.widget-type-cell.case-study-container {
		position: relative;
	}
	.case-study-section {
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.o-section.section-split {
		margin-bottom: 50px;
	}
	.banner-sub h3 {
		padding-bottom: 24px;
	}
	.o-feature-content.u--padded {
		padding-right: 20px;
		padding-left: 20px;
	}
	.o-modal .span7 {
		padding-bottom: 20px;
	}
  .casestudy-bg-columns {
    background: none !important;
    margin-bottom: 20px;
  }
	.cta-container {
		bottom: -5px;
		position: relative;
	}
	.listing-wrapper .span4 {
		width: 100%;
	}
	.c-card.c-card__secondary-articles {
		height: auto;
	}
	.blog-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.pagination li.first-posts-link {
		left: 30px;
	}
	.pagination li.previous-posts-link {
		left: 70px;
	}
	.pagination li.next-posts-link {
		right: 70px;
	}
	.pagination li.last-posts-link {
		right: 30px;
	}
	.row-fluid .span4.casestudy-block.pricing-blocks {
		display: block;
		float: none;
		height: auto;
		min-height: 0;
	}
	.o-container__item.pricing-feature-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.o-blog-filter-options--dropdown.w-dropdown {
		margin-left: 0;
		width: 100%;
	}
	.o-blog-filter-options--dropdown-toggle {
		width: 100%;
	}
	.vertical-wrap > .row-fluid-wrapper > .row-fluid {
		display: block;
		height: 100%;
	}
	.row-fluid .vertical-container {
		display: inline-block;
		float: left;
		height: auto;
		width: 100%;
	}
	.padding-box,
	.padding-mobile{
		padding-left: 20px;
		padding-right: 20px;
	}
	.solution-bg-wrapper{
		padding-top:60px;
		padding-bottom:60px;
	}
	.o-sales-team-image img {
		display: block;
		float: none;
		margin: 0 auto;
	}
	.row-fluid .span4.casestudy-block.o-product-logos {
		padding-left: 20px;
		padding-right: 20px;
	}
  
	.row-fluid .span6.full-fluid-6 {
    display: block;
		width: 100%;
	}
  
	.c-blog-content-offer {
		height: auto;
	}
  
	.c-blog-article {
		height: 300px;
	}
  
  .pad-bot {  
    padding-top: 0 !important;
  }
  
	.u-letter-box--medium.pad-bot {
		padding-bottom: 20px;
	}
  
	.o-blog-content-offer.cta-section {
		padding-left: 20px;
		padding-right: 20px;
	}
  
	.blog-post-body .c-social-link.c-social-link--footer {
		display: inline-block;
		width: auto;
	}
  
	.blog-post-body .o-social-icons {
		margin-bottom: 15px;
		margin-top: -5px;
		padding-left: 35px;
		width: 100%;
	}
  
	.span4.team-block {
		width: 33.3%;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
  
	.span12.widget-span.widget-type-widget_container.o-container.u-letter-box--super.page-center.list {
		padding-right: 10px;
		padding-left: 10px;
	}
  
	.resources-container .span4.team-block{
		width:100% !important;
	}
  
	.team-member--overlay {
		height: 100%;
	}
  
	.team-member-names {
		padding: 0 10px 0 10px;
	}
	
  .agenda-table tr th:last-child {
		text-align: left;
	}
	
  .row-fluid .span6.widget-span.widget-type-cell.o-grid__cell--np.span-pull-left {
		width: 100%;
	}
  
  /* Resources */
  .hs-content-name-2019-website-resources .c-card.c-card__secondary-articles { 
    height: auto;
  }
  
  .hide-dektop {
    display: block !important; 
    width: 100% !important;
  }
  
  .enquiries-wrapper {
    text-align: center; 
  }
  
  .address-block .o-grid__cell {
    padding-left: 0; 
    padding-right: 0;
  }
  .address-block .city {
    left: 0;
    bottom: 0;
  }
  .city .c-icon-box__heading.city {
    text-align: left;
  }
  
}


@media (max-width: 640px) {
  
  .contact--v2 .hide-dektop {
    height: 70px !important; 
  }
  
  .contact--v2 #mainMenu {
    margin-top: 70px !important; 
  }
  
  .contact-details-wrap {
    padding: 0 !important; 
  }
  .contact-details-wrap .u-centered.u-w-thin {  border: 1px soid red !important;
    padding: 20px 20px 0 !important;
  }
  
}


@media (max-width: 600px) {
  
	.cell-pad {
		padding: 0 20px;
	}
  
  .span2.workplace-img {
    width: 33.333%;
  }

	.team-member.culture-one {
		height: 200px;
	}

  .c-lp-image {
    height: 260px;
  }
  
}


@media (max-width: 479px) {

  .solid-colour-cta-sml{
		margin:10px 0;
	}
	
  .solution-bg-wrapper{
		padding-top:40px;
		padding-bottom:40px;
	}
  
	.u-lp-four-header-wrapper.u-centered.u-color--white {
		width: 90%;
	}
	
  .span2.workplace-img {
		width: 50%;
		float: left;
	}
	
  .team-member.culture-one {
		height: 220px;
	}
  
  .row-fluid .span-small-6 {
		width: 100%;
		float: none;
	}
  
	.c-button.c-button--primary.c-button--rounded.upload-btn.u-right {
		float: left;
	}
	
  .resources-footer {
		padding: 0px 0 100px 0;
	}
	
  #filterWrap .jplist-panel .jplist-pagination .jplist-pagingprev,
	#filterWrap .jplist-panel .jplist-pagination .jplist-pagingnext {   
		top: 60px;
	}
	
  .case-study-section__grid-wrap.u-no-shadow.career-img {
		margin-top: -52px;
	}
  
  .hs-content-path-about-us .casestudy-wrapper .c-icon-box__icon.c-icon-box__icon--large {
    display: block;
    margin: 0 auto -20px !important;
    width: 150px;
  }
  
  .hs-content-path-about-us .casestudy-wrapper .c-heading.c-heading--ntp, 
    .hs-content-path-about-us .casestudy-wrapper p {
    text-align: center;  
  }
    
  .agenda-table th {
		font-size: 11px;
		line-height: 15px;
		padding: 15px 5px;
	}
	
  .o-modal .span5,
	.o-modal .c-spacer {
		display: block;
	}
	
  .o-modal .span7 {
		padding-bottom: 0;
	}
	
  .o-container.u-letter-box--super {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
  .o-container.u-letter-box--super-top {
		padding-top: 40px;
	}
	
  .c-spacer.c-spacer--medium {
		height: 30px;
	}
	
  .c-spacer.c-spacer--super {
		height: 20px;
	}
  
	.c-heading-sub.c-heading-sub--narrow {
		width: 100%;
		padding-bottom: 24px;
	}
  
	.o-slider__mask {
		margin-right: 10px;
		margin-left: 10px;
	}
  
	.o-slide.o-slide--col3 {
		width: 100%;
	}
  
	.o-slider__left-arrow.o-slider__left-arrow--testimonial {
		display: none;
		width: 40px;
	}
  
	.row-fluid .span12.o-container-large.u-letter-box--super {
		padding-top: 40px;
		padding-bottom: 40px;
	}
  
	.row-fluid .span12.o-container-large.u-letter-box--super-top {
		padding-top: 40px;
	}
  
	.o-slider__right-arrow.o-slider__right-arrow--testimonial {
		display: none;
		width: 40px;
	}
  
	.o-feature-bg.o-feature-bg--custom-one.o-feature-bg--large {
		height: 250px;
	}
  
	.case-study-section {
		padding-top: 50px;
	}
  
	.banner-text--bottomleft.banner-text--narrow {
		width: 100%;
	}
  
	.banner-text--bottomleft.banner-text--narrow.u-less-pad--xxlarge {
		margin-top: 50px;
	}
  
	.w-container,
	.container-fluid .row-fluid .page-center,
	.container-fluid .row-fluid .page-center.page-center-offset {
		max-width: none;
	}
  
	.type-wrapper {
		display: block;
		height: 145px;
	}
  
	.slider-wrap {
		padding: 0 20px;
	}
  
	.logo-block {
		width: 100%;
	}
  
	.banner-sub h3 {
		padding-bottom: 16px;
	}
  
	.feature-tab-text,
	.feature-tab-heading {
		font-size: 10px;
		line-height: 1.2;
		padding: 0;
	}
  
	.o-social-icons > div {
		float: left;
	}
  
	.span4.team-block {
		width: 100%;
	}
	
  .c-heading-sub.u-lp-text--medium {
		width: 100%;
	}
  
  video::-webkit-media-controls-start-playback-button {
    display: none !important;
  }
  
}


@media (max-width: 414px) {
  
	.c-button.c-button--primary.c-button--rounded.u-pillar-box--mar-small {
		margin-left: 0;
		margin-top: 10px;
	}
  
}


@media (max-width:400px) {

  .team-member.culture-one {
		height: 180px;
	}
  
}


/* ==========================================================================
3. ==MENU NAVIGATION
========================================================================== */


/* ==========================================================================
Menu Header Structure
========================================================================== */

.menu-wrapper {
	position: fixed;
	left: 0;
	z-index: 999;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
}

.invert-nav .menu-wrapper {
	color: #333333;
	box-shadow: 0 2px 8px -2px rgba(130, 130, 130, 0.38);
	background-color: #fff;
}

/*** Bug fixes: glitch on menu load ***/
.span9.widget-span.widget-type-menu.custom-menu-primary {
	float: right;
	margin-left: 0;
	margin-right: 150px;
}
/***
.span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
float: right;
margin-left: 0;
margin-right: 10%;
}
***/
.nav-logo a {
	height: 30px;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	color: #333333;
	float: left;
	position: relative;
	text-decoration: none;
}

.nav-logo img {
	height: auto;
	width: 150px    ;
	max-height: 100%;
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

/* Nav Search */
.google-search-wrapper {
  display: none;
	left: 0;
	position: absolute;
	top: 10px;
	width: 80%;
	opacity: 0;
	z-index: -1;
}

.custom-menu-primary {
	-webkit-transition: opacity 150ms ease-in;
	transition: opacity 150ms ease-in;
	transition-delay: 50ms;
}

.fa-times-thin:before {
	content: '\00d7';
}

.search-close {
	position: absolute;
	right: -50px;
	top: 15px;
	font-size: 40px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	cursor: pointer;
}

.search-wrap {
	padding: 0;
  margin: 2px 0;
	position: absolute;
	right: 20px;
	cursor: pointer;
	/*-webkit-transition: opacity 350ms ease-in, color 350ms ease-in;*/
	/*transition: opacity 350ms ease-in, color 350ms ease-in;*/
	font-weight: 500;
	width: 85px;
}

.search-wrap .fa-search {
  display: inline-block;
  width: 100%;
}

.search-wrap .fa-search:hover,
.search-wrap:hover .search-text {
	color: #40c6f1; 
  /*
	-webkit-transition: opacity 350ms ease-in, color 350ms ease-in;
	transition: opacity 350ms ease-in, color 350ms ease-in;
  */
}

.search-text {
	display: inline-block;
	margin-left: 10px;
}

.span1.search-section {
	-webkit-transition: opacity 350ms ease-in;
	transition: opacity 350ms ease-in;
	position: absolute;
	right: 0; /** Bug fixes 22px**/
	width: 8%;
}

/* Search open*/
.google-search-wrapper.search-open {
  display: block;
	opacity: 1;   
	z-index: 1;
}

.search-close.search-open {
	position: absolute;
	right: 15px;
	top: 15px;
}

.span1.search-section.search-open {
	position: absolute;
	right: 0;
	width: 36%;
	-webkit-transition: all 350ms ease-out;
	transition: all 350ms ease-out;
}

.custom-menu-primary.search-open {
	opacity: 0;
	transition-delay:0s;
}

.search-wrap.search-open {
	cursor: pointer;
	left: 0;
	padding: 25px 0 5px;
	position: absolute;
	width: 100%;
}

.search-open .search-icon,
.search-open .search-text {
	display: none;
}

/**** START HubSpot Search Settings ****/
.hs-search-results__listing li {
	padding: 0 0 15px;
	margin: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #e8e8e8;
}
.hs-search-results__listing a {
	font-weight: 400;
}
.hs-search-field--open .hs-search-field__suggestions {
	border: 1px solid #1acdee;
	position: absolute;
	z-index: 99999;
	background: white;
	padding: 10px;
	border-radius: 4px;
}
.hs-search-field__suggestions li {
	padding: 2px;
	border-bottom: 1px dashed #e1e7e8;
}
input.hs-search-field__input {
	background: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Procera/Images/search-3.png') left 10px center no-repeat rgb(255, 255, 255);
	background-size: 25px;
	margin-top: 8px;
	margin-bottom: 30px !important;
	height: 45px;
	padding-left: 44px !important;
	color: darkgrey;
}
input.hs-search-field__input:hover {
	box-shadow: 5px 5px 21px -4px rgba(0, 0, 0, .2);
}
.hs-search-results__next-page,
.hs-search-results__prev-page {
	float: right;
	/*border: 1px solid #1acdee;*/
	padding: 10px 15px;
	border-radius: 100px;
}
.hub-template-search-template input.hs-search-field__input {
	max-width: 100%;
}
/*custom search styling*/
#searchBar .gsc-search-box-tools .gsc-search-box .gsc-input,
#searchBar .gsc-search-box-tools .gsc-search-box #gsc-i-id1.gsc-input {
	padding-left: 10px !important;
	padding-right: 0 !important;
	text-indent: 0 !important;
}


#searchBar .cse .gsc-search-button .gsc-search-button-v2, 
#searchBar button.gsc-search-button-v2 {
	height: auto !important;
	margin-top: 2px !important;
	min-width: 13px !important;
	padding: 12px 7px 5px !important;
	width: auto !important
}

#searchBar .gsc-search-button, 
#searchBar .gsc-search-button:hover, 
#searchBar .gsc-search-button:focus {
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	border: medium none !important;
}

#searchBar .gsc-control-cse,
#searchBar #gsc-i-id1{
	background-color: transparent !important;
	border-color: transparent !important;
	border: medium none !important;
	padding: 0 !important;
	background-image:none !important;
}

#searchBar .gsc-input-box {
	height: 35px !important;
}

#searchBar .cse .gsc-search-button:focus,
#searchBar .gsc-search-button:focus {
	box-shadow: none !important;
}

#searchBar .gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
	border-color: transparent !important;
}

#searchBar .gsc-input-box {
	background: transparent none repeat scroll 0 0 !important;
	border: medium none !important;
}

#searchBar .gsc-input {
	background-color: transparent !important;
	border: medium none !important;
	color: #fff !important;
	font-size: 16px !important;
	padding: 4px 9px !important;
}
.scrolling #searchBar .gsc-input,
.invert-nav #searchBar button.gsc-input {
	color: #282c36 !important;
}

#searchBar .gsc-search-button {
	left: 0 !important;
	position: absolute !important;
}

#searchBar .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-left: 32px !important;
}

#searchBar .gsc-input,
#searchBar .gsc-input:hover,
#searchBar .gsc-input:focus {
	box-shadow: none !important;
}

#searchBar .gsc-search-box .gsc-input > input:hover, 
#searchBar .gsc-input-box-hover,
#searchBar .gsc-input-box-focus{
	box-shadow: none !important;
}

#searchBar .gsc-input-box {
	border-bottom: 1px solid #fff !important;
}

#searchBar .gsib_b {
	display: none !important;
}

#searchBar button.gsc-search-button svg:hover{
	cursor:pointer;
}

/* ==========================================================================
Desktop Menu
========================================================================== */

/* Top Menu (Struto) */
.header-menu-wrap {
	float: right;
	top: 0;
	margin-top: 0;
	position: absolute;
	right: 0;
}

.custom-top-menu {
	height: 35px;
	margin: 10px 0 0 0;
}

.custom-top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
	float: right;
	padding: 0;
	position: absolute;
	right: 10px;
	margin: 0;
}

.custom-top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
	margin: 0 20px;
}

.custom-top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
	color: #fff;
	font-family: Poppins, sans-serif;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.2px;
	padding: 10px 0px 5px;
	position: relative;
}

.scrolling .custom-top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
	color: #282c36;
}

.custom-top-menu .hs-menu-wrapper > ul li a:after {
	background: none;
	bottom: 3px;
	color: rgba(0, 0, 0, 0);
	content: ".";
	height: 1px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	width: 0;
}

.custom-top-menu .hs-menu-wrapper > ul > li > a, 
.custom-top-menu .hs-menu-wrapper > ul > li > a:after {
	transition: all 0.5s ease 0s;
}

.custom-top-menu .hs-menu-wrapper > ul > li > a:hover,
.scrolling .custom-top-menu .hs-menu-wrapper > ul > li > a:hover {
  color: #40c6f1;
}

.custom-top-menu .hs-menu-wrapper > ul > li > a:hover:after {
	width: 100%;
}




/* Parent List */
.custom-menu-primary .hs-menu-wrapper {
	right: 120px;
	float: right;
	position: absolute; 
}

.custom-menu-primary .hs-menu-wrapper > ul {
	float: right;
}

span.search-text,
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
	color: #ffffff;
	font-family: Poppins, sans-serif;
	font-size: 14px; 
	font-weight: 500;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px 0 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.custom-menu-primary .hs-menu-wrapper > ul > li.active > a,
.scrolling .custom-menu-primary .hs-menu-wrapper > ul > li.active > a {
    color: #40c6f1 !important;
}

.custom-top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active a,
.scrolling .custom-top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active a {
  color: #40c6f1 !important;
}

span.search-text {
	padding: 0;
	position: absolute;
	margin: 0 0 0 10px; 
} 

.scrolling span.search-text {
  color: #333; 
}

.custom-menu-primary .hs-menu-wrapper > ul > li.active > a,
.scrolling .custom-menu-primary .hs-menu-wrapper > ul > li.active > a,
.invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li.active > a{
	color: #40c6f1;
}

.custom-menu-primary ul li.hs-menu-depth-1.hs-item-has-children .fa {
	position: absolute;
	right: 5px;
	top: 8px;
}

.hs-menu-children-wrapper {
	box-shadow: 6px 6px 29px 0 rgba(0, 0, 0, 0.3);
}


@media (min-width: 992px) {
	.custom-menu-primary .hs-menu-wrapper > ul > li > a:after,
	.custom-menu-primary .hs-menu-wrapper > ul ul li a:after {
		background: #40c6f1 none repeat scroll 0 0;
		bottom: 3px;
		color: rgba(0, 0, 0, 0);
		content: ".";
		height: 1px;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
		width: 0;
	}
	.custom-menu-primary .hs-menu-wrapper > ul ul li a:after {
		bottom: 0;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li > a, 
	.custom-menu-primary .hs-menu-wrapper > ul > li > a:after,
	.custom-menu-primary .hs-menu-wrapper > ul ul li a:after {
		transition: all 0.5s ease 0s;
	}

	.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover:after,
	.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover:after{
		width: 100%;
	}
}

/* Scrolling transition */
#mainMenu {
	min-height: 90px;
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
}

/* Test */
#mainMenu > * {
    -webkit-transform: translateZ(0);
}

.scrolling,
.invert-nav {
	background-color: #ffffff !important; 
	opacity: 1; 
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
	border-bottom:transparent;
	-webkit-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
	box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
	color: #333333;
}

.hs-blog-post > #mainMenu {
	background-color: #ffffff !important; 
	opacity: 1; 
	-webkit-transition: background-color 350ms ease, color 350ms ease;
	transition: background-color 350ms ease, color 350ms ease;
	border-bottom:transparent;
	-webkit-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
	-moz-box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
	box-shadow: 0px 2px 8px -2px rgba(130,130,130,0.38);
	color: #333333;
}

.scrolling .custom-menu-primary .hs-menu-wrapper > ul > li > a,
.invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li > a{
	color: #333333;
	-webkit-font-smoothing: auto;
}

.scrolling input.gsc-input,
.invert-nav input.gsc-input{
	color: #282c36 !important;
}

.scrolling .gsc-input-box,
.invert-nav .gsc-input-box{
	border-bottom: 1px solid #dedede !important
}

.scrolling .gsc-search-button,
.invert-nav .gsc-search-button {
	height: 35px !important;
	width: 35px !important;
}

.scrolling .gsc-search-button.gsc-search-button-v2,
.invert-nav .gsc-search-button.gsc-search-button-v2{
	opacity: 0 !important;
}

.scrolling .gsc-search-button,
.invert-nav .gsc-search-button {
	padding-top: 6px !important;
}

.scrolling .gsc-search-button:after,
.invert-nav .gsc-search-button:after {
	font-family: FontAwesome;
	content:"\f002";
	color: #333333;
}

/* Default Logo Image */
.span1.widget-span.widget-type-logo.logo-default,
.span1.widget-span.widget-type-logo.logo-secondary,
.span2.widget-span.widget-type-logo.logo-static {
	left: 20px;
	margin: 0;
	position: absolute;
	top: 20px;
	width: 200px;
	z-index: 999999;
}

.span1.widget-span.widget-type-logo.logo-default img,
.span1.widget-span.widget-type-logo.logo-secondary img,
.span2.widget-span.widget-type-logo.logo-static img {
	max-width: 180px;
	margin: 7px 0 0 0;
	width: 100%;
}

.span1.widget-span.widget-type-logo.logo-secondary {
	visibility: hidden;
}
.scrolling .span1.widget-span.widget-type-logo.logo-secondary {
	visibility: visible;
}
.scrolling .span1.widget-span.widget-type-logo.logo-default {
	visibility: hidden;
}

.logo-switch {
	background-image: url('https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Marketplace/WASABI/img/wasabi-logo-white-4.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 30px;
	height: 30px;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 186px;
	-webkit-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
}

/* Inverse Logo Image */
.scrolling .logo-switch,
.invert-nav .logo-switch {
	background-image: url('https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Marketplace/WASABI/img/wasabi-logo-colour-4.png');
	-webkit-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul {
	background-color: #ffffff;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a {
	color: #333333;
	font-weight: 400;
	transition: background-color 500ms ease 0s;
	display: block;
	padding: 10px 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
	background-color: #ebebeb;
}

.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: 100%;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	overflow: visible !important;
	max-width: none !important;
	width: auto !important;
}

.custom-menu-primary ul li.hs-menu-depth-2.hs-item-has-children .fa {
	color:  #40c6f1;
	top: 50%;
	transform: translateY(-50%);
}

.hs-content-name-st-2019-pillar-page-what-is-inbound-marketing .container-fluid .row-fluid .page-center { 
  max-width: 960px !important;
  width: 100%;
}

/* Popup CSS */
.ms-video-modal,
.ms-simple-modal,
.ms-support-modal {
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    display: none;
    overflow: auto;
    width: 100%;
    padding-top: 80px
}

.ms-vide-modal--btn-open,
.ms-simple-modal--btn-open,
.ms-support-modal--btn-open {
    display: block;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 25px 15px;
    border-radius: 5px;
    background-color: #f9f9f9;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #dd4e0c;
    text-decoration: none;
    text-align: center
}

.ms-video-modal--btn-open:hover,
.ms-simple-modal--btn-open:hover,
.ms-support-modal--btn-open:hover {
    background-color: #dd4e0c;
    color: #fff
}

.ms-video-modal--btn-close, 
.ms-simple-modal--btn-close,
.ms-support-modal--btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px
}

.modal-block {
    background-color: #f9fafd;
    border: 0px solid #dbdbdb;
    border-radius: 4px;
    box-shadow: 15px 15px 42px -4px rgba(0, 0, 0, 0.2);
    display: block;
    max-width: 640px;
    padding: 30px;
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
    margin: 0 auto;
    width: calc(100% - 40px)
}

.modal-block.video-block {
    max-width: 900px;
    padding: 0;
    margin-right: 20px;
    margin-left: 20px;
    margin: 0 auto;
    width: calc(100% - 40px);
}

.modal-block .hs-form-field > label {
    margin: 0
}

.modal-block h3.form-title {
    margin-bottom: 15px;
    font-size: 26px;
    color: #000;
}

body .modal-block input[type="text"],
body .modal-block input[type="password"],
body .modal-block input[type="datetime"],
body .modal-block input[type="datetime-local"],
body .modal-block input[type="date"],
body .modal-block input[type="month"],
body .modal-block input[type="time"],
body .modal-block input[type="week"],
body .modal-block input[type="number"],
body .modal-block input[type="email"],
body .modal-block input[type="url"],
body .modal-block input[type="tel"],
body .modal-block input[type="color"],
body .modal-block input[type="file"],
body .modal-block textarea,
body .modal-block select {
    border-radius: 0;
    margin-bottom: 0
}

body .modal-block input[type="text"],
body .modal-block input[type="password"],
body .modal-block input[type="datetime"],
body .modal-block input[type="datetime-local"],
body .modal-block input[type="date"],
body .modal-block input[type="month"],
body .modal-block input[type="time"],
body .modal-block input[type="week"],
body .modal-block input[type="number"],
body .modal-block input[type="email"],
body .modal-block input[type="url"],
body .modal-block input[type="tel"],
body .modal-block input[type="color"],
body .modal-block input[type="file"],
body .modal-block textarea {
    border-top: 0;
    border-left: 0;
    border-right: 0
}

body .modal-block select {
    border-top: 0;
    border-left: 0;
    border-right: 0
}

body .modal-block .hs_submit input {
    margin-top: 20px
}

.close-modal,
.close-video-modal,
.close-question-modal {
    color: #ff6464;
    cursor: pointer;
    font-weight: 300;
    top: 15px;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 0px;
    position: absolute;
    border-radius: 100%;
    background-color: transparent;
    font-size: 1.5em;
    line-height: 1.2;
    text-align: center;
    text-transform: lowercase;
    z-index: 9999
}

.close-modal:hover,
.close-video-modal:hover,
.close-question-modal:hover {
    box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25)
}


@media screen and (min-width:992px) {

  /* Fix menu disappearing on desktop after toggling mobile menu */
	.custom-menu-primary .hs-menu-wrapper { 
		display: block !important;
	}

}

@media (min-width: 992px) and (max-width: 1260px) {ssssss

	.custom-menu-primary .hs-menu-wrapper {
		right: 110px;
	}

	.custom-menu-primary .hs-menu-wrapper > ul li a {
		font-size: 11px;
		margin-left: 15px;
		margin-right: 18px;
	}

	.custom-menu-primary ul li.hs-menu-depth-1.hs-item-has-children .fa {
		top: 8px;  
	}
  
  .c-blog-content-offer .u-color--grey {
    display: block;
    height: 80px;
    overflow: hidden;
  }

}


/* ==========================================================================
Mobile Menu
========================================================================== */

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

@media (max-width: 991px) {

	.header-menu-wrap {
		width: 100% !important;
	}

	.custom-top-menu {
		display: none;
		position: absolute;
	}

	.custom-menu-primary {
		margin: 0 !important;
		width: 100% !important;
	}

	.custom-top-menu,
	.custom-menu-primary {
		right: 0;
	}

	.custom-top-menu .hs-menu-wrapper,
	.custom-menu-primary .hs-menu-wrapper {
		display: none;
	}

	.custom-menu-primary.js-enabled .hs-menu-wrapper {
		display: block;
	}

	.scrolling .custom-menu-primary .hs-menu-wrapper > ul > li > a,
	.invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li > a{
		color: #ffffff;
	}

	#mainMenu {
		height: 60px;
		min-height: 60px;
		transition: background-color 350ms ease 0s, color 350ms ease 0s;
		width: 100%;
	}

	.span1.widget-span.widget-type-logo.logo-default img, 
	.span1.widget-span.widget-type-logo.logo-secondary img, 
	.span2.widget-span.widget-type-logo.logo-static img {
		margin: -10px 0 0px -10px;
    max-width: 160px;
	}

	ul.active-branch {
		overflow-y: auto;
	}

	.span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
		float: none;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		padding-top: 63px;
		/*overflow-y: scroll;*/
	}

	.mobile-open .custom-menu-primary {
		min-height: 1000px;
	}
  
  /* Hover underline effect */
	.custom-menu-primary ul li .fa-angle-right {
		display: none !important;
	}

	/**** Search on mobile *****/
	.span1.search-section {
		display: block;
		position: absolute;
		right: 22px;
		transition: all 350ms ease-in 0s;
		width: 8%;
	}

	.search-wrap { 
		padding: 21px 0 5px;
		position: fixed;
		width: 50px;
		height: 50px;
		left:inherit;
		top: 0;
		z-index: 9999999;
		right: 60px;
	}

	.search-wrap.search-open {
		left: 0;
		padding: 20px 20px 5px;
		position: fixed;
		width: 100%;
		right: 0;
		top: 70px;
		height: 100vh;
		background: #000000cf;
		cursor: inherit;
	}

	.search-close.search-open {
		position: fixed;
	}

	.search-wrap.search-open:before {
		content: "";
		position: fixed;
		left: 0;
		right: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(100px);
	}

	body .search-wrap input[type="search"] {
		background-color: #ffffffff;
	}

	.google-search-wrapper {
		left: 0;
		position: relative;
		width: 100%;
	}

	.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
		background-color: #333333;
	}

	.custom-menu-primary ul li.hs-menu-depth-1.hs-item-has-children .fa-angle-down {
		display: none;
	}

	.custom-menu-primary .hs-menu-wrapper > ul li {
		border-top: 1px solid #e9e9e9; 
	}

	.custom-menu-primary .hs-menu-wrapper > ul li:last-child {
		border-bottom: 1px solid #e9e9e9;  
	}

	.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;
	}

	.custom-menu-primary .hs-menu-wrapper > ul li a {
		background-color: #333333;
		color: #ffffff;
		padding: 0 10px;
		text-align: center;
		font-size: 13px;
	}

	.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
		padding: 0 10px;
		background-color: #ffffff;
		font-size: 13px;
		max-width: none;
		overflow: visible;
		text-align: center;
		width: auto;
		text-indent: 0;
	}

	.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2 {
		border-top: 1px solid #e9e9e9;
	}

	.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
		min-height: 300px;
	}

	/* Toggle Button
	========================================================================== */
	.mobile-trigger {
		cursor: pointer;
		display: block;
		font-size: 0;
		height: 60px;
		line-height: normal !important;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		right: 0;
		text-indent: -9999px;
		transition: visibility 0s linear 0s, opacity 400ms ease, transform 400ms ease;
		width: 54px;
		top: 0;
		z-index: 0;
	}

	.mobile-trigger:hover {
		cursor: pointer;
	}

	.mobile-trigger i {
		background-color: #fff;  
		border-radius: 0;
		display: block;
		height: 3px;
		left: 11px;
		position: absolute;
		right: 11px;
		top: 30px;
		-ms-transform-origin: center center 0;
		-webkit-transform-origin: center center 0;
		transform-origin: center center 0;
		-ms-transition: all 400ms ease;
		-webkit-transition: all 400ms ease;
		transition: all 400ms ease;
	}     

	.mobile-trigger i:after, 
	.mobile-trigger i:before {
		background-color: #fff;
		border-radius: 6px;
		content: "";
		display: block;
		height: 3px;
		left: 0;
		position: absolute;
		-ms-transition: all 400ms ease;
		-webkit-transition: all 400ms ease;
		transition: all 400ms ease;
		width: 100%;
	}

	.scrolling .mobile-trigger i,
	.scrolling .mobile-trigger i:after, 
	.scrolling .mobile-trigger i:before,
	.invert-nav .mobile-trigger i,
	.invert-nav .mobile-trigger i:after, 
	.invert-nav .mobile-trigger i:before{
		background-color: #777;
	}

	.mobile-trigger i:before {
		-ms-transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}

	.mobile-trigger i:after {
		bottom: 0;
		-ms-transform: translateY(6px);
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	/* Change button when menu is open */
	body.mobile-open {
		overflow: hidden;
	}

	.mobile-open .mobile-trigger{    
		background-color: #40c6f1;
		transition: all 0.2s ease;
	}

	.mobile-open .scrolling .mobile-trigger i, 
	.mobile-open .scrolling .mobile-trigger i:before, 
	.mobile-open .scrolling .mobile-trigger i:after,
	.mobile-open .mobile-trigger i, 
	.mobile-open .mobile-trigger i:before, 
	.mobile-open .mobile-trigger i:after,
	.mobile-open .invert-nav .mobile-trigger i, 
	.mobile-open .invert-nav .mobile-trigger i:before, 
	.mobile-open .invert-nav .mobile-trigger i:after{
		background-color: #fff;
	}

	.scrolling .mobile-trigger i, 
	.scrolling .mobile-trigger i:before, 
	.scrolling .mobile-trigger i:after,
	.invert-nav .mobile-trigger i, 
	.invert-nav .mobile-trigger i:before, 
	.invert-nav .mobile-trigger i:after{
		background-color: #333333;
	}
	.mobile-open .mobile-trigger i:before {
		transform: translate(-500%) rotate(-135deg);
	}
	.mobile-open .mobile-trigger i {
		transform: translateX(500%);
	}

	.mobile-open .mobile-trigger i:after {
		transform: translate(-500%) rotate(135deg);
	}

	/* Child Toggle Button
	========================================================================== */
	.child-trigger {
		display: block !important;
		cursor: pointer;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 55px !important;
		min-width: 55px !important;
		height: 45px !important;
		padding: 0 !important;
		border-left: 1px solid #98989852;
	}
	.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;
		height: 1px;
		background-color: #fff;
		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);
	}
	.hs-menu-depth-2 .child-trigger i:after,
	.hs-menu-depth-2 .child-trigger i {
		background-color: #333333;
	}
	.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-3 {
		border-top: 1px solid #e9e9e9;
	}

	/* Menu Styles on Mobile Devices
	========================================================================== */
	.custom-menu-primary.js-enabled{
		position: relative;
		/* padding-top: 44px; */
		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: absolute;
		top: 60px;
		left: 0;
		padding: 0;
	}
	.custom-menu-primary .hs-menu-wrapper{
		width: 100%;
	}

	/* 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: 14px;
		line-height: 45px;
		overflow: visible;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li.from-top-nav a {
		font-size: 12px;
	}

	/* Level 1 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul li{
		border-top: 1px solid #313643;
	}
	.custom-menu-primary .hs-menu-wrapper >  ul li a{
		padding: 0 10px;
		color: #fff;
	}
	.custom-menu-primary .hs-menu-wrapper > ul li a:hover{
		color: #fff;
	}
  
	/* 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 */
		color: #333333;
	}
	.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover {
		color: #333333;
	}
  
	/* 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 */
	}
  
}

@media (max-width:991px){

	ul.hs-menu-children-wrapper.open-menu-list{
		display:none !important;
	}
  
  .c-button.c-button--primary {
    margin-top: 15px;
  }
  
  .logo-wrapper .client-logos img {
    filter: none;
    opacity: 1;
  }
   
}

@media (max-width: 479px){

	.mobile-open .span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
		height: 450px;
		overflow: scroll;
	}

}


/*************************************************************/
/*********************** MAX-WIDTH ***************************/
/*************************************************************/
@media (max-width: 1260px) and (min-width: 992px) {
	
  /*** Bug fixes ***/ 
	.custom-menu-primary .hs-menu-wrapper > ul > li > a {
		margin-left: 10px;
		font-size: 14px;
  }
  
  .caption-showcase {
    font-size: 14px;
    line-height: 16px;
  }
  
}


@media (max-width: 1840px) {
  
  .why-partner .full-width-bg.off-screen-img {
      background-position: 100% 0 !important;
  } 
  
  .software-offer .full-width-bg.off-screen-img {
    background-position: 100% 0 !important;
  }
  
  .home-why-img .full-width-bg.off-screen-img {
    background-position: 100% -10px !important;
  }
  
  .why-partner .full-width-bg.off-screen-img,
  .software-offer .full-width-bg.off-screen-img,
  .home-why-img .full-width-bg.off-screen-img {
    background-size: cover;
    left: 0;
    position: absolute;
    width: 50%;
  }
  
}


@media (max-width: 1660px) {
  
  .showcase-wrap .testimonial-slider-b .c-card {
    height: 380px;
  }
  
  .showcase-wrap .c-card__body.u-card--np { 
    height: 240px;
  }
  
  .showcase-wrap .c-card__body.u-card--np p {
    height: 185px;
  }
  
	.vid-pad iframe,
	.vid-pad .hs-responsive-embed-iframe  {
		height: 300px;
	}
  
  .why-partner .full-width-bg.off-screen-img,
  .software-offer .full-width-bg.off-screen-img,
  .home-why-img .full-width-bg.off-screen-img {
    /* background-position: -15% 0%; */
  }
  
  .ecommerce .full-width-bg.off-screen-img {
    background-position: 80% 0%;
  }
  
  .imagine .full-width-bg.off-screen-img {
    background-position: 0% 0%;
    position: relative;    
  }
  
  .implement .full-width-bg.off-screen-img {
    background-position: 80% 0%;
    position: relative; 
  }
  
  .integrate .full-width-bg.off-screen-img {
    background-position: 0% 0%;
    position: relative;
  }
  
  .improve .full-width-bg.off-screen-img {
    background-position: 80% 0%;
    position: relative;
  }
  
}


@media (max-width: 1540px) {
  
  .why-partner .full-width-bg.off-screen-img {
    background-position: 100% 0;
  }
  
  .software-offer .full-width-bg.off-screen-img {
    background-position: 100% 0 !important;
  }
  
  .home-why-img .full-width-bg.off-screen-img {
    background-position: 100% 20px !important;
  } 
  
}

@media (max-width: 1440px) {
  
  .software-offer .full-width-bg.off-screen-img,
  .home-why-img .full-width-bg.off-screen-img {
    background-position: -30% 0%;
  }   
  
}

@media (max-width: 1366px) {
  
	.vid-pad iframe,
	.vid-pad .hs-responsive-embed-iframe  {
		height: 350px;
	}
  
  .software-offer .full-width-bg.off-screen-img,
  .home-why-img .full-width-bg.off-screen-img {
    background-position: -50% 0%;
  }
  
  .custom-sites .full-width-bg.off-screen-img {
    background-position: center;
    position: relative;
  }
  
}


@media (max-width: 1260px) {
  
	.hs-content-path-magazines .c-card__image.u-secondary-article-image {
		height: 275px;
		background-size: 80%;
	} 
  
	.vid-pad iframe,
	.vid-pad .hs-responsive-embed-iframe  {
		height: 300px;
	}
  
  .software-offer .full-width-bg.off-screen-img,
  .home-why-img .full-width-bg.off-screen-img {
    background-position: -50% 0%;
  }
  
  .o-feature-content.o-feature-content--left-pad-medium {
    padding-left: 10%;
  }
    
  .showcase-wrap .testimonial-slider-b .c-card {
    height: 420px;
  }
  
  .showcase-wrap .c-card__body.u-card--np { 
    height: 260px;
  }
  
  .showcase-wrap .c-card__body.u-card--np p {
    height: 205px;
  }
  
}


@media (max-width: 1139px) and (min-width: 768px) {
  
  .o-feature-content.o-feature-content--left-pad-medium {
    padding-left: 10%;
  }
  
  .row-fluid .span12.o-container-large {
    width: 100%;
  }
   
}


@media (max-width: 1080px) {
  
  .showcase-wrap .testimonial-slider-b .c-card {
    height: 480px;
  }
  
  .showcase-wrap .c-card__body.u-card--np {
    height: 290px;
  }
  
  .showcase-wrap .c-card__body.u-card--np p {
    height: 290px;
  }
  
  .u-pillar-box--xlarge {
    position: absolute;
  }
  
}


@media (max-width: 991px) {
  
  .contact--v2 .hide-dektop {
    background: #ff6464;
    color: #fff;
    display: inline-block !important;
    height: 50px;
    max-width: 100% !important;
    width: 100% !important;
    position: fixed;
    text-align: center; 
    padding: 10px 20px;
  }
  .contact--v2 #mainMenu {
    margin-top: 50px;
  }
  .contact--v2 .banner-text--bottomleft {
    margin: 100px 0;
  }
  
  /* Template Hacks */
  .row-fluid .span6 {
    display: block;
    margin: 0 !important;
    width: 100% !important;
  }

	/** Bug fixes **/
	.menu-wrapper {
		padding-top: 0;
	}

	/** Bug fixes **/
	.vid-pad iframe,
	.vid-pad .hs-responsive-embed-iframe  {
		height: 250px;
	}
  
  /* Fix Font Sizes */ 
  h1,
  .thank-heading h1,
  .c-heading.c-heading-np.header-text-nc{
    font-size: 55px !important;
    line-height: 65px !important;
  }
  
  h2 {
    font-size: 35px;
    line-height: 40px;
  }
  
  h3 {
    font-size: 20px;
    line-height: 30px;
  }
  
  h4 {
    font-size: 18px; 
  }
 
  .c-heading-eyebrow h4 {
    font-size: 16px;
    line-height: 20px;
  }
  
  .website-integration-wrap {
    display: inline-block !important;
    padding: 20px;
    background: #fff;
    width: 100%;
  }
  
  .growth-serv-summary-1 {
    display: block !important;
    padding: 20px 20px 0;
    background: #f4f4f4;
    width: 100%;
  }
  
  .growth-serv-summary-2 {
    display: block !important;
    padding: 0 20px;
    background: #f4f4f4;
    width: 100%;
  }
  
	.resources-container .span4.team-block {
		width: 49.999999%;
	}

	.c-blog-content-offer .cta-green-solid-sml {
		font-size: 12px;
		padding: 12px 16px;
	}
  
  .casestudy-wrapper {
    margin-bottom: 0; 
  }
  
  /* Mobile Banner Layouts */  
  .c-hero.c-hero--about {
    height: auto;
    padding: 50px 0 0;
  }
  
  .banner-text--bottomleft {
    margin-top: 50px;
  }
  
  /* Footer CTA */
  .u-letter-box--super {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  /* Showcase slider */
  .showcase-wrap .testimonial-slider-b .c-card {
    height: 440px;
  }
  
  .showcase-wrap .c-card__body.u-card--np {
    height: 290px;
  }
  
  .showcase-wrap .c-card__body.u-card--np p {
    height: 250px;
  }
  
  #ecommerce .showcase-wrap .testimonial-slider-b .c-card {
    height: 320px; 
  }
  
  #ecommerce .showcase-wrap .c-card__body.u-card--np p {
    height: 120px; 
  }

	/** search icon **/
	input.hs-search-field__input {
		background: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/icons/icn-search.svg') left 10px center no-repeat rgb(255, 255, 255);
		color: darkgrey;
		background-size: 25px;
		height: 45px;
	}
  
  /* Home */
  .o-grid__cell.u-centered {
    margin-bottom: 20px;
  }
  
  .c-icon-box {
    padding-bottom: 20px;
  }
 
  /* About */
  .top-section {
    background-size: cover !important;
    height: 180px;
    position: relative;
  }
  
  .u-centered.case-intro, 
  .hs-content-name-2019-website-services .u-centered.case-intro {
    margin-top: 0;
  }
  
  .hs-content-name-2019-website-services .u-centered.case-intro {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .hs-content-name-struto-2019-homepage .u-centered.case-intro, 
  .hs-content-path-about-us .u-centered.case-intro {
    margin-top: -150px;
  }
  
  .hs-content-path-about-us .casestudy-bg-columns {
    padding: 50px 0 30px;
  }
  
  .hs-content-path-about-us .casestudy-wrapper {
    box-shadow: none;
    background-color: #f1f1f1;
  }
  
	/* Case Studies */
  .case-studies-wrap {
    padding-bottom: 50px; 
  }
  
  .casestudy-wrapper {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  
  .casestudy-bg-columns,
  .hs-content-path-about-us .casestudy-bg-columns {
    background: none !important;
  }
  
	.row-fluid .span3.casestudy-block,
  .row-fluid .span4.casestudy-block {
    padding: 20px;
    margin-bottom: 20px;
		display: block;
		width: 100%;
	}

	.row-fluid .span3.casestudy-block,
	.case-study-wrapper .row-fluid .span3 {
    margin-bottom: 20px !important;
		width: 100%
	}

	.row-fluid .span3.casestudy-block,
	.case-study-wrapper .c-specialist-block {
		min-height: auto; 
		height: auto;
    margin-bottom: 20px; 
		padding: 30px 20px;
	}

	.case-inner {
		min-height: auto; 
		height: auto;
	}

	.cta-container {
		bottom: 0;
		position: relative;
	}
  
  .row-fluid .span3.casestudy-block {
    padding: 30px 20px;
  }

  .u-same-height__button-fixed {
    bottom: unset;
    margin-top: 10px;
    position: relative;
  }

  .c-heading.c-heading--ntp {
    line-height: 1.3;
  }
  
  .c-icon-box {
    display: block;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  
  .o-feature-content {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto !important;
    max-width: 767px !important;
    display: block !important;
    float: none !important;
  }
  
  .web-vs-project-1,
  .web-vs-project-2 {
    background: #fff; 
    display: block !important;
    padding: 20px !important;
    width: 100%;
  }
  
  .web-vs-project-1 {
    margin-top: 40px !important;
  }
  
  .web-vs-project-2 {
    margin-bottom: 60px !important;
  }
  
  .software-offer,
  .home-why-img {
     display: none !important;
  }
  
  .custom-sites {
    display: none !important;
  }
  
  .c-hero.c-hero--about {
    background-position: 0% 0%;
  }
  
  .ecommerce .full-width-bg.off-screen-img {
    top: 0;
  }
  
  .hs-content-name-2019-website-services .o-container.u-letter-box--super {  
    padding: 40px 0 30px !important;
  }
  
  .hs-content-name-2019-website-services .cta-strip .o-container.u-letter-box--super {
    padding: 40px 20px 0 !important; 
  }
  
  #ecommerce {
    padding-top: 50px; 
  }
  
  .imagine,
  .improve,
  .integrate,
  .implement,
  .ecommerce, 
  .wordpress-other { 
    min-height: auto !important;
    margin: 0 auto !important;
    float: none !important;
    width: 100% !important;
  }
  
  .imagine,
  .ecommerce
  .wordpress-other {
    padding: 0 !important;
  }
  
  .improve,
  .integrate,
  .implement { 
    padding: 0 0 40px 0 !important;
  }
  
  .o-feature-content {
    padding: 0;
  }
 
  .full-width-bg.off-screen-img {
    display: none; 
  }

  .content-offer .row-fluid .span6 {
    display: block !important;
  }
  
  .content-offer img, 
  .vertical-container img {
    max-width: 360px;
  }

  /* Growth */
  .strategic-growth-title .o-container.u-letter-box--super {
    padding-bottom: 0 !important;
  }
  
  .strategic-growth .o-feature-content .c-spacer.c-spacer--large {   
     display: none;
  }
  
  .strategic-growth-title {
    padding: 0;
  }
  
  .strategic-growth {
    padding: 0 0 30px 0;
  }
  
  .tactical-support,
  .short-term-support {
    padding: 0 0 30px 0;
  }
   
  .tactical-support .o-feature-content .row-number-5 .c-spacer.c-spacer--large,
  .short-term-support .o-feature-content .row-number-6 .c-spacer.c-spacer--large {
    display: none;
  }
  
  .strategic-growth .o-feature-content .row-number-6 .c-spacer.c-spacer--large, 
  .tactical-support .o-feature-content .row-number-5 .c-spacer.c-spacer--large, 
  .short-term-support .o-feature-content .row-number-5 .c-spacer.c-spacer--large {
    /* display: none; */
  }
  
  .hs-content-name-2019-growth-services .content-offer a.cta_button.solid-colour-cta-lrg { 
    display: block !important;
    float: none !important;
    margin: 10px auto !important;
    width: 140px !important;
  }
  
  /* Software */
  #integrate {
    padding-bottom: 20px;
  }
  
  #implement, 
  #improve {
    padding-bottom: 40px;
  }
  
  /* Resources Filter */
  #filterWrap .u-letter-box--medium .row-fluid .span8,
  #filterWrap .u-letter-box--medium .row-fluid .span4 { 
    width: 50%;
  }  
    
  /* Mobile and Left align */  
  .mobile-center h2,
  .mobile-center h4,
  .mobile-center .widget-type-rich_text, 
  .mobile-center .hs_cos_wrapper_type_rich_text { 
    text-align: center;
  }
  
  .mobile-center .solid-coral-cta-lrg {
    display: block;
    float: none; 
    margin: 0 auto;
    max-width: 140px;
    width: 100%; 
  }
  
  .mobile-left h2, 
  .mobile-left h4,
  .mobile-left .widget-type-rich_text, 
  .mobile-left .hs_cos_wrapper_type_rich_text { 
    text-align: left; 
  }
  
  .hs-content-name-2019-growth-services .mobile-left {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Blog */
  .blog-offer-img img {
      max-width: 170px;
  }
  
  .c-blog-content-offer h4 {
    line-height: 24px;
  }
  
  .left-details--section {
      width: 31.491712705% !important;
  }
  .right-details--section {
    width: 65.74585634900001% !important; 
  }
  
  /* Contact */
  .contact-us-form {
    padding-bottom: 20px;
  }
  
}

@media (max-width: 767px) {

	/** Bug fixes **/
	.vid-pad iframe,
	.vid-pad .hs-responsive-embed-iframe  {
		height: 300px;
	}
  
  .slick-dots {
    bottom: -40px !important;
  }
  
  /* Page Overwrites – Archie M */
  .content-offer,
  .w-container, 
  .why-partner-wrap,
  .container-fluid .row-fluid .page-center {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    width: 100%;
  }
  
  .o-grid__cell.u-centered.grid-block {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  
  .left-details--section,
  .right-details--section {
    width: 100% !important; 
  }
  .left-details--section {
    padding-left: 20px; 
    padding-right: 20px; 
  }
  .right-details--section {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
  }
  .right-details--section .row-fluid-wrapper.row-number-7,
  .right-details--section .row-fluid-wrapper.row-number-8 { 
    padding-right: 20px; 
    padding-left: 20px;
  }
  
  /* Home */
  .hs-content-path- .case-study-wrapper .row-fluid .span3,
  .hs-content-id-10250006190 .case-study-wrapper .row-fluid .span3 {
    margin-bottom: 20px;
  }
  
  .hs-content-name-2019-software-services .o-grid__cell,
  .hs-content-path-digital-marketing-case-studies .o-grid__cell,
  .hs-content-path-digital-marketing-resources .o-grid__cell { 
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  #hubspot-dev-services {
    padding-left: 20px; 
    padding-right: 20px;
  }
  
  .hs-content-name-struto-2019-homepage #hubspot-dev-services {
    padding-left: 0 !important;
    padding-right: 0 !important;   
  }

  /* About */  
  #openings .row-fluid .span6 {
    padding-left: 0 !important;
    padding-right: 0 !important;  
  }
  
  #openings .row-fluid .span-small-6 {
    display: block;
    width: 100%; 
  }
    
  #openings .page-center {
    padding-bottom: 0 !important;
  }
  
  /* Software 
  .hs-content-name-2019-software-service .imagine,
  .hs-content-name-2019-software-service .implement,
  .hs-content-name-2019-software-service .integrate,
  .hs-content-name-2019-software-service .improve {   border: 1px dashed #ccc;
    
  }
  */
  
  .container-fluid .row-fluid .page-center.o-container-pull.o-banner-pull { 
    background-color: #f1f1f1 !important;
    display: inline-block;
    margin-top: 0;
    padding: 40px 20px 30px;
    width: 100%; 
  }
  
  .hs-content-id-9986344557 .casestudy-wrapper {
    box-shadow: none !important;
  }
  
  .hs-content-id-9986344557 .row-number-8 .o-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
     
  .hs-content-name-2019-software-services #imagine,
  .hs-content-name-2019-software-services #integrate, 
  .hs-content-name-2019-software-services #implement,
  .hs-content-name-2019-software-services #improve {
    padding-left: 20px !important; 
    padding-right: 20px !important;
  }
  
  /* Website */
  .row-fluid .span3.casestudy-block {
    margin-bottom: 20px !important;
  }
  
  /* Growth */
  .o-feature-content.o-feature-content--left-pad-medium {
    padding-left: 0;
    padding-right: 0;
  }
  
  .hs-content-name-2019-growth-services .row-number-7 .o-grid__cell,
  .hs-content-name-2019-growth-services .row-number-8 .o-grid__cell, 
  .hs-content-name-2019-growth-services .row-number-11 .o-grid__cell { 
    padding-left: 0;
    padding-right: 0;
  }
  
  /* 404 */
  .hs-landing-page .c-button.c-button--primary {
    margin-top: 0 !important;
  }
  
  .hs-landing-page .c-heading {
    padding-bottom: 0;
  }
  
  /* Blog */
  .c-blog-article {
    padding: 20px; 
  }
  
  .hs-blog-listing .container-fluid .row-fluid .page-center .o-grid__cell, 
  .hs-blog-listing .blog-list-wrap .o-container__item {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Contact */
  .hs-content-path-contact-us .row-number-4 .o-container__item {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Other Fixes */
  .hs-blog-post .container-fluid .row-fluid .page-center .o-container__item {
    padding-left: 0;
    padding-right: 0;
  }
  
  .hs-content-path-msa-terms-and-conditions .page-center .o-container__item,
  .hs-content-path-privacy-policy .page-center .o-container__item,
  .banner-text {
    padding-right: 0;
    padding-left: 0;
  }
  
  .span3.widget-span.widget-type-cell.footer-block {
    padding: 20px 0px 25px;
   }
  
  .c-hero__inner.u-align-table__cell.u-p-left-right, 
  .span12.widget-span.widget-type-cell.o-container__item.u-centered, 
  .box-padding {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Pillar Page */
  .hs-content-name-st-2019-pillar-page-what-is-inbound-marketing .container-fluid .row-fluid .page-center { 
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: 100%; 
    width: 100%;
  }
  
  .hs-content-name-st-2019-pillar-page-what-is-inbound-marketing .w-container { 
    padding-left: 0;
    padding-right: 0;
  }
  /** End of Page Overwrites */  
 
  /* Page styling */
  .software-offer,
  .home-why-img,
  #hubspot-dev-services .home-why-img {
    display: none !important;
  }
  
  h1,
  .thank-heading h1,
	.c-heading.c-heading-np.header-text-nc {
		font-size: 32px !important; 
    line-height:42px !important;
	}
  
	h2 {
		font-size: 28px; 
    line-height:38px; 
	}
  
  /* Showcase */
  .container-fluid .row-fluid .w-col-3 {
    width: 100% !important;
  }
  
  .showcase-btn-inner .row-fluid .w-col-6 {
    float: none;
    padding-right: 0;
    padding-left: 0;
    width: 100% !important;
  }
  
  .jplist-panel.box.panel-top {
    margin-left: 0;
    margin-right: 0;
  }
  
  #filterWrap .jplist-panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  #filterWrap .u-letter-box--medium .row-fluid .span8,
  #filterWrap .u-letter-box--medium .row-fluid .span4 { 
    width: 100%;
  }  
  
  .content-column.model-six.list-item {
    padding-right: 0 !important;
  }
  
  /* blog */
  .blog-offer-img img {
      max-width: 200px;
  }
  
  .c-hero--growth-services .c-hero--content {
    margin-top: 40px;
  }
  
}


@media (max-width: 600px) { 
  
  p {
    font-size: 16px; 
  }

  .c-link, 
  .c-link a { 
      font-size: 16px;
  }
  
  /** Slick & Home **/
  #ecommerce {
    padding-bottom: 0;
  }
  
  .slick-dots {
    display: none !important;
  }
  
  #ecommerce .showcase-wrap .testimonial-slider-b .c-card {
    height: 380px; 
  }
  
  #ecommerce .showcase-wrap .c-card__body.u-card--np p {
    height: 160px; 
  }
  
  /** Services Page **/
  .container-fluid .row-fluid .page-center.o-container-pull.o-banner-pull {
    padding: 40px 20px 20px;
  }

  /** Footer **/
  #footer-logos .footer-logo {
    max-width: 120px;
  }
  
  #footer-logos .footer-logo:nth-of-type(2),
  #footer-logos .footer-logo:nth-of-type(3){
    max-width: 80px; 
  }
  
  #footer-logos .footer-logo:nth-of-type(4) {
    max-width: 125px; 
  }
  
}


@media (max-width: 479px){

	.resources-container .span4.team-block {
		width: 100%;
	}

	.vid-pad iframe,
	.vid-pad .hs-responsive-embed-iframe  {
		height: 200px;
	}
  
  .logo-wrapper {
    padding: 60px 0 40px;
  }
  
  .hs-content-path-contact-us .hs_cos_wrapper_type_rich_text h4 {
    margin-top: 0;
  }
  
  .hs-content-path-contact-us .icon-box-content, 
  .hs-content-path-contact-us .c-icon-box__heading {
    text-align: left;
  }
  
  .widget-type-cta .solid-coral-cta-lrg {
    display: block; 
    float: none;
    margin: 0 auto;
    max-width: 130px; 
    width: 100%;
  }
  
  #footer-logos .footer-logo {  
    display: block; 
    float: none;
    margin: 0 auto 20px;
    width: 100%;
  }
  
  #footer-logos .footer-logo:nth-of-type(2) {
    max-width: 100px;
  }
  
  #footer-logos .footer-logo:nth-of-type(3) {
    max-width: 100px;
  }
  
  #footer-logos .footer-logo:nth-of-type(4) {
    max-width: 150px;
    left: 10px;
    position: relative;
  }
  
}



/* ==========================================================================
Forms
========================================================================== */


/* Global Forms(Default)
========================================================================== */

/* Labels */
body label {}
body .hs-form-field > label {
	color: #999;
	font-size: 14px;
	font-weight: 300;
}

/* Thank You Label */
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_form {
	/*background-color: #40c6f1;*/
	/*border-radius: 20px;*/
	color: #40c6f1;
	/*padding: 10px 20px;*/
}

/* One Line Inputs */
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="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
	width: 100%;
	font-family: Poppins, sans-serif;
	background-color: transparent;
	font-size: 14px;
	height: 50px;
	border: 2px solid #e2e2e2;
	border-radius: 4px;
	display: block;
	font-weight: 300;
	margin-bottom: 17px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-appearance: none;
}

body input[type="file"],
body select  {
  color: #767b86;
}

body input[type="search"]{
	width: 100%;
	font-family: Poppins, sans-serif;
	background-color: #ffffff;
	font-size: 14px;
	height: 50px;
	border: 2px solid #e2e2e2;
	border-radius: 4px;
	display: block;
	font-weight: 300;
	margin-bottom: 17px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-appearance: none;
}

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

/* Separate Styles for Multiple Line Inputs */
body textarea {
	height: auto;
	min-height: 100px;
}

/* Submit button */
.hs_submit {
	text-align: left;
}
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  border-radius: 3px;
  background-color: #ff6464;
  background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/arrow-right.svg);
  background-position: 120% 50%;
  background-size: auto 10px;
  background-repeat: no-repeat;
  border: 0;
  clear: right;
  color: #ffffff;
  box-shadow: none;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: pointer;
  line-height: 24px;
  font-weight: 600;
  /* margin: 10px 0; */
  padding: 12px 15px;
}

body .landing-form .hs-button.primary,
body .landing-form  input[type="submit"],
body .landing-form  input[type="button"] {
  background-color: #ce3032;
  background-position: 90% 50%;
  box-shadow: none;
  color: #ffffff;
  padding-right: 40px;
}

body .cv-form input[type="submit"] {}
body input[type="submit"]:hover {
  background-color: #ce3032;
  background-position: 90% 50%;
  box-shadow: none;
  color: #ffffff;
  padding-right: 40px;
}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
	list-style: none;
	padding: 0;
}

/* Placeholder search Text */
.blog-search-wrapper ::-webkit-input-placeholder { /* Webkit Browsers */
	opacity: 1;
	font-family: Poppins, sans-serif;
	color: #d3d3d3;
	font-size: 16px !important;
	font-style: italic;
	font-weight: 300;
}

.blog-search-wrapper :-moz-placeholder { /* Firefox 18- */
	opacity: 1;
	font-family: Poppins, sans-serif;
	color: #d3d3d3;
	font-size: 16px !important;
	font-style: italic;
	font-weight: 300;
}
.blog-search-wrapper ::-moz-placeholder { /* Firefox 19+ */
	opacity: 1;
	font-family: Poppins, sans-serif;
	color: #d3d3d3;
	font-size: 16px !important;
	font-style: italic;
	font-weight: 300;
}
.blog-search-wrapper :-ms-input-placeholder { /* IE10 */
	opacity: 1;
	font-family: Poppins, sans-serif;
	color: #d3d3d3;
	font-size: 16px !important;
	font-style: italic;
	font-weight: 300;
}

/* Placeholder Text LP forms*/
::-webkit-input-placeholder { /* Webkit Browsers */
	color: #999;
	opacity: 1;
	/*font-family: Poppins, sans-serif;
	color: #d3d3d3;
	font-size: 16px !important;
	font-style: italic;
	font-weight: 300;*/
}
:-moz-placeholder { /* Firefox 18- */
	color: #999;
	opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999;
	opacity: 1;
}
:-ms-input-placeholder { /* IE10 */
	color: #999;
	opacity: 1;
}
:focus {
	outline: none;
}
.hs-form-required {
	display: none;
}

.hs-error-msgs {
	font-size: 14px;
	font-weight: 300;
  padding: 0 0 0 20px;
  margin: 0px 0 15px 0;
}


/* Showcase Page
========================================================================== */

/* Showcase Listing Page */
.content-row.model-six.w-row.list.box.text-shadow {
  margin-top: 0;
  padding-top: 40px;
}

.content-column.model-six.list-item {
  padding-left: 0;
  padding-right: 20px;
  margin-bottom: 20px;
}

.content-custom.model-five {
  position: relative;
  width: 100%;
  height: 100%;
  /* padding-bottom: 100px; */
  background-image: none;
  background-position: 0px 0px;
  -webkit-transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.showc-block .showcase-overlay {
  background-position: 50% 25%;
}

.showc-block .showcase-overlay:hover {
  background-position: 50% 30px;
  background-color: rgba(255,255,255,1);
  border: 1px solid #d4d4d4;
  opacity: 1;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.showcase-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: block;
  background-color: rgba(255, 255, 255, 0);
  /* background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/mode-circular-button.png); */
  background-position: 50% 75%;
  background-size: 32px;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #000;
}

.showcase-overlay.mobile-overlay {
    background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/mode-circular-button-white.png);
    background-color: transparent;
    background-position: 3% 20px;
    display: none;
    opacity: 0;
}

.caption-showcase {
  color: #767b86;
  position: absolute;
  top: 10%;
  width: 100%;
  padding: 0;
  /* padding: 20px; */
}

.showc-block .caption-showcase {
  height: 100%;
  top: 0;
  padding: 20px;
}

.content-custom.model-twenty-one {
  position: relative;
}

.content-img.model-twenty-one {
  width: 100%;
}

.content-custom.model-six {
  position: relative;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 100px;
  padding-top: 15px;
  background-color: #f5f5f5;
  opacity: 1;
  -webkit-transition: opacity 200ms ease, top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease;
  transition: opacity 200ms ease, top 300ms ease, left 300ms ease, bottom 300ms ease, right 300ms ease;
}


/* Showcase Pagination */
#filterWrap .jplist-panel {
  display: inline-block;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

#filterWrap .jplist-label {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #dfdfdf;
  border-radius: 0;
  box-shadow: 0 0 1px #ffffff;
  box-sizing: border-box;
  color: #40c6f1;
  float: left;
  height: auto;
  line-height: 22px;
  margin: 10px 10px 0 0;
  padding: 10px 20px 10.8px;
  text-shadow: 0 0 0;
}

jplist-panel .jplist-pagination {
  cursor: pointer;
  float: left;
  line-height: 30px;
}

#showcase-wrap #filterWrap .jplist-panel .jplist-pagination button.jplist-first, 
#showcase-wrap #filterWrap .jplist-panel .jplist-pagination button.jplist-first:hover, 
#filterWrap .jplist-panel .jplist-pagination button.jplist-prev, 
#filterWrap .jplist-panel .jplist-pagination button.jplist-prev:hover, 
#filterWrap .jplist-panel .jplist-pagination button.jplist-last, 
#filterWrap .jplist-panel .jplist-pagination button.jplist-last:hover, 
#filterWrap .jplist-panel .jplist-pagination button.jplist-next, 
#filterWrap .jplist-panel .jplist-pagination button.jplist-next:hover {
  border: medium none;
  box-shadow: none;
  width: 25px;
}

#filterWrap .jplist-panel .jplist-pagination button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #40c6f1;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #40c6f1;
  cursor: pointer;
  float: left;
  height: 46px;
  line-height: 22px;
  margin: 10px 10px 0 0;
  padding: 0;
  text-shadow: 0 0 0;
  transition: box-shadow 250ms ease-out 0s;
  width: 47px;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-current {
  background-color: #40c6f1;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
}

#filterWrap .jplist-panel .jplist-pagination .jplist-current:hover {
  background-color: #06a0d1;
}


/* Showcase Single Page */
.content-section.model-seven.v3 {
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  height: auto;
  margin-bottom: 0;
}

.content-container.model-two.v3.showcase-btn-wrapper { 
  padding: 20px 0;
  width: 100%;
}

.content-container.model-two.v2 {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  width: 100%;
}

.content-container.model-two.v2.showcase-btn-inner {
  padding-top: 0;
}

.content-custom.model-eighteen.v2 {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.compare-slider-wrap {
  display: block;
  overflow: hidden;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
  box-shadow: 25px 25px 80px 0 rgba(0, 0, 0, .28);
  text-align: center;
}

.w-embed:before, 
.w-embed:after {
  content: " ";
  display: table;
}

.bottom, 
.top {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}

.top img {
  max-width: none;
}

.bottom img {
  max-width: none;
}

.scroller {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #40c6f1 !important;
  opacity: 1;
  transition: opacity 0.12s ease-in-out;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 3.5px 0px 7px rgba(100, 100, 100, 0.2);
  border: 4px solid white;
}

blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
}

/* Pagination */
.container-fluid .row-fluid .w-col-6 {
  width: 50%;
}

.case-study-link-block {
  width: 100%;
  padding: 35px;
  background-color: #f4f4f4;
  color: #333;
  text-decoration: none;
}

.showcase-arrow-left,
.showcase-arrow-right {
  background-size: 20px;
  border-radius: 100%;
  background-repeat: no-repeat;
  border: 2px solid #40c6f1;
  width: 50px;
  height: 50px;
}

.showcase-arrow-left {
  background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/Nav-Arrows/arrow-left.svg');
  background-position: 50% 50%;	
  position: absolute;
}

.showcase-arrow-right {
  float: right;
  background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/Nav-Arrows/arrow-right.svg');
  background-position: 50% 50%;
}

.showcase-content-wrapper {
  margin-top: 4px;
  margin-left: 70px;
  float: none;
  text-decoration: none;
}

.content-column.no-p-left {
    padding-left: 0px;
    padding-right: 10px;
}

.content-column.no-p-right {
  padding-right: 0px;
  padding-left: 10px;
  float: right !important;
}

.content-column.no-p-right .showcase-content-wrapper {
  text-align: right;
  margin-right: 70px;
  margin-left: 0;
}

.showcase-body-text {
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  font-style: italic;
}

.showcase-body-text.v1 {
  margin-bottom: 0px;
  color: #a3a3a3;
  text-decoration: none;
}

.showcase-header {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
}


/* Footer Subscription Form
========================================================================== */

#hs_form_target_blog_subscription input[type="radio"], 
#hs_form_target_blog_subscription input[type="checkbox"],
body input[type="radio"],
body form.hs-form fieldset[class*="form-columns"] input[type="radio"] {
	width: auto;
	margin: 10px 10px 0 0;
}

.footer-subscribe input {
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;    
}

body .footer-subscribe .field, 
body .footer-subscribe .hs_submit {
	display: inline-block;
	margin: 8px 0; 
	width: 100%;
}

body .footer-subscribe input {
	color: #fff;
	display: block;
	width: 100%;
	margin: 0px;
	border: 2px solid #e2e2e2;
	border-radius: 4px;
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 300;
	height: 47px;
	padding-bottom: 15px;
	border-style: none;
	background-color: rgba(132, 132, 132, 0.2);
	line-height: 1.42857143;
	padding: 8px 12px;
	/* font-family: Poppins, sans-serif; */
}

body .footer-subscribe input[type="submit"] {
	background-image: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #40c6f1;
	background-color: transparent;
	color: #40c6f1;
	display: block;
	font-size: 16px;
	font-weight: 600;
	height: auto;
	padding: 12px 20px;
	text-align: center;  
	text-transform: none;
	width: auto;
	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
}

body .footer-subscribe input[type="submit"]:hover {
	background-color: #40c6f1;
	color: #fff;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

body .footer-subscribe .hs-form-field > label {
	display: none;
}

/* Multi Column Form
========================================================================== */

body form.hs-form fieldset { 
	max-width: none;
}

body form.hs-form fieldset a {
  color: #40c6f1;
  cursor: pointer;
  font-size: 10px;
  /* margin: 0 10px; */
}

body form.hs-form fieldset a:hover { }

body form.hs-form fieldset .hs-form-field {
	padding: 0 10px 0 0;
}

body form.hs-form fieldset[class*="form-columns"] .input {
	margin-right: 0;
}

body form.hs-form fieldset[class*="form-columns"] .hs-input {
	width: 100%;
}

body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] {
	width: auto;
}

body form.hs-form fieldset.form-columns-3 .hs-form-field {
	width: 33.33%;
}

.hs-content-path-contact-us form .hs-richtext.hs-main-font-element > a {
  margin: 0 0 0 10px;
}


/*Blog subscribe*/
.widget-type-blog_subscribe {
	/*height: 50px;*/
}
.widget-type-blog_subscribe .hs_submit {
	position: absolute;
	right: 0;
	top: 0;
}
.widget-type-blog_subscribe form {
	position: relative;
}
.widget-type-blog_subscribe .hs_email label > span {
	display: none
}
.hs-form-radio {
	margin-bottom: 5px;
}
.hs-form-checkbox {
	margin-bottom: 5px;
}
.widget-type-blog_subscribe .hs-form-radio {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 0;
}
.widget-type-blog_subscribe input[type="submit"] {
  background-color: #ff6464;
	border-color: #ff6464;
	border-radius: 0 4px 4px 0;
	border-style: solid none;
	border-width: 2px medium;
	height: 50px;
}
.widget-type-blog_subscribe input[type="submit"]:hover {
  background-color: #ce3032;
	border-color: #ce3032;    
}
.widget-type-blog_subscribe .hs-form-field ul.inputs-list {
	margin: 0;
}
.widget-type-blog_subscribe input[type="email"] {
	margin-bottom: 8px;
	padding-right: 130px;
	background-color: #fff;
}

.full-col-bg { 
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 480px;
	width: 100%;
}  

/* Contact Us / Blog Comments
========================================================================== */
body .contact-us-form input,
body .contact-us-form textarea,
body .comments-section input,
body .comments-section textarea,
body .comments-section select,
body .contact-us-form select {
	border-left: medium none;
	border-radius: 0;
	border-right: medium none;
	border-top: medium none;
}

body .contact-us-form input[type="submit"] {
	margin-bottom: 30px;
	text-align: left;
	font-size: 16px;
	/* padding: 18px 60px; */
	margin-top: 20px;
}

body .comments-section input[type="submit"] {
	margin-top: 10px;
}

/*.contact-us-form .hs_submit {
text-align: center;
}*/

#comments-listing {
	border-bottom: medium none;
}

.inputs-list label {
	color: #999;
	font-size: 14px;
	font-weight: 300;
}

.inputs-list.hs-error-msgs label {
	color: #40c6f1;
}

.recaptcha_theme_blackglass #recaptcha_response_field,
.recaptcha_theme_white #recaptcha_response_field {
	border: medium none !important;
}

body .comments-sectiono-comments__styling-block label {
	color: #999;
	font-size: 14px;
	font-weight: 300;
}

.sidebar_contacts span.line_spacer,
.sidebar_contacts .row-number-12,
.sidebar_contacts .row-number-14 {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.sidebar_phone a, 
.sidebar_email a {
	color: #40c6f1; 
}

.sidebar_phone a:hover, 
.sidebar_email a:hover {
	color: #06a0d1;
}


@media (max-width: 767px) {

	body form.hs-form fieldset .hs-form-field { 
		padding: 0; 
	}

	body fieldset.form-columns-2 .hs-form-field,
	body form.hs-form fieldset.form-columns-3 .hs-form-field,
	body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
	body form.hs-form .form-columns-3 .hs-form-field .hs-input {
		width: 100% !important;
	}

	body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] {
		width: auto 100% !important;
	}
  
  .c-hero h2, 
  .banner-sub h3, 
  .c-hero h3, 
  .c-hero p {
    min-width: 100% !important;
    width: 100% !important; 
  }

}

/* Upload CV button 
========================================================================== */
.hs_upload_cv.hs-form-field input {
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 0.1px;
	z-index: -1;
}
.hs_upload_cv.hs-form-field > label {
	border: 2px solid #40c6f1;
	border-radius: 4px;
	color: #40c6f1;
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	width: 150px;
	line-height: 33px;
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	height: 46px;
	padding-top: 5px;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

.hs_upload_cv.hs-form-field > label:hover {
	background-color: #40c6f1;
	border-color: #40c6f1;
	box-shadow: 7px 8px 27px -4px rgba(0, 0, 0, .3);
	color: #fff;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
body .cv-form input[type="submit"] {
	/*float: right;*/
	/*border-color: transparent;*/
	/*background-color: #ed1c24;*/
	/*color: #fff;*/
}

body .cv-form input[type="submit"]:hover {
	/*background-color: #d31920;*/
}

/*Search page*/
.results-page .gsc-control-searchbox-only.gsc-control-searchbox-only-en{
	background-color:#fff;
}

.results-page .gsc-input{
	/*background: transparent none no-repeat scroll left center !important;*/
	padding: 20px 21px !important;
	/*text-indent: 20px !important;*/
	width: 100% !important;
	border: medium none !important;
	border-radius: 3px;
	border-right: medium none !important;
	height: 60px !important;
	left: 0;
	position: absolute !important;
	background-color:transparent !important;
}

.results-page table.gsc-search-box td {
	vertical-align: top !important;
}

.results-page .gsc-input-box table {
	height: 60px !important;
}

.results-page div.gsc-input-box {
	background: transparent none repeat scroll 0 0;
	border: 0 solid #d9d9d9;
	height: 70px !important;
}

.results-page .gsc-control-cse div {
	position: relative !important;
	visibility:visible !important;
}

.results-page .results-page .gsc-search-box-tools .gsc-search-box .gsc-input {
	width: 90% !important;
}

.results-page .gsc-search-box-tools .gsc-search-box .gsc-input {
	border-right: medium none !important;
	left: 0;
	position: absolute !important;
	width: 80% !important;
	height: 60px;
	margin: 0;
	padding: 0 !important;
	top: 0
}

.results-page table.gsc-search-box {
	position: relative !important;
}

.results-page form.gsc-search-box {
	border: 2px solid #dfdfdf;
	border-radius: 3px;
	font-size: 13px;
	margin: 0 0 4px;
	width: 100%;
	height: 60px;
	display:block !important;
}

.results-page .gsc-control-cse{
	background-color:transparent;
}

.results-page .cse .gsc-search-button-v2, .results-page .gsc-search-button-v2{
	background-color: transparent;
	border: none;
	padding: 13px 10px;
}

.results-page .cse .gsc-search-button-v2:hover, .results-page .gsc-search-button-v2:hover{
	background-color:transparent;
	cursor:pointer;
}

.results-page .gsc-search-button-v2 svg{
	width:30px;
	height:30px;
	fill:#40c6f1;
}

.results-page .gsst_a .gscb_a{
	display:none;
}

.results-page .gsc-input-box.gsc-input-box-hover{
	outline:none !important;
	box-shadow:none !important;
} 

.results-page .gs-webResult {
	border-bottom: medium none;
	padding: 3px 0 21px;
}

.results-page .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.results-page .gs-title, .gs-title b {
	font-family: 'Poppins', sans-serif !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	margin: 0 0 6px;
	text-decoration:none !important;
}

.results-page .gs-title b {
	color: #fc6047 !important;
	outline: 0;
}

.results-page .gsc-resultsbox-visible a.gs-title{
	color:#282c36 !important;
}

.results-page .gs-bidi-start-align.gs-snippet{
	color:#767b86;
}

.results-page .gsc-resultsbox-visible a.gs-title:hover, 
.results-page .gs-webResult.gs-result div.gs-title:hover {
	color: #fc6047 !important;
}

.results-page .gs-result:hover:after {
	width: 100% !important;
}

.results-page .gs-result:after {
	background-color: #40c6f1;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 1.4s ease-in-out;
	width: 20%;
}

.results-page .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	background-color: #fc6047 !important;
	color: #fff !important;
}

.results-page .gsc-cursor-page {
	background-color: transparent !important;
	border: 2px solid #fc6047 !important;
	color:#fc6047 !important;
	font-size: 18px !important;
	padding: 8px 13px !important;
}

.results-page .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover {
	background-color: #dd4e0c !important;
	color: #fff !important;
}

.results-page .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	background-color: transparent !important;
	box-shadow: 0 0 0 3px #fc6047 inset !important;
	color: #dd4e0c !important;
	text-decoration: none !important;
	transition: all 0.2s ease 0s;
}

.results-page .gsc-webResult.gsc-result{
	background-color:transparent;
	border:none;
}

.results-page .gsc-webResult.gsc-result:hover{
	background-color:transparent;
	border:none;
}

.results-page .gcsc-branding,
.results-page .gsc-above-wrapper-area,
.results-page .gsc-adBlock,
.results-page .gsc-url-top{
	display:none !important;
}

.results-page .gsc-cursor-box.gs-bidi-start-align {
	margin: 10px 0;
}

.results-page .gsc-table-result a.gs-title {
	display: none !important;
}

.footer-script{
	display:none;
}

@media(max-width:767px) {

	.results-page .gsc-results .gsc-cursor-box .gsc-cursor-page{
		display: inline-block;
		margin-bottom: 8px;
	}
  
  /* About Us // Team */
  .u-letter-box--medium.pad-bot {
    height: auto;
  }

}



/* Struro Services List Page
========================================================================== */
.hs-content-path-struto-growth-services-list h1.c-heading {
  max-width: 510px !important; 
  width: 100%; 
}

.hs-content-path-struto-growth-services-list h3.c-heading-sub {
  max-width: 750px;
  width: 100%;
}

.struto-services-list .u-letter-box--super { 
  padding: 100px 0;  
}

.struto-services-list .row-fluid .span9 {
  margin-left: 0 !important;
}

.services-link-wrap {
  background: #333333;
  color: #ffffff;
  padding: 30px;
}

h4.services-link-text {
  font-size: 16px;
  line-height: 20px; 
}

ul.services-filter {
  margin: 20px 0 0 0;
  padding: 0;
}

ul.services-filter li {
  list-style-type: none;
  padding: 5px 0;
}

ul.services-filter li a {
  color: #fff;
  font-size: 14px;    
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

ul.services-filter li a:focus, 
ul.services-filter li a:hover, 
ul.services-filter li a.is-checked {
  color: #40c6f1;
  padding-left: 5px;
  text-decoration: none; 
}

.services-list-wrap {
  display: block;
}

.services-list { 
  box-sizing: border-box;
  display: block; 
  float: left;
  margin-bottom: 20px;
  width: 33.333%;
}

.services-list-inner {   /*  border: 1px solid red; height: 530px;  */
  box-sizing: border-box;
  background: #fff; 
  /*padding: 30px; */
  margin-left: 20px;
}

.services-list-header {
  margin: 0; 
  padding: 20px;
  text-align: center;
  background: #333333;
}

.services-list-header img,
.services-list-header h4 {
  box-sizing: border-box; 
}

.services-list-header img {
  display: none; 
  float: left; 
  height: auto; 
  max-width: 60px; 
  width: 100px; 
}

.services-list-header h4 {
  color: #fff;
  display: inline-block; 
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  margin-top: 0px;
  padding-left: 0px; 
  width: 100%;
}

.services-list-header.red {
  border-top: 6px solid #f16365;
}

.services-list-header.blue {
  border-top: 6px solid #40c6f1;
}

.services-list-header.green {
  border-top: 6px solid #88cebd;
}

.services-list-header.orange {
  border-top: 6px solid #f89e5b;
}

.services-list-content {
  clear: both; 
  font-size: 14px; 
  line-height: 24px;
  display: block; 
  padding: 15px;
}

.services-list-readmore { 
  display: inline-block;
  /* margin-top: 20px; */
  width: 100%; 
  padding: 0px;
}

.services-list-readmore a.c-button.c-button--primary {
  width: 100%;
  border: 2px solid #40c6f1;
  color: #40c6f1;
  border-radius: 0px;
  background-color: transparent;
  background-position: 10% 50%;
}

.services-list-content a.c-button.c-button--primary:focus,
.services-list-readmore a.c-button.c-button--primary:hover {
  padding-right: 40px;
  background-color: #06a0d1;
  background-position: 80% 50%;
  box-shadow: none;
  color: #fff;  
}


/* Sevices Page Mobile */
@media screen and (max-width:1200px) {
  
  .services-list {
    width: 50%;
  }  
  
}


@media screen and (max-width:767px) {
  
  .hs-content-path-struto-growth-services-list h1.c-heading,
  .hs-content-path-struto-growth-services-list h3.c-heading-sub {
    max-width: 100% !important;
    width: 100%;
  }
  
  .struto-services-list .u-letter-box--super {
    padding: 60px 0;
  }
  
  h4.services-link-text:before {
    height: 2px;
    display: block;
    width: 30px;
    background: #fff;
    border-right: 1px white;
    content: '';
    margin: 0 auto 10px;
  }
  
  .services-link-wrap {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    bottom: 0;
    padding: 20px 30px 30px;
    position: fixed;
    left: 0;
    text-align: center;
    height: auto;
    width: 100%;
    z-index: 1;
  }
  
  .services-link-wrap.closed {
    background: #fff;
    cursor: pointer;
    height: 70px;
    color: #333;
  }
  
  .services-link-wrap.closed h4.services-link-text:before {
    background: #333;
  }
  
  .services-link-block h4 {
    cursor: pointer;
  }
  
  
}

@media screen and (max-width:600px) {
  
  .services-list {
    width: 100%;
  }
  
  .services-list-inner {
    height: auto;
    margin-left: 0;
  }
  
  .services-list-readmore .c-button.c-button--primary {
    margin-top: 0;
  }
  
  .legal-consent-container a,
  .legal-consent-container div * {
    font-size: 12px !important;
  }
  
}


@media screen and (max-width:480ppx) {
 
  .struto-services-list .u-letter-box--super {
    padding: 40px 0;
  }
  
}



/* HUG Page Template 
========================================================================== */

.hug-page .c-heading-sub,
.hug-page h3.c-heading-sub {
  max-width: 80% !important;
}

.hug-page .c-hero__inner {
  display: block;
  padding: 0;
}


.images-grid { 
  display: inline-block;  
  height: auto;
  float: right !important;
  width: 540px !important;
}

.img-top-left,
.img-bottom-left,
.img-full-right {
  background-position: center center; 
  background-size: cover; 
  display: block; 
}

.img-top-left,
.img-bottom-left {
  height: 202px;
  width: 262px;
}

.img-top-left {
  background-image: url('//www.struto.co.uk/hubfs/85e.HUG-image-2@2x.png');
  margin-bottom: 15px;
}

.img-bottom-left {
  background-image: url('//www.struto.co.uk/hubfs/ca0.HUG-image-1@2x.png');
}

.img-full-right {
  background-image: url('//www.struto.co.uk/hubfs/4cc.HUG-image-3@2x.png');
  height: 420px;
  width: 255px;
}

.hug-intro,
.previous-hugs, 
.hug-meet,
.upcoming-events,
.hug-section {
  padding: 80px 0; 
}

.hug-intro h2 {
  max-width: 360px; 
  width: 100%; 
}

.hug-resources-wrap {
  display: inline-block; 
  margin: 40px 0 0; 
  width: 100%; 
}

.hug-resource { 
  display: block; 
  float: left;
  padding: 0 20px;
  width: 33.333%;
}

.hug-resource-inner { }

.hug-resource-cover { }

.hug-resource-cover img {
  height: 94px;
  width: 94px;
}

.hug-resource-details { }

.hug-resource-details h4 {
  color: #333;
  margin: 30px 0 10px;
  font-weight: 700;
}
  

.hug-resouce-link {
  margin: 20px 0;
}

.hug-resouce-link a {
  font-weight: bold;
  text-decoration: underline; 
}

.upcoming-events h2 {
  text-align: center; 
}

.join-intro {
  display: block; 
  float: none !important;
  margin: 0 auto !important;
  max-width: 692px;
  text-align: center;
  width: 100%; 
}

.hug-event-sub-heading, 
.hug-event-details {
  text-align: center; 
}

.hug-event-sub-heading {
  margin: 40px 0;
}

.hug-event-details {
  color: #333;
  margin: 0 0 40px 0;
}

.hug-event-details h3 {
  font-weight: normal;  
  line-height: 38px; 
}

.hug_more_info h4 {
  display: block;
  float: none; 
  margin: 0 auto 20px; 
  max-width: 860px;
  text-align: center;
  width: 100%; 
}

.hug_more_info_cta {
  margin: 40px 0 0 0;
}

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

.previous-hugs h2 {
  margin-bottom: 20px;
}

.hug-leader-profile {
  float: right !important; 
}

.hug-leader-profile img {
  height: auto !important; 
  float: right;
  max-width: 320px !important;
  /* max-width: 425px !important; */
  width: 100% !important;
}


.hug-footer {
  display: inline-block !important; 
  width: 100% !important; 
}

.hug-footer-wrap {
  display: block !important;
  float: none !important;
  margin: 0 auto !important;
  max-width: 448px;
  text-align: center;
  width: 100%; 
}

.hug-footer-wrap img {
  display: block;
  height: auto !important; 
  margin: 0 auto 40px;
  max-width: 265px !important;
  width: 100%; 
}

ul.hug-social {
  display: inline-block;
  margin: 60px 0 0;
  padding: 0;
}

ul.hug-social li {
  float: left; 
  list-style-type: none;
  margin-right: 20px; 
}

ul.hug-social li:last-of-type {
  margin-right: 0;
}

ul.hug-social li a {
  background-color: #333;
  border-radius: 27px;
  color: #fff;
  display: block;
  padding: 10px 5px;
  opacity: 1;
  height: 54px;
  width: 54px;
}

ul.hug-social li a:hover {
  opacity: 0.8;
}

ul.hug-social li a .fa {
  font-size: 32px; 
}



@media screen and (max-width:1200px) { }


@media screen and (max-width:1080px) { 

  .images-grid {
    width: 460px !important; 
  }
  
  .img-top-left, 
  .img-bottom-left {
    height: 187px;
    width: 220px;
  }
  
  .img-full-right {
    height: 390px;
    width: 225px;
  }
  
}


@media screen and (max-width:991px) {
  
  .hug-page .c-hero__inner {
    padding: 0 0 40px; 
  }
  
  .images-grid {
    margin-top: 20px; 
  }
  
  .grid-content, 
  .images-grid {   
    display: block;
    width: 100% !important;
  }
  
  .row-fluid .images-left,
  .row-fluid .img-full-right-wrap { 
    width: calc(50% - 5px) !important;
  }
  
  .row-fluid .images-left: {
    margin-right: 10px !important;
  }
  
  .img-top-left,
  .img-bottom-left {
    height: 260px;
    width: 345px;
  }

  .img-full-right {
    height: 535px;
    width: 355px;
  }
  
  .hug-leader-profile,
  .hug-leader-description {
    float: none;
  }

  .hug-leader-profile img {
    display: block; 
    float: left;
    margin: 0 0 20px; 
  }
  
  .hug-event-details h3 {
    font-size: 26px;
    line-height: 34px !important;
  }
  
}


@media screen and (max-width:767px) {

  .hug-intro, 
  .hug-meet,
  .upcoming-events,
  .hug-section {
    padding: 40px 0; 
  }
  
  .previous-hugs {
    padding: 40px 0 20px;
  }
  
  .row-fluid .images-left {
    float: left;
    width: 100% !important;
  }
  
  .row-fluid .img-full-right {
    display: none !important;
  }
  
  .images-left .row-fluid-wrapper {
    float: left;
    width: calc(50% - 10px) !important; 
  }
  
  .images-left .row-fluid-wrapper:last-child {
    margin: 0 0 0 20px !important;
  }
  
  .img-top-left, 
  .img-bottom-left {
    height: 260px;
    width: 100%;
  }
  
  .hug-resource {
    margin-bottom: 20px;
    width: 100%;  
  }
  
  .hug-footer {
    display: block; 
    width: 100% !important;
  }
  
}


@media screen and (max-width:600px) {

  .row-fluid .images-left, 
  .row-fluid .img-full-right {
    width: 100% !important; 
  }
  
  .images-left .row-fluid-wrapper {
    width: 100% !important; 
  }
  
  .images-left .row-fluid-wrapper:last-child {
    margin: 0 0 20px 0 !important;
  }
  
}


/* Contact Us 2020 Template 
========================================================================== */
.top_contact_details {
  display: none !important;
}

.o-grid__cell.gird-left {
  padding-right: 40px;
}
.o-grid__cell.u-grid__cell--mt.border-left {
  padding-left: 40px;
  border-left: 1px solid #e4e4e4;
}

.float-contact-details {
  background-color: #fff;
  box-shadow: 13px 13px 100px 0 rgba(0, 0, 0, 0.2);
  margin: -140px 0 0 0;
  padding: 60px 50px;
  left: 0;
  z-index: 50;
}
.float-contact-details h2 {
  float: none; 
  text-align: center;
}
.float-contact-details h3 {
  font-size: 24px;  
}
.float-contact-details .intro-text-small {
  display: block;
  float: none; 
  text-align: center; 
  padding-right: 15%;
  padding-left: 15%;
}

/* Contact Page V2 */
.contact--v2 h3,
.contact--v2 h3.c-icon-box__heading {
  font-size: 24px; 
  line-height: 28px;
}
.contact--v2 .p-top-12, 
.contact--v2 .p-y-12 {
    margin-top: 0 !important;
}
.contact--v2 .c-icon-box {
  padding: 40px 0;
}
.contact--v2 .container-fluid .row-fluid .page-center.o-container-pull {
    margin-top: -80px; 
}
.contact--v2 .c-icon-box__icon.c-icon-box__icon--medium.contact {
  margin-right: 20px;
}
.contact-details-wrap { 
    background-color: #fff;
    box-shadow: 13px 13px 100px 0 rgba(0, 0, 0, .2);
    padding: 60px 50px;
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}
.right-details--section {
    border-left: 1px solid #e4e4e4;
    /* padding-left: 2.564102564%; */
    padding-left: 40px;
    margin-left: 0;   
}
.enquiries-wrapper { 

}
.c-icon-box__heading {
/*     font-family: Montserrat, sans-serif; */
    color: #282c36;
    letter-spacing: -0.6px;
}
.enquiries-wrapper .c-button.c-button--rounded {
    background-color: #ff6464;
    margin: 0 0 20px 0;
}

.struto-desktop-contacts { 
  padding-top: 0;
  padding-bottom: 0;
}
.struto-desktop-contacts .span6 {    
  width: 48.717948718%;
}
.struto-desktop-contacts .o-grid__cell {
  width: 320px;
}
.struto-desktop-contacts .span6:nth-of-type(1) .o-grid__cell { 
  float: right;
}
.struto-desktop-contacts .span6:nth-of-type(2) .o-grid__cell { 
  float: left;
}
.c-icon-box__icon.c-icon-box__icon--medium.contact {
    width: 40px;
    height: 40px;
    background-image: url('//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202020/2020%20Struto%20icons/perm_phone_msg.svg');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
.struto-desktop-contacts .c-icon-box__heading {
    font-size: 24px; 
}
.struto-locations {
    display: block;
    width: 100%;
}
.struto-locations .o-grid__cell {
    width: 100%;
}
.address-block {
    position: relative;
    height: 400px;
    padding: 25px;
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    color: #fff;
    opacity: 1;
	  transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}
.address-block:hover {
    color: #fff; 
    opacity: 0.8;  
    text-decoration: none;
}
.address-block .o-grid__cell {
    height: 100%; 
    width: 100%; 
}
.city {
    position: relative;
    left: 0;
    top: 70%;
    right: auto;
    bottom: 0;
}
.city .c-icon-box__heading.city {
    color: #fff;
    font-size: 16px; 
    position: static;
}

#sales_enquiry__form, 
#support_enquiry__form {
  display: none;
}

#sales_enquiry__form h1, 
#support_enquiry__form h1,
#sales_enquiry__form h2, 
#support_enquiry__form h2,
#sales_enquiry__form h3, 
#support_enquiry__form h3 {
  color: #273333;
  margin-bottom: 20px;
}
.glightbox-clean .gclose, 
.glightbox-modern .gclose {
  background-color: #ff6464;
  top: 20px;
}
.glightbox-clean .gnext, 
.glightbox-modern .gnext, 
.glightbox-clean .gprev, 
.glightbox-modern .gprev {
  display: none !important; 
}
.inline-close-btn {
  display: none;
  /*
  background: #FFC107;
  width: 200px;
  display: block;
  margin: auto;
  height: 53px;
  text-align: center;
  line-height: 53px;
  font-weight: 600;
  font-size: 15px;
  border-radius: 5px;
  border: 2px solid #eee;
  */
}


@media screen and (max-width:1139px) {
  
  .struto-desktop-contacts .span6 {
    width: 48.618784527%;  
  }
  
}

@media screen and (max-width:991px) {
  
  .contact-details-wrap .o-grid__cell.gird-left {
    width: 220px; 
  }
  .contact-details-wrap .o-grid__cell.u-grid__cell--mt.border-left {
    width: calc(100% - 240px);
  }
  
  .float-contact-details {
    margin: -90px 0 0 0;
  }
   
  #contact-intro-sec .o-container.u-letter-box--super { 
    /* padding: 0; */
  }
  .struto-desktop-contacts {
    padding-bottom: 0 !important; 
  }
  .struto-desktop-contacts .span6 {
    width: 100%;  
  }
  .struto-desktop-contacts .o-grid__cell {
    margin: 0;
    width: 100%;
  }
  .struto-desktop-contacts .c-icon-box__cell-left {
    float: none;
    margin: 0 auto 10px;
    width: 70px;
  }
  .struto-desktop-contacts .c-icon-box__cell-right {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
  .struto-desktop-contacts .c-icon-box__cell-right:nth-last-of-type {
    margin-bottom: 0;
  }
  .struto-locations .o-grid__cell .row-fluid .span4 {
    width: 31.491712705%
  }
  .struto-locations .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .struto-locations .row-fluid [class*="span"] {
    margin-left: 2.762430939%;;
  }
  
  .address-block {
    margin-top: 20px; 
  }
  .address-block:nth-last-of-type {
    margin-bottom: 0; 
  }
  
}

@media screen and (max-width:767px) {
  
  #mainMenu {
    /*
    height: 90px;
    min-height: 90px;
    */
  }
  .top_contact_details {
    display: none !important;
    /*
    background-color: #ff6464;
    display: block !important;
    width: 100% !important;
    height: 30px;
    padding: 5px;
    text-align: center;
    */
  }
  .top_contact_details .u-icon-box--ntp.s-paragraph.gen-enq, 
  .top_contact_details .u-icon-box--ntp.s-paragraph.gen-enq a {
    color: #fff;
  }
  
  .contact-details-wrap .o-grid__cell.gird-left,
  .contact-details-wrap .o-grid__cell.u-grid__cell--mt.border-left {
    border: 0;
    width: 100%;
  }
  
  .float-contact-details {
    margin: 0;
    padding: 40px 20px 20px;
  }
  
  .enquiries-wrapper {
    margin-bottom: 20px;
    text-align: center; 
  }
  
  #contact-intro-sec .o-container.u-letter-box--super { 
    padding: 0;
  }
  
  .struto-desktop-contacts {
    display: none !important; 
  }
  /*
  .struto-desktop-contacts .span6 {
    display: inline-block; 
    padding: 40px 20px;
    width: 100%; 
  }
  .struto-desktop-contacts .span6:nth-of-type(2) {
    padding-top: 0 !important;
  }
  .struto-desktop-contacts .span6 .c-icon-box {
    padding: 0 !important;
  }
  */
  
  .struto-locations {
    padding: 40px 20px !important; 
  }
   .struto-locations .o-grid__cell {
    padding-left: 0 !important; 
    padding-right: 0 !important;
  }
  .struto-locations .o-grid__cell .row-fluid .span4 {
    width: 100%;
  }
  .struto-locations .row-fluid [class*="span"],
  .struto-locations .row-fluid [class*="span"]:first-child {
    margin: 0;
    width: 100%; 
  }
  .modal-block {
    padding: 15px; 
  }
  .city {
    left: 20px;
    bottom: 10px;
  }
  
}

@media screen and (max-width:480px) {
  
  .contact-details-wrap .o-grid__cell.u-grid__cell--mt.border-left {
    padding: 0;
  }
  .contact-details-wrap .o-grid__cell.gird-left {
    padding-left: 0; 
    padding-right: 0;
  }
  
}



/* 404 Page Template 
========================================================================== */

.four-o-four-section .c-icon-box__icon.c-icon-box__icon--large.u-align-center{
	float: none;
}



/* ---------- Scroll to top ---------- */

.scroll-to-top{
	min-height: 0 !important;
}


/* ---------- Pricing Table headings ---------- */

@media(min-width:768px){

	.desktop-table-title{
		display:block;
	}

	.mobile-table-title{
		display:none;
	}

}

@media(max-width:767px) {
  
  .row-fluid .span3.casestudy-block,
  .row-fluid .span4.casestudy-block { 
    height: auto !important;
    padding: 20px !important;
  }
  
	.desktop-table-title{
		display:none;
	}

	.mobile-table-title{
		display:block;
	}

	.feature-mark {
		width: 25%;
	}
  
  .w-inline-block {
    display: block;
  }
  
  a.c-social-link.c-social-link--footer.w-inline-block {
    display: inline-block;
    float: left;
  }


}

/* ---------------------------------------
CTA Styles 
---------------------------------------*/

/* ---------- CTA Buttons on Desktop ---------- */

/* Solid Colour Large */
.solid-colour-cta-lrg {
	border-radius: 3px;
	background-color: #ff6464;
	background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/arrow-right.svg);
	background-position: 120% 50%;
	background-size: auto 10px;
	background-repeat: no-repeat;
	clear: right;
	color: #ffffff;
	box-shadow: none;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	cursor: pointer;
	line-height: 24px;
	font-weight: 600;
	margin: 10px 0;
	padding: 12px 20px;
}

.solid-colour-cta-lrg:hover {
	background-color: #ce3032;
	background-position: 90% 50%;
	box-shadow: none;
	padding-right: 40px;
}

/* Solid White Large */
.solid-coral-cta-lrg {
	border-radius: 3px;
	background-color: #ff6464;
	background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/arrow-right.svg);
	background-position: 120% 50%;
	background-size: auto 10px;
	background-repeat: no-repeat;
	clear: right;
	color: #ffffff;
	box-shadow: none;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	cursor: pointer;
	line-height: 24px;
	font-weight: 600;
	margin: 10px 0;
	padding: 12px 20px;
}

.solid-coral-cta-lrg:hover {
	background-color: #ce3032;
	background-position: 90% 50%;
	box-shadow: none;
	color: #ffffff;
	padding-right: 40px;
}

/* Solid Colour Small */
.solid-colour-cta-sml {
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 4px;
	background-color: #fc6047;
	border-style: solid;
	border-width: 2px;
	border-color: transparent;
	clear: right;
	color: #ffffff;
	box-shadow: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	cursor: pointer;
	line-height: 24px;
	font-weight: 400;
}

.solid-colour-cta-sml:hover {
	background-color: #d64f39;
	box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	color: #ffffff;
}

/* Solid Colour tiny */
.solid-colour-cta-xsml {
	font-size: 12px;
	padding: 5px 15px;
	border-radius: 4px;
	background-color: #fc6047;
	border-style: solid;
	border-width: 2px;
	border-color: transparent;
	clear: right;
	color: #ffffff;
	box-shadow: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	cursor: pointer;
	line-height: 24px;
	font-weight: 400;
}

.solid-colour-cta-xsml:hover {
	background-color: #d64f39;
	box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	color: #ffffff;
}

/* Clear Colour Small */
.outline-colour-cta-sml {
	font-size: 14px;
	padding:10px 20px;
	border-radius: 4px;
	background-color: transparent;
	border-style: solid;
	border-width: 2px;
	border-color: #444444;
	clear: right;
	color: #444444;
	box-shadow: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	cursor: pointer;
	line-height: 24px;
	font-weight: 400;
}

.outline-colour-cta-sml:hover {
	box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	background-color:#444444;
	color:#fff;
}

/* Outline White Large */
.outline-white-cta-lrg {
	font-size: 16px;
	padding: 15px 30px;
	border-radius: 4px;
	background-color: transparent;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	clear: right;
	color: #fff;
	box-shadow: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	cursor: pointer;
	line-height: 24px;
	font-weight: 400;
	margin: 10px 0;
}

.outline-white-cta-lrg:hover {
	background-color: #fff;
	box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	color: #444444;
}

/* Icon, colour outline with white bg */
.clear-with-img {
	background-image: url(https://165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto%20Website%202019/images/arrow-right.svg);
	background-position: 120% 50%;
	background-size: auto 10px;
	background-repeat: no-repeat;
	border-radius: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #40c6f1;
	background-color: transparent;
	color: #40c6f1;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0;
	padding: 12px 15px;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	text-transform: none;
}

.clear-with-img:hover {
	background-color: #06a0d1;
	color: #fff;
	background-position: 90% 50%;
	box-shadow: none;
	padding-right: 40px;
}


/* ---------- CTA Buttons on Mobile ---------- */
@media(max-width:479px) {

  .icon-box-content,
  .c-icon-box__heading {
    text-align: center; 
  }
  
	.row-fluid .span4.casestudy-block {
		padding-bottom: 35px;
	}

	.row-fluid .span3.casestudy-block {
		/* padding-bottom: 35px; */
	}

	.img-mobile-cta {
		margin-left: 0px;
	}
  
  .icon-box-image {
    display: block;
    float: none;
    margin: 0 auto 15px;
    width: 100%;
    max-width: 60px;
  }
  
  .icon-box-content {
    width: 100%;
  }
  
  .enquiries-wrapper {
    padding-left: 15px; 
    padding-right: 15px;
  }
  
} 


.slick-prev,
.slick-next {
	top: 25%
}


/* ---------- Testimonial Arrows ---------- */
@media(min-width:480px) and (max-width:767px){

	.slick-prev {
		left: -40px;
	}

	.slick-next {
		right: -40px;
	}

}

@media(max-width:479px) {

	.slick-prev,
	.slick-next {
		display:none !important;
	}

}


/* ---------- GDPR Legal Text ---------- */
.legal-consent-container div{
	font-size: 11px;
	line-height: 1.3;
	padding: 20px 0 20px;
	display: inline-block;
}

/** Blog pagination **/
li.hide-mob, li.hide-mob a, .hide-mob a{
	display: none;
}

/* ----- Blog Pagination for Page 0 and -1 ----- */
.pagination .hide {
	display: none !important;
}

html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.responsive-table {
    overflow-y: hidden;
    overflow-x: auto;
}

.responsive-table table {
    width: 100%;
    height: auto
}
.responsive-table td {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
}