@import url('https://www.salsalabs.com/hubfs/order_files/font-awesome/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');


/* #########################################################################
   #########################################################################
   ####################                                 ####################
   ####################    ORIGINAL ACT THEME STYLES    ####################;
   ####################                                 ####################
   ##################################      #################################
   ###################################    ##################################
   ####################################  ###################################
   ######################################################################### */
   body, html {
  overflow-x: hidden;
}


    /* ----- Structure & Design ----- */

    
    
    
    
    

    /* ----- Base Colors ----- */

    
    
    

    /* ----- Website Header ----- */

    
    
    

    /* ----- Drop-Down Menu ----- */

    
    
    
    
    
    

    /* ----- Page Title ----- */

    
    

    /* ----- More Options ----- */

    
    
    
    
    
    








/* #########################################################################
   ####################################  ###################################
   ###################################    ##################################
   ##################################      #################################
   ####################                                 ####################
   ####################    END THEME CONFIGURATION      ####################
   ####################                                 ####################
   #########################################################################
   #########################################################################  */










/* Copyright Notice
============================================================================= */

/**
 * Act Theme v1.0
 * Website Theme for HubSpot Content Optimization System (COS)
 * 
 * (c) Copyright - Neambo
 * 
 * This non-exclusive end user license grants you to use this theme and all its
 * components for your own personal or internal business purposes with only one
 * HubSpot portal at a time.
 * 
 * This license is for the benefit of a single purchaser/single HubSpot portal.
 * You may install and use this theme on portals you have purchased it for.
 * In case additional installation is required, another license should be
 * required.
 *
 * You are not authorised to rent, sell, lend, lease or give away this theme and
 * its licensed materials and components to another person or entity. It is not
 * allowed sharing the licensed materials and components used in this theme
 * (such as images, CSS files, JS files, etc.), exception being materials and
 * components licensed to allow such actions.
 * 
 * Licensed "Team member" photos used with "Act Home I" template are included in
 * the theme with presentational purposes only, meaning that the end-user should
 * not use in content, rent, sell, lend, lease or give them away. If you are
 * interested in using these photos you can purchase a license at:
 * http://photodune.net/item/smiling-portraits/4276142
 * 
 * For more information and questions please contact us at contact@neambo.com.
 */










/* Import CSS files
============================================================================= */

/**
 * Do not add any CSS declaration (except CSS comments) before this line.
 */

@import url(//cdn2.hubspot.net/hub/273774/file-1142847178-css/libraries/Normalize/normalize.css);
@import url(//cdn2.hubspot.net/hub/273774/file-2300646099-css/libraries/neambo_base.css);
/*@import url(https://www.salsalabs.com/hubfs/order_files/font-awesome/css/font-awesome.min.css);*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic|Roboto+Condensed:300,300italic,400,400italic,700,700italic|PT+Mono);
@import url(//cdn2.hubspot.net/hub/273774/file-2308154477-css/mp/themes/Act-Theme/css/act-updates.css);










/* HubSpot COS required style
============================================================================= */

/**
 * This responsive framework is required for all styles.
 */

/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

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

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

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

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

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

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}



body {
    overflow-x: hidden !important;
    margin: 0;
}






/* Base & Typohraphy
============================================================================= */



 /* ----------------------------------------------- Salsa Styles 2016 --------------------------------------------------------- */
    .act-blog-post-title, .act-blog-post-title, .act-blog-post-title, .act-blog-post-title {
    font-family: "Open Sans";
    font-weight: 300;
    margin: 0 0 25px;
    }
    .act-blog-post-title a, .act-blog-post-title a, .act-blog-post-title a, .act-blog-post-title a {
    color: #0cbeea;
    }
    .act-blog-post-title a:hover, .act-blog-post-title a:hover, .act-blog-post-title a:hover, .act-blog-post-title a:hover {
    color: #ff9156;
    }
    .act-blog-post-author-top-name {
    color: #0cbeea;
    font-weight: 300 !important;
    }
    .act-blog-post-author-top-name:hover {
    color: #ff9156;
    }
    #hs_cos_wrapper_about_this_blog h3, #hs_cos_wrapper_blog_subscription_title, #hs_cos_wrapper_top_posts h3, #hs_cos_wrapper_post_filter h3,
    #hs_cos_wrapper_module_141017530049112215 h3 {
    background-color: #0095ba;
    color: white;
    font-size: 18pt;
    padding: 10px;
    }
    .act-blog-post-body a {
    color: #0cbeea;
    }
    .act-blog-more-button {
    background: #ff9156 none repeat scroll 0 0 !important;
    border-color: transparent !important;
    border-image: none;
    border-style: solid;
    border-width: 2px !important;
    box-shadow: none !important;
    font-family: "Open Sans" !important;
    font-size: 18px;
    color: white !important;
    font-weight: 400 !important;
    }
    .act-blog-more-button:hover {
    background: #0cbeea none repeat scroll 0 0 !important;
    }
    #main-blog .blog-hero {
    font-family: "Open Sans";
    font-weight: 400;
    color: #0cbeea;
    }
    .act-blog-featured-image {
    max-width: 770px !important;
    float: none !important;
    padding: 0 0 20px !important;
    }
    .act-blog-featured-image img {
    max-width: 770px;
    }
    button, input[type="submit"], input[type="button"], .hs-button.primary {
    background: #ff9156 none repeat scroll 0 0 !important;
    }
    .filter-expand-link {
    color: #ff9156;
    }
    
   

     /* -------------------------------------------- End Salsa Styles 2016 ------------------------------------------------------ */
     
     

/**
 * Customize the default text selection styling
 */

::-moz-selection {
    background: #e86d1f;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #e86d1f;
    color: #ffffff;
    text-shadow: none;
}

/**
 * Base typography styling
 */

body {
    color: #5f6062;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.6;
}

/**
 * Anchors
 */

a {
    
        color: #e86d1f;
    
    text-decoration: none;
    -webkit-transition: color 0.4s ease, text-shadow 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, -webkit-box-shadow 0.4s ease, opacity 0.4s ease;
    -o-transition: color 0.4s ease, text-shadow 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;
    transition: color 0.4s ease, text-shadow 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;
}

a:hover {    
    
        color: #000;
    
}

/**
 * Paragraphs
 */

p {
    margin: 0 0 1.6em;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**
 * Headings
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    color: #5f6062;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 1.1;
    font-weight: 300;
}

h1,
h2 {
    letter-spacing: -0.03em;
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2.2em;
}

h3 {
    font-size: 1.8em;
}

h4,
h5,
h6 {
    font-weight: 800;
}

h4 {
    font-size: 1.4em;
}

h5 {
    margin-bottom: 0;
    font-size: 1.3em;
}

h6 {
    margin-bottom: 0;
    color: #e86d1f;
    font-size: 1.2em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active {
    color: #e86d1f;
}

/**
 * Lists
 */

ul,
ol {
    margin: 0 0 1.6em;
}

li ul,
li ol {
    margin-bottom: 0;
}

ol ol {
    list-style: lower-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

/**
 * Code & Preformatted
 */

code,
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

pre {
    font-family: inherit;
}

code {
    font-family: 'PT Mono', monospace;
    font-size: 12px;
}

/**
 * Quotes
 */

q,
blockquote {
    position: relative;
    margin: 0 5px 1.6em;
    padding: 0 30px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}

q {
    display: block;
}

q:before,
blockquote:before {
    content: "\f10d";
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    color: #e86d1f;
    font-family: FontAwesome;
    font-size: 1.3em;
    font-style: normal;
}

q:after,
blockquote:after {
    display: none;
}

q:last-child,
blockquote p:last-child {
    margin-bottom: 0;
}

cite {
    display: block;
    margin: 0 0 1.6em;
    padding: 30px 40px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #000;
    font-size: 1.2em;
    font-style: normal;
}

cite a {
    color: inherit !important;
}

/**
 * Address
 */

address {
    font-style: normal;
}

/**
 * Horizontal rule
 */

hr {
    height: 1px;
    margin: 3em 0;
    background: #E6E6E6;
    border: none;
    color: #E6E6E6;
}

/**
 * Forms
 */

/* Equal vertical spacing between form items */
.hs-form .field,
.hs-form .hs-richtext {
    padding-top: 15px;
}

.hs-form > .hs-richtext:first-child,
.hs-form > .field:first-child,
.hs-form > fieldset:first-child > .hs-richtext,
.hs-form > fieldset:first-child > .field {
    padding-top: 0;
}

/* Vertical spacing between form fields and their main label */
.field > .input {
    padding-top: 5px;
}

/* All labels */
label {
    font-size: 13px;
}

/* Main labels */
.field > label {
    font-size: 14px;
    font-weight: 600;
}

/* Text-based inputs */
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"],
input[type="file"],
textarea,
select {
    display: inline-block;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    font-family: inherit;
    font-size: 12px;
    line-height: normal;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-appearance: none;
}

@media (max-width: 767px) {
    
    /* Prevent auto-zoom on iOS */
    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"],
    input[type="file"],
    textarea,
    select {
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 16px;
    }
}

/* Override email field styles in the system page */
#email-prefs-form input.email-edit {
    width: 100% !important;
    max-width: none !important;
    padding: 10px !important;
}

/* IE8 fallback */
.lt-ie9 input[type="text"],
.lt-ie9 input[type="password"], 
.lt-ie9 input[type="datetime"], 
.lt-ie9 input[type="datetime-local"], 
.lt-ie9 input[type="date"], 
.lt-ie9 input[type="month"], 
.lt-ie9 input[type="time"], 
.lt-ie9 input[type="week"], 
.lt-ie9 input[type="number"], 
.lt-ie9 input[type="email"], 
.lt-ie9 input[type="url"], 
.lt-ie9 input[type="search"], 
.lt-ie9 input[type="tel"], 
.lt-ie9 input[type="color"],
.lt-ie9 input[type="file"],
.lt-ie9 textarea,
.lt-ie9 select {
    min-height: 1px !important;
}

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

/* Textarea */
textarea {
    height: 160px;
}

/* Drop-Down */
select,
.lt-ie9 select {
    padding-top: 9px;
    padding-bottom: 9px;
}

/* Radio & Checkbox */
.hs-form ul.inputs-list {
    font-size: 13px;
}

/* Required asterix */
.field > label > span.hs-form-required {
    color: #e86d1f;
}

/* Required */
body .hsformerror {
    background: #fff;
    border: 2px solid #e86d1f;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    opacity: 0.8;
    color: #000;
}

body .hsformerror:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 60px;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e86d1f;
}

body .hsformerror em {
    display: none;
}

body .hsformerror .close-form-error {
    color: #000 !important;
}

/* Date picker - current date background */
body #calroot #calcurrent {
    background: #e86d1f;
}

/* Inputs placeholder text */
::-webkit-input-placeholder { /* Webkit Browsers */
   color: #999;
   opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999;
   opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
   color: #999;
   opacity: 1;
}

:-ms-input-placeholder { /* IE10 */
   color: #999;
   opacity: 1;
}

/* Form buttons */
button,
input[type="submit"],
input[type="button"],
.hs-button.primary {
    display: inline-block;
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px 25px;
    background: #e86d1f;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none;
    letter-spacing: 0.05em;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    -webkit-transition: all 0.4s ease, -webkit-transform 0.2s ease;
    -o-transition: all 0.4s ease, -o-transform 0.2s ease;
    transition: all 0.4s ease, transform 0.2s ease;
    -webkit-appearance: none;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.hs-button.primary:hover {
    opacity: 0.9;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
.hs-button.primary:active,
button:active:hover,
input[type="submit"]:active:hover,
input[type="button"]:active:hover,
.hs-button.primary:active:hover {
    -webkit-transform: scale(0.98, 0.98) translateY(2px);
    -ms-transform: scale(0.98, 0.98) translateY(2px);
    -o-transform: scale(0.98, 0.98) translateY(2px);
    transform: scale(0.98, 0.98) translateY(2px);
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.hs-button.primary:focus {
    outline: 0;
}










/* COS Modules Base
============================================================================= */

/**
 * Section Header
 */

/* Remove spacing if elements are empty */
.page-header.section-header h1:empty,
.page-header.section-header .section-subheader:empty {
    margin: 0 !important;
}

/* ie8 fallback */
.lt-ie9 .page-header.section-header h1.empty,
.lt-ie9 .page-header.section-header .section-subheader.empty {
    margin: 0 !important;
}

/**
 * Image slider
 */

.hs_cos_flex-slider .hs_cos_flex-control-nav li a {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hs_cos_flex-slider .hs_cos_flex-control-nav li a:hover,
.hs_cos_flex-slider .hs_cos_flex-control-nav li a.hs_cos_flex-active {
    background: #e86d1f;
}

.hs_cos_flex-slider .hs_cos_flex-direction-nav li a {
    width: 40px;
    height: 40px;
    background: #444;
    border-top: 2px solid transparent;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.hs_cos_flex-slider .hs_cos_flex-direction-nav li a:hover {
    border-color: #e86d1f;
}

.hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-prev:before {
    content: "\f104";
}

.hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-next:before {
    content: "\f105";
}

.hs_cos_flex-slider .hs_cos_flex-direction-nav li a:before {
    display: block;
    color: #fff;
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 38px;
    text-indent: 0;
    text-align: center;
}

/**
 * Post listing & filter
 */

.block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
}

.block ul li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

.block ul li a {
    display: block;
    padding: 6px 0;
}

a.filter-expand-link:before {
    content: "\f067";
    padding-right: 5px;
    font-family: FontAwesome;
    font-size: 11px;
}

/**
 * Follow me
 */

a.fm_button {
    display: inline-block;
    padding: 0 1px 1px 0;
}

a.fm_button:first-child {
    margin-left: 0;
}

a.fm_button:focus {
    outline: 0;
}

a.fm_button span {
    width: 60px !important;
    height: 60px !important;
    background: #fff !important;
    border-top: 2px solid transparent;
    filter: none !important;
    color: #000;
    text-align: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

a.fm_button:hover span {
    border-color: #e86d1f;
}

a.fm_button span:before {
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 60px;
}

a.fm_button.fm_youtube span:before {
    content: "\f167";
}

a.fm_button.fm_facebook span:before {
    content: "\f09a";
}

a.fm_button.fm_twitter span:before {
    content: "\f099";
}

a.fm_button.fm_rss span:before {
    content: "\f09e";
}

a.fm_button.fm_linkedin span:before {
    content: "\f0e1";
}

a.fm_button.fm_googleplus span:before {
    content: "\f0d5";
}

a.fm_button.fm_pinterest span:before {
    content: "\f0d2";
}

a.fm_button.fm_xing span:before {
    content: "\f168";
}

a.fm_button.fm_default span:before {
    content: "\f0c1";
}

/**
 * RSS listing
 */

.hs-rss-title {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
}

.hs-rss-description a {
    display: inline-block;
    margin: 0 4px;
    padding: 0 4px;
    background: #e86d1f;
    color: #ffffff !important;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
}

.hs-rss-description a:hover {
    opacity: 0.9;
}

/**
 * Default menu module styles
 * 
 * Use your custom class along with .menu-reset to start clean
 */

.hs-menu-wrapper ul li a {
    padding: 10px 20px;
    background: #fff;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.hs-menu-wrapper ul li:hover > a,
.hs-menu-wrapper ul li a:hover,
.hs-menu-wrapper ul li.active > a,
.hs-menu-wrapper ul li.active-branch > a {
    color: #e86d1f;
}

.hs-menu-flow-horizontal > ul > li > a {
    border-left: 1px solid #eee;
}

.hs-menu-flow-horizontal > ul > li:first-child > a {
    border-left: none;
}

.hs-menu-wrapper.flyouts ul ul {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}

.hs-menu-flow-horizontal ul ul li a,
.hs-menu-flow-vertical ul li a {
    border-top: 1px solid #eee;
}

.hs-menu-flow-horizontal ul ul li:first-child > a,
.hs-menu-flow-vertical ul li:first-child > a {
    border-top: none;
}

.hs-menu-wrapper.flyouts ul ul li a {
    min-width: 160px;
}

/* Menu reset class */
.menu-reset .hs-menu-wrapper ul li a {
    padding: 0;
    background: none;
    color: inherit;
    font-family: inherit
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.menu-reset .hs-menu-wrapper ul li:hover > a,
.menu-reset .hs-menu-wrapper ul li a:hover,
.menu-reset .hs-menu-wrapper ul li.active > a,
.menu-reset .hs-menu-wrapper ul li.active-branch > a {
    color: inherit;
}

.menu-reset .hs-menu-flow-horizontal > ul > li > a {
    border-left: none;
}

.menu-reset .hs-menu-wrapper.flyouts ul ul {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu-reset .hs-menu-flow-horizontal ul ul li a,
.menu-reset .hs-menu-flow-vertical ul li a {
    border-top: none;
}

.menu-reset .hs-menu-wrapper.flyouts ul ul li a {
    min-width: 0;
}

/* Breadcrumbs */
.hs-breadcrumb-menu {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    vertical-align: top;
}

.hs-breadcrumb-menu-item {
    display: inline-block;
    float: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 5px 10px 5px 0;
    vertical-align: top;
}

.hs-breadcrumb-menu-item:last-child {
    padding-right: 0;
}

.lt-ie9 .hs-breadcrumb-menu-item {
    padding-left: 10px;
    padding-right: 0;
}

.lt-ie9 .hs-breadcrumb-menu-item:first-child {
    padding-left: 0;
}

.hs-breadcrumb-menu a {
    color: inherit;
}

.hs-breadcrumb-menu a:hover,
.hs-breadcrumb-menu a:active {
    color: #e86d1f;
}

.last-crumb {
    opacity: 0.5;
}

/* Reset on mobile */
@media (max-width: 767px) {

    .hs-menu-flow-horizontal > ul > li > a {
        border-left: none;
        border-top: 1px solid #eee;
    }

    .hs-menu-flow-horizontal > ul > li:first-child > a {
        border-top: none;
    }

    .hs-menu-wrapper.flyouts ul ul li a {
        min-width: 0;
    }

    .hs-menu-flow-horizontal > ul > li > a {
        border-top: none;
    }
}










/* Base Structure & Content Centering
============================================================================= */

/**
 * Reset bootstrap min-height on grid elements
 */

.container-fluid .row-fluid > [class*="span"] {
    min-height: 1px;
}

.container-fluid .row-fluid > .span12 {
    min-height: 0;
}

/**
 * Content Centering
 */

.centered,
.centered-small,
.centered-smaller,
.container-fluid .row-fluid .centered,
.container-fluid .row-fluid .centered-small,
.container-fluid .row-fluid .centered-smaller  {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    float: none;
}

.centered,
.container-fluid .row-fluid .centered {
    max-width: 1240px;
}

.centered-small,
.container-fluid .row-fluid .centered-small {
    max-width: 1000px; /* with default value (1200) is 960px */
}

.centered-smaller,
.container-fluid .row-fluid .centered-smaller {
    max-width: 840px; /* with default value (1200) is 800px */
}

/* IE8 Fallback */
.lt-ie9 .centered,
.lt-ie9 .container-fluid .row-fluid .centered {
    width: 1200px;
    max-width: 100%;
}

.lt-ie9 .centered-small,
.lt-ie9 .container-fluid .row-fluid .centered-small {
    width: 1000px;
}

.lt-ie9 .centered-smaller,
.lt-ie9 .container-fluid .row-fluid .centered-smaller {
    width: 840px;
}

.lt-ie9 .centered,
.lt-ie9 .centered-small,
.lt-ie9 .centered-smaller,
.lt-ie9 .container-fluid .row-fluid .centered,
.lt-ie9 .container-fluid .row-fluid .centered-small,
.lt-ie9 .container-fluid .row-fluid .centered-smaller {
    max-width: 100%;
}










/* Header
============================================================================= */

/**
 * COS Header default wrappers
 */

.header-container-wrapper {
    position: relative;
    z-index: 9999;
    background: #ffffff;
}

.header-container {}

/**
 * Header wrapper
 */

.header-wrapper {
    position: relative;
    z-index: 9999;
    background: #ffffff;
}

.header-wrapper:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.065);
}

/**
 * Header base, typography and COS modules
 */

.header-container-wrapper,
.header-wrapper,
.header-wrapper a,
.header-wrapper a:hover,
.header-wrapper h1,
.header-wrapper h2,
.header-wrapper h3,
.header-wrapper h4,
.header-wrapper h5,
.header-wrapper h6 {
    color: #444444;
}

.header-wrapper .block ul {
    border-top-color: #444444;
    border-bottom: none;
}

.header-wrapper .block ul li {
    border-top: none;
    border-bottom-color: #444444;
}

.header-wrapper a.fm_button span {
    background: #444444 !important;
    border-color: transparent;
    color: #ffffff;
}

.header-wrapper a.fm_button:hover span {
    background: #ffffff !important;
    border-color: #444444;
    color: #444444;
}

/**
 * Header Inner Wrapper
 */

.header-inner-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

/**
 * Header logo
 */

.header-logo {
    line-height: 55px;
}

.header-logo a:focus {
    outline: 0;
}

.header-logo img {
    vertical-align: middle;
}










/* Main navigation
============================================================================= */

/* Container */
.main-navigation {
    text-align: right;
}

.main-navigation .cell-wrapper {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

/* All levels */
.main-navigation .hs-menu-flow-horizontal ul li a {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-navigation .hs-menu-flow-horizontal ul li a:focus {
    outline: 0;
}

/* 1st level */
.main-navigation .hs-menu-flow-horizontal > ul > li {
    margin-right: 30px;
}

.main-navigation .hs-menu-flow-horizontal > ul > li:last-child {
    margin-right: 0 !important;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a {
    position: relative;
    padding: 15px 0;
    color: #444444;
    font-size: 13px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color 0.2s, text-shadow 0.2s, background-color 0.2s, border-color 0.2s, -webkit-box-shadow 0.2s, opacity 0.2s;
    -o-transition: color 0.2s, text-shadow 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
    transition: color 0.2s, text-shadow 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a:before {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: -10px;
    left: 40%;
    right: 40%;
    z-index: 0;
    background: #444444;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.main-navigation .hs-menu-flow-horizontal > ul > li:hover > a:before,
.main-navigation .hs-menu-flow-horizontal > ul > li.active > a:before,
.main-navigation .hs-menu-flow-horizontal > ul > li.active-branch > a:before {
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a > div,
.main-navigation .hs-menu-flow-horizontal > ul > li > a > span {
    position: relative;
    margin: -5px 0;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.08em;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a > div {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #e86d1f;
    color: #ffffff;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a:hover > div {
    opacity: 0.9;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a:active > div,
.main-navigation .hs-menu-flow-horizontal > ul > li > a:active:hover > div {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: scale(0.98, 0.98) translateY(2px);
    -ms-transform: scale(0.98, 0.98) translateY(2px);
    -o-transform: scale(0.98, 0.98) translateY(2px);
    transform: scale(0.98, 0.98) translateY(2px);
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a > span {
    display: block;
    background: #ffffff;
    border: 2px solid #444444;
    color: #444444;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > a:hover > span {
    background: #444444;
    color: #ffffff;
}

.main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-primary > a:before,
.main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-secondary > a:before {
    display: none;
}

/* 2+ Level */
.main-navigation .hs-menu-flow-horizontal ul ul {
    border-bottom: 2px solid #e86d1f;
}

.main-navigation .hs-menu-flow-horizontal.flyouts ul ul {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.main-navigation .hs-menu-flow-horizontal > ul > li > ul > li:first-child:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 20px;
    background: #444444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lt-ie9 .main-navigation .hs-menu-flow-horizontal > ul > li > ul > li:first-child:before {
    display: none;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > ul > li:first-child:hover:before,
.main-navigation .hs-menu-flow-horizontal > ul > li > ul > li.active:first-child:before,
.main-navigation .hs-menu-flow-horizontal > ul > li > ul > li.active-branch:first-child:before {
    background: #222222;
}
    /* IE8 fallback */
    .lt-ie9 .main-navigation .hs-menu-flow-horizontal ul ul:before {
        width: 0;
        height: 0;
        background: none;
        border-bottom: 8px solid #444444;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }

.main-navigation .hs-menu-flow-horizontal ul ul li:first-child:hover:before,
.main-navigation .hs-menu-flow-horizontal ul ul li.active:first-child:before,
.main-navigation .hs-menu-flow-horizontal ul ul li.active-branch:first-child:before {
    background: #222222;
}

.main-navigation .hs-menu-flow-horizontal ul ul li a {
    min-width: 180px !important;
    position: relative;
    padding: 8px 15px;
    line-height: 25px;
    background: #444444;
    border-top: 1px solid #555555;
    color: #ffffff;
    font-size: 13px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.main-navigation .hs-menu-flow-horizontal ul ul li:first-child > a {
    border-top: none;
}

.main-navigation .hs-menu-flow-horizontal ul ul li.hs-item-has-children > a {
    padding-right: 25px;
}

.main-navigation .hs-menu-flow-horizontal ul ul li.hs-item-has-children > a:before {
    content: "\f105";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
}

.mobile-menu-button {
    display: none;
}

.main-navigation .hs-menu-flow-horizontal ul ul li:hover > a,
.main-navigation .hs-menu-flow-horizontal ul ul li.active > a,
.main-navigation .hs-menu-flow-horizontal ul ul li.active-branch > a {
    background: #222222;
    color: #ffffff;
}

/* 3+ Level */
.main-navigation .hs-menu-flow-horizontal ul ul ul {
    margin-left: 0;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > ul > li > ul {
    margin-top: 1px;
}

.main-navigation .hs-menu-flow-horizontal > ul > li > ul > li:first-child > ul {
    margin-top: 0;
}

.main-navigation .hs-menu-flow-horizontal ul ul ul:before {
    display: none;
}

.main-navigation .hs-menu-flow-horizontal ul ul ul li:first-child:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 15px;
    left: -5px;
    background: #444444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lt-ie9 .main-navigation .hs-menu-flow-horizontal ul ul ul li:first-child:before {
    display: none;
}










/* Sticky Menu
============================================================================= */

.sticky-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #ffffff;
    color: #444444;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sticky-menu-option-check {
    display: none;
    width: 1px;
    height: 1px;
    position: absolute;
    left: -9999px;
    top: -9999px;
}


    
    .sticky-menu {
        display: block;
    }
    
    .sticky-menu-option-check {
        display: block;
    }
    


.sticky-menu.active {
    opacity: 0.95;
    visibility: visible;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.sticky-menu:before,
.sticky-menu:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

.sticky-menu:before {
    height: 1px;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.065);
}

.sticky-menu:after {
    height: 8px;
    bottom: -8px;
    background: url(//cdn2.hubspot.net/hub/273774/file-1281286278-png/mp/themes/Act-Theme/images/bottom-shadow5.png) center top no-repeat;
}










/* Content Base
============================================================================= */

/**
 * COS Content default wrappers
 */

.body-container-wrapper {
    background: #fff;
}

.body-container {}

/**
 * Content base, typography and COS modules
 */

.body-container .hs_cos_wrapper_type_rich_text ul,
.body-container .hs-richtext ul {
    padding-left: 25px;
    list-style: none;
}

.body-container .hs_cos_wrapper_type_rich_text ul li,
.body-container .hs-richtext ul li {
    position: relative;
    padding-left: 15px;
}

.body-container .hs_cos_wrapper_type_rich_text ul li:before,
.body-container .hs-richtext ul li:before {
    content: "\f105";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    color: #e86d1f;
    font-family: FontAwesome;
    font-weight: 700;
}

.body-container .block ul li a {
    color: inherit;
    font-size: 13px;
}

.body-container .block ul li a:hover {
    
        color: #e86d1f;
    
}

.body-container a.fm_button {
    padding: 0;
    margin: 0 -1px -1px 0;
    border: 1px solid #eee;
    color: inherit;
}

.body-container a.fm_button span {
    background: none !important;
    color: inherit;
}

.body-container .hs-rss-item  {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #eee;
}

.body-container .hs-rss-item:first-child {
    margin: 0;
    padding: 0;
    border-top: none;
}

.body-container .hs-rss-module {
    font-size: 0.9em;
}

.body-container .hs-rss-module a {
    color: #5f6062;
}

.body-container .content-section.dark .hs-rss-module a {
    color: #fff;
}

.body-container .hs-rss-title {
    font-size: 22px;
    font-weight: 300;
}










/* Hero Section
============================================================================= */

.hero-wrapper {
    position: relative;
    padding: 70px 0 62px;
    background: #fcfcfc;
    color: #999;
    font-size: 22px;
    text-align: center;
    font-weight: 300;
}

.inpage-editing .hero-wrapper, /* no fixed background in the editor - fixes the cover+fixed bug in chrome */
.lt-ie9 .hero-wrapper {  /* no fixed background on ie8 */
    background-attachment: scroll !important;
}

.lt-ie9 .hero-wrapper {
    min-height: 0 !important;
}

.hero-wrapper:after {
    background: url("//cdn2.hubspot.net/hub/273774/file-1281286278-png/mp/themes/Act-Theme/images/bottom-shadow5.png") no-repeat scroll center top / 100% 8px rgba(0, 0, 0, 0);
    border-radius: 0;
    bottom: -8px;
    content: "";
    display: block !important;
    height: 8px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    width: auto;
}

.hero-wrapper h1 {
    position: relative;
    margin: 0 0 40px;
    padding: 40px 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: -0.05em;
}

.hero-wrapper h1:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #eee;
    opacity: 0.5;
}

.hero-wrapper a {
    color: inherit;
}










/* Page Title
============================================================================= */

.page-title-wrapper {
    position: relative;
    padding: 15px 0;
    background: #f7f7f7;
    border-bottom: 1px solid rgba(0, 0, 0, 0.065);
}

.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4,
.page-title h5,
.page-title h6 {
    color: #5f6062;
    font-weight: 400;
}

.page-title h1 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.page-title-wrapper,
.page-title-wrapper a,
.page-title-wrapper a:hover,
.page-title-wrapper .field > label {
    color: #5f6062;
}

.page-title-wrapper cite {
    background: #444;
    border: none;
    color: #fff;
}

.page-title-wrapper a.fm_button span {
    background: #5f6062 !important;
    border-color: transparent;
    color: #f7f7f7;
}

.page-title-wrapper a.fm_button:hover span {
    background: #f7f7f7 !important;
    border-color: #5f6062;
    color: #5f6062;
}










/* Content Sections (Rows)
============================================================================= */

.content-section {
    padding: 100px 0;
    background: #fff;
}

.content-section.smaller-spacing {
    padding-top: 60px;
    padding-bottom: 60px;
}

.content-section.columns-section {
    padding-bottom: 50px;
}

.content-section.columns-section.smaller-spacing {
    padding-bottom: 10px;
}

.content-section.no-vertical-spacing {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.content-section.no-horizontal-spacing {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.content-section.no-spacing {
    padding: 0 !important;
}

.content-section.alternative {
    background: #f9f9f9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f9f9f9 80%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(80%,#f9f9f9)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f9f9f9 80%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f9f9f9 80%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f9f9f9 80%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffffff 0%,#f9f9f9 80%); /* W3C */
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.lt-ie9 .content-section.alternative {
    background: #f9f9f9;
}

.content-section.alternative.no-border-top {
    border-top: none;
}

.content-section.alternative.no-border-bottom {
    border-bottom: none;
}

.content-section.dark {
    background: #444; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzUzNTM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #444444 0%, #353535 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#444444), color-stop(100%,#353535)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #444444 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #444444 0%,#353535 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #444444 0%,#353535 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #444444 0%,#353535 100%); /* W3C */
}

.lt-ie9 .content-section.dark {
    background: #444;
}

.content-section.dark,
.content-section.dark .field > label,
.content-section.dark h1,
.content-section.dark a,
.content-section.dark h1,
.content-section.dark h2,
.content-section.dark h3,
.content-section.dark h4,
.content-section.dark h5,
.content-section.dark h6 {
    color: #fff;
}

.content-section.dark a:hover {
    color: #e86d1f;
}

.content-section.dark hr {
    background: #666;
    color: #666;
}

.body-container .content-section.dark .block ul {
    border-top: none;
    border-bottom: none;
}

.body-container .content-section.dark .block ul li {
    border-bottom: none;
}

/**
 * Bottom Section
 */

.bottom-section {
    margin-top: 60px;
    background: #f7f7f7;
    border-top: 1px solid #eee;
}










/* Columns Sections
============================================================================= */

.one-column-section {}
.two-column-equal-section {}
.three-column-equal-section {}

/* columns sections with sidebars */
.two-column-right-section,
.three-column-section {
    padding-top: 92px;
}

/**
 * Columns
 */

/* All */
.column {
    margin-bottom: 50px;
}

.column.padding-left {
    padding-left: 40px;
}

.column.padding-right {
    padding-right: 40px;
}

/* Main Column */
.main-column h2 {
    margin-top: 8px;
}

/* Sidebars */
.sidebar {
    margin-top: 15px;
    margin-bottom: 50px;
    font-size: 0.9em;
    line-height: 1.6;
}

.sidebar.left {
    padding-right: 40px;
    border-right: 1px solid #E6E6E6;
}

.sidebar.right {
    padding-left: 40px;
    border-left: 1px solid #E6E6E6;
}

.sidebar h3 {
    margin-bottom: 1.11em;
}

.sidebar ul {
    padding-left: 0;
}

.sidebar blockquote,
.sidebar q {
    padding-left: 22px;
    padding-right: 22px;
    font-size: 1em;
}

.sidebar blockquote:before,
.sidebar blockquote:after,
.sidebar q:before,
.sidebar q:after {
    font-size: 16px;
}

.sidebar blockquote:before,
.sidebar q:before {
    top: -3px;
}

.sidebar blockquote:after,
.sidebar q:after {
    bottom: -3px;
}

.sidebar .hs-rss-module {
    font-size: 100%;
}

.sidebar .block ul {
    border: none;
}

.sidebar .block ul li:last-child {
    border-bottom: none;
}

.sidebar .module-wrapper {
    padding: 30px 0;
    clear: both;
    border-top: 1px solid #E6E6E6;
}

.sidebar .module-wrapper:before,
.sidebar .module-wrapper:after {
    content: "";
    display: table;
}

.sidebar .module-wrapper:after {
    clear: both;
}

.sidebar .module-wrapper.first,
.sidebar .hs_cos_wrapper_widget_container > .hs_cos_wrapper:first-child > .module-wrapper {
    padding-top: 0;
    border-top: none;
}

.sidebar .module-wrapper > p:last-child {
    margin-bottom: 0;
}

/* Three Column Section */
.three-column-section .main-column {
    margin-left: 23% !important;
    width: 54% !important;
    padding-left: 40px;
    padding-right: 40px;
}

.three-column-section .sidebar {
    width: 23% !important;
}

.three-column-section .sidebar.left {
    margin-left: -77% !important;
}

.three-column-section .sidebar.right {
    margin-left: 0 !important;
    float: right !important;
}

/* Equal columns */
.two-equal.left,
.three-equal.left {
    padding-right: 20px;
}

.two-equal.right,
.three-equal.right {
    padding-left: 20px;
}

.three-equal.center {
    padding-left: 10px;
    padding-right: 10px;
}










/* Shadow Separator 
   ========================================================================== */

.shadow-separator {
    display: block;
    height: 8px;
    background: url(//cdn2.hubspot.net/hub/273774/file-1281286278-png/mp/themes/Act-Theme/images/bottom-shadow5.png) center top no-repeat;
    -webkit-background-size: 100% 8px;
    background-size: 100% 8px;
}

.shadow-separator.widget-type-space {
    visibility: visible;
}










/* Next Sections
============================================================================= */

.next-section {
    position: relative;
}

.next-section.widget-type-space {
    visibility: visible;
}

.next-section-arrow {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -80px;
    left: 50%;
    z-index: 99;
    margin-left: -20px;
    border: 2px solid transparent;
    border-radius: 25px;
    color: #000 !important;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lt-ie9 .next-section-arrow {
    display: none;
}

.next-section-arrow:hover,
.next-section-arrow:active {
    border-color: #e86d1f;
    color: #e86d1f !important;
}

.next-section-arrow:focus {
    outline: 0;
}

/* Next Section Accent */
.next-section-accent .next-section-arrow {
    border-color: #e86d1f;
    color: #e86d1f !important;
}

.next-section-accent .next-section-arrow:hover,
.next-section-accent .next-section-arrow:active {
    background: #e86d1f;
    color: #ffffff !important;
}










/* LP Headlines Section
============================================================================= */

.lp-headlines-section {
    position: relative;
    background: #fcfcfc;
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;
    color: #999;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 300;
    text-align: center;
}

.lp-headlines-section .lp-arrow {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    background: #e86d1f;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.lp-headlines-section .lp-arrow:before {
    content: "\f107";
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 43px;
    text-align: center;
}

@media (min-width: 1200px) {
    
    .lp-headlines-section .lp-arrow:hover {
        -webkit-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }
}

.lp-headlines-section .lp-arrow:focus {
    outline: 0;
}

.lp-headlines-section.no-decoration.bottom-shadow {
    border-bottom: none;
}

.lp-headlines-section h1 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 52px;
    font-weight: 300;
}

.lp-headlines-section p.secondary-header {
    margin: 0 0 10px;
}

/**
 * LP Simple 2
 */

.lp-simple-2-headlines-section {
    margin-top: 20px;
    padding: 0 20px;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4;
}

.lp-simple-2-headlines-section p {
    margin-bottom: 15px;
    opacity: 0.6;
}

.lp-simple-2-headlines-section h1 {
    margin: 0 -20px 20px;
    padding: 15px 40px 15px 20px;
    position: relative;
    background: #444;
    border-left: 10px solid #e86d1f;
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
}

.lp-simple-2-headlines-section h1:after {
    content: "\f061";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 6px;
    right: -25px;
    background: #e86d1f;
    border: 2px solid #fff;
    border-radius: 25px;
    -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
}

.lp-simple-2-content-section {
    padding: 20px 50px 20px 20px;
    font-size: 13px;
    font-weight: normal;
}

.lp-simple-2 .form-framed {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
}










/* Act Slider
============================================================================= */

.centered .act-slider .centered,
.centered .act-slider .centered-small,
.centered .act-slider .centered-smaller,
.centered.act-slider .centered,
.centered.act-slider .centered-small,
.centered.act-slider .centered-smaller {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.act-slider .hs_cos_flex-slider {
    margin-bottom: 0;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-control-nav {
    bottom: 0;
    right: 20px;
    z-index: 20;
    text-align: right;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-control-nav li a {
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    text-indent: -5000px;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.2;
    visibility: visible;
    -webkit-transition: all 0.4s !important;
    -o-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

.act-slider .hs_cos_flex-slider:hover .hs_cos_flex-control-nav li a {
    opacity: 0.5;
    visibility: visible;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-control-nav li a.hs_cos_flex-active {
    background: #e86d1f;
    opacity: 0.7;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-control-nav li a:hover,
.act-slider .hs_cos_flex-slider .hs_cos_flex-control-nav li a.hs_cos_flex-active:hover {
    background: #e86d1f;
    opacity: 0.9;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav {
    z-index: 20;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a {
    width: 60px;
    height: 60px;
    top: 50%;
    margin: -30px 0 0;
    opacity: 0;
    visibility: hidden;
    overflow: visible;
    background: rgba(0, 0, 0, 0.4);
    border: none;
    color: #fff;
    text-shadow: none;
    text-align: left;
    text-indent: -90000px;
    font-size: 0;
    line-height: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a:focus {
    outline: 0;
}

.act-slider .hs_cos_flex-slider:hover .hs_cos_flex-direction-nav li a {
    opacity: 1;
    visibility: visible;
    border-top: none;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a:before {
    display: block;
    width: 60px;
    font-family: FontAwesome;
    font-size: 19px;
    line-height: 60px;
    text-align: center;
    text-indent: 0;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-prev {
    left: -40px;
    border-right: 2px solid transparent;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-next {
    right: -40px;
    border-left: 2px solid transparent;
}

.act-slider .hs_cos_flex-slider:hover .hs_cos_flex-direction-nav li a.hs_cos_flex-prev {
    left: 0;
}

.act-slider .hs_cos_flex-slider:hover .hs_cos_flex-direction-nav li a.hs_cos_flex-next {
    right: 0;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-prev:hover,
.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-next:hover {
    border-color: #e86d1f;
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-prev:before {
    content: "\f104";
}

.act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-next:before {
    content: "\f105";
}

.act-slider .hs_cos_flex-slider .caption {
    background: none;
    font-size: 100%;
    line-height: inherit;
    padding: 0;
    width: 100%;
    top: auto;
    text-align: left;
    font-size: 14px;
}

.act-slider .hs_cos_flex-slider .caption,
.act-slider .hs_cos_flex-slider .caption a,
.act-slider .hs_cos_flex-slider .caption a:hover,
.act-slider .hs_cos_flex-slider .caption h1,
.act-slider .hs_cos_flex-slider .caption h2,
.act-slider .hs_cos_flex-slider .caption h3,
.act-slider .hs_cos_flex-slider .caption h4,
.act-slider .hs_cos_flex-slider .caption h5,
.act-slider .hs_cos_flex-slider .caption h6 {
    color: #fff;
}

.act-slider .hs_cos_flex-slider .caption h1,
.act-slider .hs_cos_flex-slider .caption h2,
.act-slider .hs_cos_flex-slider .caption h3,
.act-slider .hs_cos_flex-slider .caption h4,
.act-slider .hs_cos_flex-slider .caption h5,
.act-slider .hs_cos_flex-slider .caption h6 {
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.7);
    color: #000;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

.lt-ie9 .act-slider .hs_cos_flex-slider .caption h1,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption h2,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption h3,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption h4,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption h5,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption h6 {
    background: #fff;
}

.act-slider .hs_cos_flex-slider .caption h1,
.act-slider .hs_cos_flex-slider .caption h2 {
    font-size: 42px;
}

.act-slider .hs_cos_flex-slider .caption h2 {
    border-left: 2px solid #e86d1f;
}

.act-slider .hs_cos_flex-slider .caption h3 {
    font-size: 28px;
}

.act-slider .hs_cos_flex-slider .caption h4 {
    font-size: 26px;
}

.act-slider .hs_cos_flex-slider .caption h5,
.act-slider .hs_cos_flex-slider .caption h6 {
    padding: 10px 20px;
    margin-bottom: 30px;
    background: #e86d1f;
    border-left: none;
    color: #ffffff;
    font-weight: bold;
}

.lt-ie9 .act-slider .hs_cos_flex-slider .caption h5,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption h6 {
    background: #e86d1f;
}

.act-slider .hs_cos_flex-slider .caption h5 {
    font-size: 16px;
}

.act-slider .hs_cos_flex-slider .caption h6 {
    font-size: 14px;
}

.act-slider .hs_cos_flex-slider .caption h1 a,
.act-slider .hs_cos_flex-slider .caption h2 a,
.act-slider .hs_cos_flex-slider .caption h3 a,
.act-slider .hs_cos_flex-slider .caption h4 a {
    color: #000;
}

.act-slider .hs_cos_flex-slider .caption h5 a,
.act-slider .hs_cos_flex-slider .caption h6 a {
    color: #ffffff !important;
}

.act-slider .hs_cos_flex-slider .caption p,
.act-slider .hs_cos_flex-slider .caption blockquote,
.act-slider .hs_cos_flex-slider .caption q,
.act-slider .hs_cos_flex-slider .caption code,
.act-slider .hs_cos_flex-slider .caption pre,
.act-slider .hs_cos_flex-slider .caption cite {
    margin: 0;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.lt-ie9 .act-slider .hs_cos_flex-slider .caption p,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption blockquote,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption q,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption code,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption pre,
.lt-ie9 .act-slider .hs_cos_flex-slider .caption cite {
    background: #555;
}

.act-slider .hs_cos_flex-slider .caption blockquote,
.act-slider .hs_cos_flex-slider .caption q {
    padding: 10px 60px;
    font-size: 18px;
    font-weight: 300;
}

.act-slider .hs_cos_flex-slider .caption blockquote:before,
.act-slider .hs_cos_flex-slider .caption q:before {
    top: 4px;
    left: 25px;
}

.act-slider .hs_cos_flex-slider .caption blockquote p,
.act-slider .hs_cos_flex-slider .caption q p {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    background: none;
}

.act-slider .hs_cos_flex-slider .superimpose .caption {
    width: 100%;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 100%;
    line-height: inherit;
    padding: 0;
    text-align: left;
    background: none;
    font-size: 14px;
}

/* Separate inline blocks */
.separate-inline-blocks {
    display: block;
}

.separate-inline-blocks:before,
.separate-inline-blocks:after {
    content: "";
    display: table;
}

.separate-inline-blocks:after {
    clear: both;
}

.act-slider .hs_cos_flex-slider .superimpose .caption h1,
.act-slider .hs_cos_flex-slider .superimpose .caption h2,
.act-slider .hs_cos_flex-slider .superimpose .caption h3,
.act-slider .hs_cos_flex-slider .superimpose .caption h4,
.act-slider .hs_cos_flex-slider .superimpose .caption h5,
.act-slider .hs_cos_flex-slider .superimpose .caption h6,
.act-slider .hs_cos_flex-slider .superimpose .caption p,
.act-slider .hs_cos_flex-slider .superimpose .caption blockquote,
.act-slider .hs_cos_flex-slider .superimpose .caption q,
.act-slider .hs_cos_flex-slider .superimpose .caption code,
.act-slider .hs_cos_flex-slider .superimpose .caption pre,
.act-slider .hs_cos_flex-slider .superimpose .caption cite {
    display: inline-block;
}

/* Display Mode: Thumbnail Navigation */
.act-slider .hs-cos-flex-slider-control-panel {
    margin-top: 0;
}










/* Sub-Menu
============================================================================= */

.sub-menu {
    margin-bottom: 50px;
}

.sub-menu.empty {
    margin-bottom: 0;
}

.sub-menu .hs-menu-wrapper ul li a {
    position: relative;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #eee;
    color: inherit;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    text-transform: uppercase;
}

.sub-menu .hs-menu-wrapper ul li:hover > a,
.sub-menu .hs-menu-wrapper ul li.active > a,
.sub-menu .hs-menu-wrapper ul li.active-branch > a {
    color: #e86d1f;
}

.sub-menu .hs-menu-wrapper ul li a:focus {
    outline: 0;
}

.sub-menu .hs-menu-wrapper ul li a:after {
    content: "\f105";
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
    font-family: FontAwesome;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.sub-menu .hs-menu-wrapper ul li:hover > a:after,
.sub-menu .hs-menu-wrapper ul li.active > a:after,
.sub-menu .hs-menu-wrapper ul li.active-branch > a:after {
    opacity: 1;
    visibility: visible;
}

.sub-menu .hs-menu-wrapper ul ul {
    padding-left: 20px;
    border-bottom: 1px solid #eee;
    border-left: 2px solid #e86d1f;
}

.sub-menu .hs-menu-wrapper ul ul li a {
    font-weight: normal;
    text-transform: none;
}

.sub-menu .hs-menu-wrapper ul ul li:first-child > a {
    border-top: none;
}

.sub-menu .hs-menu-wrapper ul ul li:last-child > a {
    border-bottom: none;
}

.lt-ie9 .sub-menu .hs-menu-wrapper ul ul li.last-child > a {
    border-bottom: none;
}

.sub-menu .hs-menu-wrapper ul ul ul li a {
    padding-left: 30px;
}

.sub-menu .hs-menu-wrapper ul ul ul ul li a {
    padding-left: 40px;
}

.sub-menu .hs-menu-wrapper ul ul ul ul ul li a {
    padding-left: 50px;
}

.sub-menu .hs-menu-wrapper ul ul ul ul ul ul li a {
    padding-left: 60px;
}










/* Form Box
============================================================================= */

.form-box {
    padding: 20px;
    background: #f7f7f7;
    border: 1px solid #eee;
}

.form-box h3.form-title {
    margin: -21px -21px 20px;
    padding: 20px;
    background: #444;
    border-bottom: 10px solid #e86d1f;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.form-box input[type="text"],
.form-box input[type="password"],
.form-box input[type="datetime"],
.form-box input[type="datetime-local"],
.form-box input[type="date"],
.form-box input[type="month"],
.form-box input[type="time"],
.form-box input[type="week"],
.form-box input[type="number"],
.form-box input[type="email"],
.form-box input[type="url"],
.form-box input[type="search"],
.form-box input[type="tel"],
.form-box input[type="color"],
.form-box input[type="file"],
.form-box textarea,
.form-box select {
    background: #fff;
}

.form-box input[type="text"]:focus,
.form-box input[type="password"]:focus,
.form-box input[type="datetime"]:focus,
.form-box input[type="datetime-local"]:focus,
.form-box input[type="date"]:focus,
.form-box input[type="month"]:focus,
.form-box input[type="time"]:focus,
.form-box input[type="week"]:focus,
.form-box input[type="number"]:focus,
.form-box input[type="email"]:focus,
.form-box input[type="url"]:focus,
.form-box input[type="search"]:focus,
.form-box input[type="tel"]:focus,
.form-box input[type="color"]:focus,
.form-box input[type="file"]:focus,
.form-box textarea:focus,
.form-box select:focus {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) inset;
}

.form-box button,
.form-box input[type="submit"],
.form-box input[type="button"],
.form-box .hs-button.primary {
    display: block;
}










/* Form Framed
============================================================================= */

.form-framed {
    margin-bottom: 40px;
    padding: 34px 40px;
    border: 5px solid #444;
}

.form-framed h3.form-title {
    color: #000;
}










/* Form Security Lines
============================================================================= */

.form-security-lines {
    position: relative;
    padding-top: 20px;
    padding-left: 30px;
    border-top: 1px solid #eee;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
}

.form-security-lines:before {
    content: "\f023";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 0;
    color: #ccc;
    font-family: FontAwesome;
    font-size: 30px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.4), 0 -1px rgba(0, 0, 0, 0.2);
}

.form-security-lines:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
}

.form-security-lines a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
}

.form-security-lines a:hover {
    color: inherit;
}










/* Content Boxes
============================================================================= */

/**
 * Video Box
 */

.video-box {
    margin-bottom: 40px;
    background: #222;
    color: #fff;
    font-size: 14px;
}

.video-embed {
    overflow: hidden;
}

.video-embed iframe,
.video-embed object,
.video-embed embed,
.video-embed video {
    width: 100%;
}

.video-info {
    padding: 5px 10px;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
}

/**
 * Bordered Box
 */

.bordered-box {
    padding: 20px;
    border: 1px solid #eee;
    -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05);
}










/* Features Section
============================================================================= */

.content-section.features-section,
.content-section.features-section.smaller-spacing {
    padding-top: 0;
    padding-bottom: 0;
}

.feature-column {
    margin-bottom: 40px;
    background: #fff;
    border: 1px solid #eee;
    border-top: 4px solid #e86d1f;
    color: #444;
}

.feature-header-bar {
    min-height: 60px !important;
    position: relative;
    padding-left: 75px;
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
}

.feature-icon {
    padding: 10px 10px 10px 20px;
}

.feature-header-bar .row-fluid .feature-icon {
    width: auto;
    float: none;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.feature-icon i.fa {
    display: block;
    width: 40px;
    height: 40px;
    background: #444;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}

.feature-header {
    padding: 10px 20px 10px 0;
}

.feature-header-bar .row-fluid .feature-header {
    width: auto;
    float: none;
    margin: 0;
}

.content-section.features-section .feature-header h1,
.content-section.features-section .feature-header h2,
.content-section.features-section .feature-header h3,
.content-section.features-section .feature-header h4,
.content-section.features-section .feature-header h5,
.content-section.features-section .feature-header h6
.content-section.features-section .feature-header .field > label {
    color: #000;
}

.feature-header h3 {
    margin: 8px 0 0;
    font-size: 20px;
    line-height: 26px;
}

.feature-content {
    margin-top: -1px;
    padding: 20px;
    font-size: 13px;
    font-weight: normal;
}










/* Emphasis Line
============================================================================= */

.emphasis-line {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 60px;
    background: #444;
    border-left: 10px solid #e86d1f;
    border-right: 10px solid #e86d1f;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 22px;
    line-height: 40px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

.emphasis-line.no-spacing {
    margin-top: 0;
    margin-bottom: 0;
}

.emphasis-line:before {
    content: "\f05a";
    display: block;
    width: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: FontAwesome;
    font-size: 26px;
    line-height: 40px;
}










/* Bottom Offer
============================================================================= */

.bottom-offer {
    padding-bottom: 0 !important;
    background: #444;
}

.inpage-editing .bottom-offer, /* no fixed background in the editor - avoid cover+fixed bug in chrome */
.lt-ie9 .bottom-offer { /* no fixed background on ie8 */
    background-attachment: scroll !important;
}

.bottom-offer,
.bottom-offer h1,
.bottom-offer h2,
.bottom-offer h3,
.bottom-offer h4,
.bottom-offer h5,
.bottom-offer h6,
.bottom-offer hr,
.bottom-offer .field > label {
    color: #fff;
}

.bottom-offer hr {
    background: #fff;
}

.bottom-offer-image {
    text-align: center;
}










/* Top/Bottom Shadow/Spacing
============================================================================= */

/**
 * Shadow
 */

.top-shadow,
.bottom-shadow {
    position: relative;
}

.top-shadow:before {
    content: "";
    display: block !important;
    width: auto;
    height: 8px;
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    margin: 0;
    background: url(//cdn2.hubspot.net/hub/273774/file-1241641031-png/mp/themes/Act-Theme/images/top-shadow2.png) center top no-repeat;
    -webkit-background-size: 100% 8px;
    background-size: 100% 8px;
}

.bottom-shadow:after {
    content: "";
    display: block !important;
    width: auto;
    height: 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: 0;
    background: url(//cdn2.hubspot.net/hub/273774/file-1281286278-png/mp/themes/Act-Theme/images/bottom-shadow5.png) center top no-repeat;
    -webkit-background-size: 100% 8px;
    background-size: 100% 8px;
    border-radius: 0;
}

/**
 * Spacing
 */

.top-spacing {
    padding-top: 60px !important;
}

.bottom-spacing {
    padding-bottom: 60px !important;
}










/* Hero Offer
============================================================================= */

.hero-offer {
    position: relative;
    background: #444;
}

.hero-offer:before {
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: url(//cdn2.hubspot.net/hub/273774/file-1281286278-png/mp/themes/Act-Theme/images/bottom-shadow5.png) top no-repeat;
    -webkit-background-size: 100% 8px;
    background-size: 100% 8px;
}

.hero-offer-headlines {
    min-height: 191px !important;
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 20px 0 60px;
    background: url(//cdn2.hubspot.net/hub/273774/file-1239403204-png/mp/themes/Act-Theme/images/badge-large-bg.png) center top no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
}

.lt-ie9 .hero-offer-headlines {
    width: 1500px !important;
    min-height: 111px !important;
}

.hero-offer-headlines h1,
.hero-offer-headlines h2 {
    color: #000;
}

/* These will only preload mobile backgrounds (these elements are not visible) */
.hero-offer-primary-headline .cell-wrapper:before,
.hero-offer-secondary-headline .cell-wrapper:after,
.hero-offer-primary-headline h1:before {
    content: "";
    display: none;
}

.hero-offer-primary-headline .cell-wrapper:before {
    background-image: url(//cdn2.hubspot.net/hub/273774/file-1239326703-png/mp/themes/Act-Theme/images/badget-top-mobile.png);
}

.hero-offer-secondary-headline .cell-wrapper:after {
    background-image: url(//cdn2.hubspot.net/hub/273774/file-1241020161-png/mp/themes/Act-Theme/images/badge-bottom-mobile.png);
}

.hero-offer-primary-headline h1:before {
    background-image: url(//cdn2.hubspot.net/hub/273774/file-1241020166-png/mp/themes/Act-Theme/images/badge-mobile.png);
}

.hero-offer-headlines .row-fluid .hero-offer-primary-headline,
.hero-offer-headlines .row-fluid .hero-offer-secondary-headline {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.hero-offer-primary-headline h1,
.hero-offer-secondary-headline h2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.hero-offer-primary-headline h1 {
    position: relative;
    margin: 0;
    padding: 10px 0 25px;
    border-bottom: 1px solid #999;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 5px;
}

.hero-offer-primary-headline h1:after {
    content: "\f005";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -15px;
    color: #e86d1f;
    font-family: FontAwesome;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
}

.hero-offer-secondary-headline h2 {
    margin: 0;
    padding: 25px 0 5px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.hero-offer-content {
    margin-bottom: 60px;
    padding: 0 40px;
}

.hero-offer-form-box {
    margin-left: 0 !important;
    padding: 10px 30px;
    background: rgba(0 ,0, 0, 0.3);
    border-top: 2px solid #e86d1f;
    -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

.lt-ie9 .hero-offer-form-box {
    background: #666;
}

.hero-offer-form-box,
.hero-offer-form-box a,
.hero-offer-form-box a:hover,
.hero-offer-form-box h1,
.hero-offer-form-box h2,
.hero-offer-form-box h3,
.hero-offer-form-box h4,
.hero-offer-form-box h5,
.hero-offer-form-box h6,
.hero-offer-form-box code,
.hero-offer-form-box .field > label {
    color: #fff;
}

.hero-offer-form-box h3.form-title {
    margin: 5px 0 15px;;
}

.hero-offer-form-box .field > label {
    display: inline-block;
    padding: 2px 10px;
    background: #444;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

.hero-offer-form-box .field > .input {
    padding-top: 0;
}

.hero-offer-form-box input[type="text"],
.hero-offer-form-box input[type="password"],
.hero-offer-form-box input[type="datetime"],
.hero-offer-form-box input[type="datetime-local"],
.hero-offer-form-box input[type="date"],
.hero-offer-form-box input[type="month"],
.hero-offer-form-box input[type="time"],
.hero-offer-form-box input[type="week"],
.hero-offer-form-box input[type="number"],
.hero-offer-form-box input[type="email"],
.hero-offer-form-box input[type="url"],
.hero-offer-form-box input[type="search"],
.hero-offer-form-box input[type="tel"],
.hero-offer-form-box input[type="color"],
.hero-offer-form-box input[type="file"],
.hero-offer-form-box textarea,
.hero-offer-form-box select {
    border: 2px solid #444;
    font-weight: bold;
}

.hero-offer-form-box input[type="text"]:focus,
.hero-offer-form-box input[type="password"]:focus,
.hero-offer-form-box input[type="datetime"]:focus,
.hero-offer-form-box input[type="datetime-local"]:focus,
.hero-offer-form-box input[type="date"]:focus,
.hero-offer-form-box input[type="month"]:focus,
.hero-offer-form-box input[type="time"]:focus,
.hero-offer-form-box input[type="week"]:focus,
.hero-offer-form-box input[type="number"]:focus,
.hero-offer-form-box input[type="email"]:focus,
.hero-offer-form-box input[type="url"]:focus,
.hero-offer-form-box input[type="search"]:focus,
.hero-offer-form-box input[type="tel"]:focus,
.hero-offer-form-box input[type="color"]:focus,
.hero-offer-form-box input[type="file"]:focus,
.hero-offer-form-box textarea:focus,
.hero-offer-form-box select:focus {
    background-color: #eee;
}

.hero-offer-form-box button,
.hero-offer-form-box input[type="submit"],
.hero-offer-form-box input[type="button"],
.hero-offer-form-box .hs-button.primary {
    margin-top: 20px;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    border-left: 2px solid rgba(255, 255, 255, 0.2);
    border-right: 2px solid #e86d1f;
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.hero-offer-form-box .form-security-lines {
    border-top: 1px dotted #fff;
}

.hero-offer-form-box .form-security-lines:before {
    color: #fff;
    text-shadow: none;
}

.hero-offer-form-box .form-security-lines:after {
    display: none;
}

.hero-offer-form-box .form-security-lines a {
    border-bottom: 1px dotted #fff;
}

.hero-offer-content-box {
    background: #fff;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

.hero-offer-info {
    position: relative;
    padding: 30px;
    background: #444;
    border-top: 2px solid #e86d1f;
    color: #fff;
}

.hero-offer-info:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -16px;
    border-top: 16px solid #444;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

.hero-offer-image {
    padding: 40px 30px 10px;
    background: #fff;
    text-align: center;
}

.hero-offer-social-sharing {
    padding-bottom: 30px;
}

.hero-offer-social-sharing a {
    margin: 0 0 10px 10px;
}

.hero-offer-social-sharing a:first-child {
    margin-left: 0;
}










/* Section Intro
============================================================================= */

.section-intro {
    margin-bottom: 60px;
    padding-bottom: 25px;
    position: relative;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 300;
    text-align: center;
}

.section-intro.smaller {
    font-size: 18px;
}

.section-intro .cell-wrapper {
    max-width: 80%;
    margin: 0 auto;
}

.section-intro:after {
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    background: url(//cdn2.hubspot.net/hub/273774/file-1281286278-png/mp/themes/Act-Theme/images/bottom-shadow5.png) center bottom no-repeat;
    -webkit-background-size: 100% 8px;
    background-size: 100% 8px;
}

.section-intro p {
    margin: 0 0 30px;
    opacity: 0.7;
}

.section-intro h1,
.section-intro h2,
.section-intro h3,
.section-intro h4 {
    margin: 0 0 25px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.section-intro h1,
.section-intro h2 {
    font-size: 62px;
}

.section-intro.smaller h1,
.section-intro.smaller h2 {
    font-size: 46px;
    text-transform: none;
}










/* Boxed Header
============================================================================= */

.boxed-header h1,
.boxed-header h2,
.boxed-header h3,
.boxed-header h4 {
    margin: 0 0 20px;
    padding: 30px 20px;
    position: relative;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f7f7f7 89%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(89%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f7f7f7 89%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f7f7f7 89%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f7f7f7 89%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffffff 0%,#f7f7f7 89%); /* W3C */
    border-top: 4px solid #e86d1f;
    -webkit-box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
}

.lt-ie9 .boxed-header h1,
.lt-ie9 .boxed-header h2,
.lt-ie9 .boxed-header h3,
.lt-ie9 .boxed-header h4 {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.content-section.alternative .boxed-header h1,
.content-section.alternative .boxed-header h2,
.content-section.alternative .boxed-header h3,
.content-section.alternative .boxed-header h4 {
    background: #fff !important;
}

.content-section.dark .boxed-header h1,
.content-section.dark .boxed-header h2,
.content-section.dark .boxed-header h3,
.content-section.dark .boxed-header h4 {
    background: #666 !important;
}

.boxed-header h1 {
    font-size: 32px;
}

.boxed-header h2 {
    font-size: 26px;
}

.boxed-header h3 {
    font-size: 22px;
}

.boxed-header h4 {
    font-size: 18px;
}

.boxed-header h1:after,
.boxed-header h2:after,
.boxed-header h3:after,
.boxed-header h4:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top: 10px solid #e86d1f;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}










/* Alternative copy
============================================================================= */

.smaller-copy {
    font-size: 13px;
}

.larger-copy {
    font-size: 20px;
}











/* Client Logo
============================================================================= */

.client-logo {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}


.client-logo .cell-wrapper,
.client-logo .hs_cos_wrapper {
    min-height: inherit;
}

.client-logo .hs_cos_wrapper:before {
    content: "";
    display: inline-block !important;
    height: 100%;
    min-height: inherit;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}

.client-logo .hs_cos_wrapper:after {
    display: none !important;
}

.client-logo .hs_cos_wrapper img {
    display: inline-block;
    vertical-align: middle !important;
}









/* Buttons
============================================================================= */

/* Default button */
.default-button {
    display: inline-block;
    max-width: 100%;
    padding: 15px 25px;
    background: #e86d1f;
    color: #ffffff !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none;
    letter-spacing: 0.05em;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.default-button:hover {
    opacity: 0.9;
}

.default-button:active,
.default-button:active:hover {
    -webkit-transform: scale(0.98, 0.98) translateY(2px);
    -ms-transform: scale(0.98, 0.98) translateY(2px);
    -o-transform: scale(0.98, 0.98) translateY(2px);
    transform: scale(0.98, 0.98) translateY(2px);
}

.default-button:focus {
    outline: 0;
}

.default-button.large {
    padding: 25px 40px;
}

.primary-button.has-margin,
.default-button.has-margin {
    margin: 10px;
}

.default-button.headlines-color {
    background: #5f6062;
    color: #fff !important;
}

.default-button.white {
    background: #fff;
    color: #5f6062 !important;
}

.default-button.negative {
    background: none;
    border: 2px solid #e86d1f;
    color: #e86d1f !important;
    line-height: 16px;
}

.default-button.negative:hover,
.default-button.negative:active {
    background: #e86d1f;
    color: #ffffff !important;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.default-button.negative.white {
    background: none;
    border: 2px solid #fff;
    color: #fff !important;
}

.default-button.negative.white:hover,
.default-button.negative.white:active {
    background: #fff;
    color: #000 !important;
}

.default-button.negative.headlines-color {
    border: 2px solid #5f6062;
    color: #5f6062 !important;
}

.default-button.negative.headlines-color:hover,
.default-button.negative.headlines-color:active {
    background: #5f6062;
    color: #fff !important;
}

/* Primary button */
.primary-button {
    display: inline-block;
    padding: 10px 30px;
    background: #fff;
    border: 1px solid #eee;
    border-left: 2px solid #e86d1f;
    -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.05);
    /* color: white; */
    color: #5f6062 !important;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (min-width: 1200px) {
    
    .primary-button:hover {
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    }
}

.primary-button:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.primary-button:focus {
    outline: 0;
}

.primary-button.large {
    padding: 30px 40px;
    font-size: 25px;
}










/* Cards
============================================================================= */

.card-box {
    margin-bottom: 50px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.03);
    box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.03);
    -webkit-transition: -webkit-box-shadow 0.4s ease-in-out, -webkit-transform 0.2s  ease-in-out;
    -o-transition: -o-box-shadow 0.4s ease-in-out, -o-transform 0.2s  ease-in-out;
    transition: box-shadow 0.4s ease-in-out, transform 0.2s  ease-in-out, -moz-transform 0.2s  ease-in-out, -ms-transform 0.2s  ease-in-out;
}

.column-no-gutter .card-box {
    margin-right: -1px;
}

.dark .card-box {
    background: #666;
    border-color: #333;
}

@media (min-width: 1200px) {

    .card-box:hover {
        position: relative;
        z-index: 1;
        border: none;
        -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1.1,1.1) translateY(-10px);
        -ms-transform: scale(1.1,1.1) translateY(-10px);
        -o-transform: scale(1.1,1.1) translateY(-10px);
        transform: scale(1.1,1.1) translateY(-10px);
    }
}

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

.card-image img {
    width: 100% !important;
    height: auto !important;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4 {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 20px;
    background: #444;
    border-bottom: 10px solid #e86d1f;
    color: #fff;
    font-weight: bold;
}

.card-content {
    padding: 30px 20px 20px;
    font-size: 13px;
}

.card-content p:last-child {
    margin-bottom: 0;
}

.card-content h4 {
    margin-bottom: 5px;
}










/* Blog
============================================================================= */

#salesforce-blog-cta {
  padding: 40px;
  background-image: url('https://www.salsalabs.com/hubfs/Website%202019/Blog/CTA/Salesforce/Blog-CTA-Salesforce-BG.png');
  background-size: cover;
  background-repeat: no-repeat; 
  background-position: left center;
  margin-bottom: 20px;
}
.act-blog-post-listing-full-item h3 {
  display: none;
}
#salesforce-blog-cta h3 {
  color: white;
  text-align: center;
}
#salesforce-blog-cta a {
  color: white !important;
  margin: 0 auto; 
  width: 100%;
  max-width: 200px;
  float: none;
  text-align: center;
  display: block;
  background-color: #fe8f73;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#salesforce-blog-cta a:after {
  content: "\f105";
  color: white;
  font-family: FontAwesome;
  font-size: 12pt;
  margin-left: 15px;
}

.narrow-comment-form #comment-form {
    max-width: 70%;
    margin: 0 auto;
}

.section-intro .act-blog-post-header-data {
    opacity: 1;
}

.section-intro .act-blog-post-author-top-intro,
.section-intro .act-blog-post-published-on {
    opacity: 0.7;
}

.act-blog-post-author-top-name {
    font-weight: bold;
}

.act-blog-post-topics {
    margin: 30px 0 0;
    padding: 26px 0;
    border-top: 1px solid #eee;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
}

.act-blog-post-topics-intro {
    margin-right: 15px;
    font-weight: bold;
}

.act-blog-post-topics a {
    display: inline-block;
    margin: 4px 0;
    padding: 0 8px;
    background: #fff;
    border: 2px solid transparent;
    color: inherit;
    font-size: 12px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.act-blog-post-topics a:hover,
.act-blog-post-topics a:active {
    background: #fff;
    border-color: #e86d1f;
    color: #e86d1f;
}

.content-section.dark .act-blog-post-topics a {
    background: none;
    color: #fff;
}

.content-section.dark .act-blog-post-topics a:hover,
.content-section.dark .act-blog-post-topics a:active {
    background: none;
    color: #e86d1f;
}

.act-blog-post-topics .sep {
    width: 0;
    margin: 0 8px;
    border-left: 1px solid #eee;
}

.act-blog-sharing {
    background: #f7f7f7;
    border-top: 1px solid #eee;
    padding: 30px 20px;
    line-height: 1;
    vertical-align: top;
}

.act-blog-sharing ul,
.act-blog-sharing ul li {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
}

.act-blog-sharing ul li {
    margin: 0 8px 8px !important;
}

.act-blog-footer-wrapper {
    padding: 30px 20px;
    background: #f7f7f7;
}

.act-blog-footer-wrapper input[type="text"],
.act-blog-footer-wrapper input[type="password"],
.act-blog-footer-wrapper input[type="datetime"],
.act-blog-footer-wrapper input[type="datetime-local"],
.act-blog-footer-wrapper input[type="date"],
.act-blog-footer-wrapper input[type="month"],
.act-blog-footer-wrapper input[type="time"],
.act-blog-footer-wrapper input[type="week"],
.act-blog-footer-wrapper input[type="number"],
.act-blog-footer-wrapper input[type="email"],
.act-blog-footer-wrapper input[type="url"],
.act-blog-footer-wrapper input[type="search"],
.act-blog-footer-wrapper input[type="tel"],
.act-blog-footer-wrapper input[type="color"],
.act-blog-footer-wrapper input[type="file"],
.act-blog-footer-wrapper textarea,
.act-blog-footer-wrapper select {
    background: #fff;
}

.content-section.dark .act-blog-footer-wrapper {
    background: #222;
}

.hs-blog-listing .act-blog-footer-wrapper {
    padding: 0;
    background: none;
}

.act-blog-footer-inner-wrapper {
    max-width: 70% !important;
    margin: 0 auto !important;
    float: none !important;
}

.act-blog-post-listing-full-item {
    margin-bottom: 150px;
}

.act-blog-featured-image {
    max-width: 40%;
    float: right;
    padding: 0 0 20px 50px;
}

.act-blog-more-button {
    float: left;
    margin: 0 20px 20px 0;
    color: white !important;
}

.act-blog-comments-count {
    float: right;
    padding: 15px 30px 10px 0;
    text-align: right;
}

.act-blog-comments-count:before {
    content: "";
    display: block;
    width: 300px;
    height: 1px;
    max-width: 100%;
    position: relative;
    right: -30px;
    background: #eee; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left,  #ffffff 2%, #eeeeee 84%, #ffffff 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(2%,#ffffff), color-stop(84%,#eeeeee), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 2%,#eeeeee 84%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 2%,#eeeeee 84%,#ffffff 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 2%,#eeeeee 84%,#ffffff 99%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 2%,#eeeeee 84%,#ffffff 99%); /* W3C */
}

.lt-ie9 .act-blog-comments-count:before {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.act-blog-comments-count a {
    color: inherit;
    font-size: 12px;
}

.act-blog-comments-count a:hover {
    color: inherit;
}

.act-blog-comments-count i.fa {
    font-size: 16px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.act-blog-comments-count a:hover i.fa {
    color: #e86d1f;
}

.act-blog-inner-template-listing .act-blog-sharing {
    padding: 40px 0;
}

.act-blog-pagination {
    border-top: 1px solid #eee;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
}

.act-blog-pagination a {
    display: inline-block;
    margin: -1px 20px 5px;
    padding: 50px 10px 6px;
    border-top: 1px solid transparent;
    color: inherit;
}

.act-blog-pagination a:hover {
    border-top-color: #e86d1f;
    color: inherit;
}

.act-blog-pagination a i.fa {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.act-blog-pagination a:hover i.fa {
    color: #e86d1f;
}

.act-blog-pagination .act-blog-pagination-previous i.fa {
    padding-right: 6px;
}

.act-blog-pagination .act-blog-pagination-next i.fa {
    padding-left: 6px;
}

.act-blog-author-profile-avatar {
    width: 120px;
    height: 120px;
    max-width: 100%;
    margin: 0 auto 30px;
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 100%;
}

.act-blog-author-profile-avatar img {
    width: 100%;
    height: auto;
}

.act-blog-author-profile-social {
    margin: 40px 0;
    text-align: center;
}

.act-blog-author-profile-social-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px 10px;
    border: 2px solid #5f6062;
    border-radius: 100%;
    color: #5f6062;
    line-height: 36px;
}

.act-blog-author-profile-social-icon:hover {
    border-color: #e86d1f;
    color: #e86d1f;
}

h3.act-blog-author-profile-recent-posts-header {
    padding: 30px 0 150px;
    text-align: center;
}

.act-blog-post-listing-simple-item h2 {
    padding: 15px 0;
    font-size: 22px;
}
body.act-blog-i-template .mega-menu-2017 .centered, body.act-blog-i-template .container-fluid .row-fluid .centered {
    max-width: 100% !important;
}
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-post-header-data {
    display: none;
}











/* Solutions
============================================================================= */

.solution-row {
    position: relative;
    padding: 20px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.solution-row:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.solution-icon {
    font-size: 30px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.solution-icon i {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #e86d1f;
    border-radius: 50%;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.solution-info {
    padding-top: 12px;
}

.solution-info h1,
.solution-info h2,
.solution-info h3,
.solution-info h4,
.solution-info h5,
.solution-info h6 {
    margin-bottom: 0;
    color: inherit;
}

.solution-info h1 a,
.solution-info h2 a,
.solution-info h3 a,
.solution-info h4 a,
.solution-info h5 a,
.solution-info h6 a {
    color: inherit;
}

@media (min-width: 1200px) {
    
    .solution-row:hover .solution-icon {
        -webkit-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

    .solution-row:hover .solution-icon i {
        background: none;
        color: #e86d1f;
    }
    
    .solution-info h1 a:hover,
    .solution-info h1 a:active,
    .solution-info h2 a:hover,
    .solution-info h2 a:active,
    .solution-info h3 a:hover,
    .solution-info h3 a:active,
    .solution-info h4 a:hover,
    .solution-info h4 a:active,
    .solution-info h5 a:hover,
    .solution-info h5 a:active,
    .solution-info h6 a:hover,
    .solution-info h6 a:active {
        color: #e86d1f;
    }
}










/* Contact Info Section
============================================================================= */

.contact-info-section h3 {
    margin-bottom: 8px;
    font-size: 24px;
}

.contact-info-section a {
    color: inherit;
}

.contact-cards {}

.contact-card {
    position: relative;
    padding: 60px 40px 40px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.contact-card:before {
    display: block;
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    margin-left: -10px;
    border: 5px solid #e86d1f;
    border-radius: 100%;
    color: #e86d1f;
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.contact-address:before {
    content: "\f124";
}

.contact-email:before {
    content: "\f0e0";
}

.contact-phone:before {
    content: "\f095";
}

.contact-social:before {
    content: "\f1e0";
}

.contact-form:before {
    content: "\f1d8";
}

.contact-laptop:before {
    content: "\f109";
}

.contact-brochure:before {
    content: "\f1c1";
}

@media (min-width: 1200px) {
    
    .contact-card:hover {
        z-index: 1;
        -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03);
        box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03);
    }
    
    .contact-card:hover:before {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}










/* Imposing Header
============================================================================= */

.imposing-header {
    padding: 40px 30px;
    position: relative;
    background: #444;
    border-top: 10px solid #e86d1f;
    color: #fff;
    text-align: center;
}

.imposing-header:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -40px;
    position: absolute;
    left: 50%;
    bottom: -38px;
    z-index: 1;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #444;
}

.imposing-header a,
.imposing-header h1,
.imposing-header h2,
.imposing-header h3,
.imposing-header h4,
.imposing-header h5,
.imposing-header h6 {
    color: inherit;
}

.imposing-header h1,
.imposing-header h2,
.imposing-header h3,
.imposing-header h4,
.imposing-header h5,
.imposing-header h6 {
    margin: 0;
}

.imposing-header .secondary-header {
    margin-bottom: 10px;
}










/* Map Section
============================================================================= */

.map-section {
    padding: 0 !important;
    position: relative;
}

.map-section iframe {
    width: 100% !important;
    float: left;
}

.map-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url(//cdn2.hubspot.net/hub/273774/file-1146934634-png/mp/themes/Act-Theme/images/footer-pattern.png);
   opacity: 0.7;
   -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3) inset;
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3) inset;
   -webkit-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
   transition: all 0.6s ease;
}










/* Flexible Listing
============================================================================= */

/* Masonry mechanism */
.flexible-listing-section {
    padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
}

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

.flexible-listing .hs_cos_wrapper_type_widget_container {
    margin-left: -40px;
}

.flexible-listing .hs_cos_wrapper_type_widget_container > .hs_cos_wrapper_widget {
    display: inline-block !important;
    width: 33.33%;
    margin-left: -5px;
    padding-left: 40px;
    padding-bottom: 40px;
    vertical-align: top;
    overflow: hidden;
  float: left;
}

.flexible-listing-complete .flexible-listing .hs_cos_wrapper_type_widget_container > .hs_cos_wrapper_widget {
    margin-left: 0;
}

@media (max-width: 900px) {

    .flexible-listing .hs_cos_wrapper_type_widget_container > .hs_cos_wrapper_widget {
        width: 50%;
    }
}

@media (max-width: 660px) {
    
    .flexible-listing-section {
        padding-left: 0;
        padding-right: 0;
    }
    
    .flexible-listing .hs_cos_wrapper_type_widget_container {
        margin-left: 0;
    }

    .flexible-listing .hs_cos_wrapper_type_widget_container > .hs_cos_wrapper_widget {
        width: 100%;
        position: static !important;
        padding-left: 0;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
}

/* Visual styles */
.flexible-listing .flexible-listing-item {
    margin-bottom: 0;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: left;
    -webkit-transition: box-shadow 0.4s ease, border-color 0.4s ease;
    -moz-transition: box-shadow 0.4s ease, border-color 0.4s ease;
    -ms-transition: box-shadow 0.4s ease, border-color 0.4s ease;
    -o-transition: box-shadow 0.4s ease, border-color 0.4s ease;
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

.flexible-listing .flexible-listing-item:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.03);
    box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.03);
}










/* Pricing Section
============================================================================= */

.pricing-plans {
    padding-top: 40px;
}

.pricing-section .card-box {
    display: block;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid #eee;
}

.pricing-section .card-box:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.03);
    box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.03);
    border: 1px solid #eee;
}

.pricing-section .card-box .card-content {
    padding: 0;
}

.pricing-section .price {
    padding: 10px 20px;
    background: #fff;
    font-size: 45px;
    font-weight: 300;
}

.pricing-section .description {
    padding: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.pricing-section .features {
    padding: 30px 40px;
    background: #fff;
    text-align: left;
}

.pricing-section .features h4 {
    margin-bottom: 15px;
}

.pricing-section .features ul {
    margin: 0;
    padding: 0;
}

.pricing-section .features ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    font-size: 16px;
    padding-left: 40px;
}

.pricing-section .features ul li:first-child {
    border-top: none;
}

.pricing-section .features ul li:before {
    content: "\f05d";
    top: 10px;
    left: 16px;
    font-weight: normal;
}

.pricing-section .card-box .call-to-action-button {
    padding: 20px;
    border-top: 1px solid #eee;
}

/* Plans */
.pricing-section .card-box.basic {}

.pricing-section .card-box.basic .price {}

.pricing-section .card-box.professional {
    margin-top: -40px;
}

.pricing-section .card-box.professional .price {
    font-size: 52px;
    font-weight: bold;
}

.pricing-section .card-box.enterprise {}

@media (max-width: 767px) {
    
    .pricing-section .smedium-stack > .row-fluid-wrapper > .row-fluid > .card-box {
        display: block !important;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 60px;
    }
    
    .pricing-section .card-box.professional {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
        
    .pricing-section .price {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 30px;
    }
    
    .pricing-section .card-box.professional .price {
        font-size: 38px;
    }
}

@media (max-width: 320px) {
    
    .pricing-section .features {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .pricing-section .features ul li {
        padding-left: 25px;
    }

    .pricing-section .features ul li:before {
        left: 5px;
    }
}










/* Footer
============================================================================= */

/**
 * COS Footer default wrappers
 */

.footer-container-wrapper {}
.footer-container {}

/**
 * Footer wrapper
 */

html, /* <- background applied naturally to the entire area for shorter pages */
.footer-wrapper {
    background: #222; 
}

.footer-wrapper {
    font-size: 0.9em;
    font-weight: 400;
}

/**
 * Footer base, typography and COS modules
 */

.footer-wrapper,
.footer-wrapper a {
    color: gray;
}

.footer-wrapper a:hover {
    color: #e86d1f;
}

.footer-wrapper h1,
.footer-wrapper h2,
.footer-wrapper h3,
.footer-wrapper h4,
.footer-wrapper h5,
.footer-wrapper h6 {
    color: #fff;
    font-weight: 400;
}

.footer-wrapper h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.footer-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-wrapper hr {
    background: #444;
    color: #444;
}

.footer-wrapper input[type="text"],
.footer-wrapper input[type="password"],
.footer-wrapper input[type="datetime"],
.footer-wrapper input[type="datetime-local"],
.footer-wrapper input[type="date"],
.footer-wrapper input[type="month"],
.footer-wrapper input[type="time"],
.footer-wrapper input[type="week"],
.footer-wrapper input[type="number"],
.footer-wrapper input[type="email"],
.footer-wrapper input[type="url"],
.footer-wrapper input[type="search"],
.footer-wrapper input[type="tel"],
.footer-wrapper input[type="color"],
.footer-wrapper input[type="file"],
.footer-wrapper textarea,
.footer-wrapper select {
    background: #444;
    border: 2px solid transparent;
    color: #fff;
}

.footer-wrapper input[type="text"]:focus,
.footer-wrapper input[type="password"]:focus,
.footer-wrapper input[type="datetime"]:focus,
.footer-wrapper input[type="datetime-local"]:focus,
.footer-wrapper input[type="date"]:focus,
.footer-wrapper input[type="month"]:focus,
.footer-wrapper input[type="time"]:focus,
.footer-wrapper input[type="week"]:focus,
.footer-wrapper input[type="number"]:focus,
.footer-wrapper input[type="email"]:focus,
.footer-wrapper input[type="url"]:focus,
.footer-wrapper input[type="search"]:focus,
.footer-wrapper input[type="tel"]:focus,
.footer-wrapper input[type="color"]:focus,
.footer-wrapper input[type="file"]:focus,
.footer-wrapper textarea:focus,
.footer-wrapper select:focus {
    border-color: #e86d1f;
}

.footer-wrapper a.fm_button span {
    background: #222 !important;
    color: #fff;
}

.footer-wrapper a.fm_button:hover span {
    background: #111 !important;
    border-color: #e86d1f;
}

.footer-wrapper .block ul {
    border-top-color: #222;
    border-bottom-color: #444;
}

.footer-wrapper .block ul li {
    border-top-color: #444;
    border-bottom-color: #222;
}

.footer-wrapper .block ul li a {
    padding: 8px 0;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/**
 * Footer main section
 */

.footer-main {
    background: #333;
    padding: 40px 0 20px;
    background-image: url(//cdn2.hubspot.net/hub/273774/file-1146934634-png/mp/themes/Act-Theme/images/footer-pattern.png);
}

/**
 * Footer Columns
 */

.footer-column {
    margin-top: 40px;
    margin-bottom: 40px;
}

/**
 * Footer navigation
 */

.footer-navigation a {
    padding: 3px 0;
}

.footer-navigation a:before {
    content: "\f0da";
    padding-right: 8px;
    font-family: FontAwesome;
    font-size: 9px;
}

.footer-navigation .hs-menu-wrapper ul li a:hover {
    color: #e86d1f;
}

/**
 * Footer go foggy
 *
 * Add this class to any area in footer you want to go foggy when form is focused
 */

.footer-go-foggy {
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/**
 * Footer Social
 */

.footer-social {
    margin-bottom: 40px;
}

/**
 * Footer bottom section
 */

.footer-bottom {
    padding: 20px 0;
}

/**
 * Footer copyright
 */

.footer-copyright {
    padding-right: 80px; /* prevent scroll-to-top overlapping copyright line */
    color: #ccc;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/**
 * Scroll-to-Top
 */

.scroll-to-top {
    display: none;
    width: 50px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 0;
    z-index: 999;
    background: #444;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translateY(100%) translateZ(0);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


    .scroll-to-top {
        display: block;
    }


.scroll-to-top.active {
    opacity: 0.6;
    visibility: visible;
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.scroll-to-top.active:hover {
    opacity: 0.9;
}









/* Helper classes
============================================================================= */

/**
 * Text Align
 */

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

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

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

/**
 * BG Classes
 */

.bg-lightest {
    background: #f7f7f7;
}

.bg-lighter {
    background: #eee;
}

.bg-light {
    background: #ddd;
}










/* Corners - Round
============================================================================= */

/**
 * Elements that go round with Round design option
 */












/* Corners - Rounder
============================================================================= */

/**
 * Elements that go round with Rounder design option
 */












/* Boxed Layouts
============================================================================= */












/* Final media queries
============================================================================= */

/**
 * When window is equal or lower than content width
 */

@media (max-width: 1240px) {
    
    
        .act-slider .centered {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    
}

/**
 * Some large screens
 */

@media (max-width: 1179px) {

    /**
     * Main navigation
     * 
     * Adjust spacing between items for narrow windows/smaller devices
     */

    .main-navigation .hs-menu-flow-horizontal > ul > li {
        margin-right: 20px;
    }

    /**
     * Content
     */
    
    /* Hero offer */
    .hero-offer-headlines {
        position: relative;
        min-height: 0 !important;
        margin-top: 11px;
        margin-bottom: 73px;
        padding: 15px 20px;
        background: url(//cdn2.hubspot.net/hub/273774/file-1241020166-png/mp/themes/Act-Theme/images/badge-mobile.png);
        overflow: visible;
    }
    
    .hero-offer-headlines:before,
    .hero-offer-headlines:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
    }

    .hero-offer-headlines:before {
        height: 11px;
        top: -11px;
        background: url(//cdn2.hubspot.net/hub/273774/file-1239326703-png/mp/themes/Act-Theme/images/badget-top-mobile.png) top repeat-x;
    }

    .hero-offer-headlines:after {
        height: 13px;
        bottom: -13px;
        background: url(//cdn2.hubspot.net/hub/273774/file-1241020161-png/mp/themes/Act-Theme/images/badge-bottom-mobile.png) top repeat-x;
    }

    .hero-offer-secondary-headline h2 {
        line-height: 1.6;
    }
}

@media (min-width: 1080px) {
    
    /**
     * Main navigation
     * 
     * Reset desktop menu in case there are inline CSS artifacts added with the 
     * JS mobile menu
     */

    .main-navigation .hs-menu-wrapper.flyouts,
    .main-navigation .hs-menu-wrapper.flyouts ul ul,
    .main-navigation .hs-menu-wrapper.flyouts li:hover > ul {
        display: block !important;
        overflow: visible !important;
    }
}

/**
 * Stack large / max-width: 1079px
 *
 * Note: Mobile menu appears at this resolution and desktop menu is hidden.
 */

@media (max-width: 1079px) {

    /**
     * Base
     */
    
    /* Headings */
    h1 {
        font-size: 2.6em;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.7em;
    }
    
    /**
     * Header
     */

    /* Logo area is used to append the mobile menu button */
    .js-on .header-wrapper.with-navigation .header-logo {
        width: 100% !important;
        margin-left: 0 !important;
        padding-right: 75px;
        float: none !important;
        position: relative;
    }

    /* ----- Main navigation ----- */
    
    /* Prevent highlighting mobile menu elements and header logo with the mouse on narrow windows */
    .header-logo::-moz-selection,
    .header-logo *::-moz-selection,
    .main-navigation::-moz-selection,
    .main-navigation *::-moz-selection,
    .mobile-menu-button::-moz-selection {
        background: none;
        color: inherit;
    }
    
    .header-logo::selection,
    .header-logo *::selection,
    .main-navigation::selection,
    .main-navigation *::selection,
    .mobile-menu-button::selection {
        background: none;
        color: inherit;
    }

    /**
     * Main navigation resets
     */
    
    /* Wrappers */
    .main-navigation {
        width: 100% !important;
        height: 0;
        margin-left: 0 !important;
        float: none !important;
    }
    
    /* 1st level */
    .main-navigation .hs-menu-flow-horizontal > ul {
        display: block;
    }
    
    .main-navigation .hs-menu-flow-horizontal.flyouts > ul > li {
        margin-right: 0;
        float: none;
    }
    
    /* 2+ level */
    .main-navigation .hs-menu-flow-horizontal.flyouts ul ul {
        position: static;
    }
    
    .main-navigation .hs-menu-wrapper.flyouts ul ul,
    .main-navigation .hs-menu-wrapper.flyouts li:hover > ul {
        display: none;
        max-width: none;
        max-height: none;
        height: auto;
        visibility: visible;
        overflow: hidden;
        opacity: 1;
    }
    
    .main-navigation .hs-menu-flow-horizontal > ul > li > ul > li:first-child:before {
        display: none;
    }
    
    .main-navigation .hs-menu-flow-horizontal.flyouts ul ul li a {
        white-space: normal;
    }

    /**
     * Mobile menu toggle buttons
     */
    
    /* Main button */
    .mobile-menu-button {
        display: block;
        width: 52px;
        height: 52px;
        position: absolute;
        top: 50%;
        right: -10px;
        margin-top: -26px;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .mobile-menu-button i {
        display: block;
        height: 3px;
        position: absolute;
        left: 10px;
        right: 10px;
        background: #444444;
    }
    
    .mobile-menu-button .mobile-menu-button-line-top {
        top: 15px;
    }
    
    .mobile-menu-button .mobile-menu-button-line-middle {
        top: 24px;
    }
    
    .mobile-menu-button .mobile-menu-button-line-bottom {
        top: 33px;
    }
    
    .mobile-menu-button.expanded .mobile-menu-button-line-top {
        display: none;
    }
    
    .mobile-menu-button.expanded .mobile-menu-button-line-middle,
    .mobile-menu-button.expanded .mobile-menu-button-line-bottom {
        top: 26px;
        left: 15px;
        right: 15px;
    }
    
    .mobile-menu-button.expanded .mobile-menu-button-line-middle {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .mobile-menu-button.expanded .mobile-menu-button-line-bottom {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    /* Child button */
    .main-navigation .mobile-menu-expand-button {
        display: block;
        width: 60px;
        height: 54px;
        padding: 0 12px 0 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        font-size: 20px;
        line-height: 54px;
        text-align: center;
        opacity: 0.8;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .main-navigation .mobile-menu-expand-button:hover,
    .main-navigation .mobile-menu-expand-button:focus {
        opacity: 1;
    }

    .main-navigation .mobile-menu-expand-button:before {
        content: "\f107";
        font-family: FontAwesome;
    }
    
    .main-navigation .expanded > .mobile-menu-expand-button:before {
        content: "\f106";
    }

    /**
     * Mobile menu styles
     */
    
    /* Wrappers */
    .main-navigation .hs-menu-flow-horizontal {
        display: none;
        width: 320px;
        position: absolute;
        right: 0;
        padding-top: 4px;
        background: #ffffff;
        opacity: 0.98;
        -webkit-box-shadow: -5px 5px rgba(0, 0, 0, 0.1);
        box-shadow: -5px 5px rgba(0, 0, 0, 0.1);
    }

    .main-navigation .hs-menu-flow-horizontal.expanded {
        display: block;
    }
    
    /* All levels */
    .main-navigation .hs-menu-flow-horizontal ul {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .main-navigation .hs-menu-flow-horizontal ul li {
        position: relative;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    
    .main-navigation .hs-menu-flow-horizontal ul li.expanded {
        background: rgba(0, 0, 0, 0.07);
    }

    .main-navigation .hs-menu-flow-horizontal ul li a {
        margin-right: 60px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .main-navigation .hs-menu-flow-horizontal ul li a:hover,
    .main-navigation .hs-menu-flow-horizontal ul li a:focus {
        opacity: 0.8;
    }
    
    /* 1st level */
    .main-navigation .hs-menu-flow-horizontal > ul > li > a {
        padding: 15px 20px;
        font-size: 18px;
    }

    .main-navigation .hs-menu-flow-horizontal > ul > li > a:before {
        display: none;
    }
    
    /* Buttons */
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-primary,
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-secondary {
        border-top: none;
        border-bottom: none;
        text-align: center;
    }
    
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-primary > a,
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-secondary > a {
        display: inline-block;
        margin: 30px 20px;
        padding: 0;
        vertical-align: top;
    }
    
    .main-navigation .hs-menu-flow-horizontal > ul > [class*="extra-wrapper"] + [class*="extra-wrapper"] > a {
        margin-top: -15px;
    }
    
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-primary > a:hover,
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-primary > a:focus,
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-secondary > a:hover,
    .main-navigation .hs-menu-flow-horizontal > ul > li.extra-wrapper-secondary > a:focus {
        opacity: 1;
    }

    .main-navigation .hs-menu-flow-horizontal > ul > li > a > div,
    .main-navigation .hs-menu-flow-horizontal > ul > li > a > span {
        display: inline-block;
        margin: 0;
        padding: 10px 20px;
        font-size: 18px;
    }
    
    .main-navigation .hs-menu-flow-horizontal > ul > li > a > span {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    /* 2+ Level */
    .main-navigation .hs-menu-flow-horizontal ul ul {
        margin-left: 0;
        border-bottom: none;
    }

    .main-navigation .hs-menu-flow-horizontal.flyouts ul ul {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul:before {
        display: none;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul li:first-child:before {
        display: none;
    }

    .main-navigation .hs-menu-flow-horizontal.flyouts ul ul li:last-child {
        border-bottom: none;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul li a {
        min-width: 0 !important;
        width: auto;
        padding: 15px 20px 15px 40px;
        font-size: 14px;
        font-weight: 700;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul li.hs-item-has-children > a {
        padding-right: 16px;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul li.hs-item-has-children > a:before {
        display: none;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul li a,
    .main-navigation .hs-menu-flow-horizontal ul ul li:hover > a,
    .main-navigation .hs-menu-flow-horizontal ul ul li.active > a,
    .main-navigation .hs-menu-flow-horizontal ul ul li.active-branch a {
        background: none;
        border: none;
        color: #444444;
    }
    
    /* 3+ level */
    .main-navigation .hs-menu-flow-horizontal > ul > li > ul > li > ul {
        margin-top: 0;
    }
    
    .main-navigation .hs-menu-flow-horizontal ul ul ul li:first-child:before {
        display: none;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul ul li a {
        padding-left: 50px;
        font-weight: normal;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul ul ul li a {
        padding-left: 60px;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul ul ul ul li a {
        padding-left: 70px;
    }

    .main-navigation .hs-menu-flow-horizontal ul ul ul ul ul ul li a {
        padding-left: 80px;
    }
    
    /* Sticky Menu */
    html .sticky-menu {
        display: none !important;
    }

    /**
     * Content
     */
    
    /* Three Column Section */    
    .three-column-section .large-stack > .row-fluid-wrapper > .row-fluid > .main-column {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .three-column-section .large-stack > .row-fluid-wrapper > .row-fluid > .sidebar {
        width: 100% !important;
    }

    .three-column-section .large-stack > .row-fluid-wrapper > .row-fluid > .sidebar.left {
        margin-left: 0 !important;
    }

    .three-column-section .large-stack > .row-fluid-wrapper > .row-fluid > .sidebar.right {
        float: none !important;
    }
    
    /* Hero */
    .hero-wrapper h1 {
        margin: 0 0 30px;
        padding: 30px 0;
        font-size: 58px;
    }

    /* Main Column, Sidebar & Equal Columns */
    .large-stack > .row-fluid-wrapper > .row-fluid > .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* Columns Equal Height */
    /* Reset column height */
    .column-equal-height.large-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        min-height: 0 !important;
    }
    
    /* Act Slider */
    .act-slider .hs_cos_flex-slider .hs_cos_flex-control-nav {
        display: none;
    }

    .act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a {
        width: 40px;
        height: 40px;
        top: 15px;
        margin: 0;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a:before {
        width: 40px;
        line-height: 40px;
    }

    .act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-prev {
        left: 0 !important;
    }

    .act-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a.hs_cos_flex-next {
        right: 0 !important;
    }

    .act-slider .hs_cos_flex-slider .caption h1,
    .act-slider .hs_cos_flex-slider .caption h2 {
        font-size: 38px;
    }

    .act-slider .hs_cos_flex-slider .caption h5,
    .act-slider .hs_cos_flex-slider .caption h6 {
        margin-bottom: 10px;
    }

    .act-slider .hs_cos_flex-slider .superimpose .caption {
        position: static;
        font-size: 12px;
        line-height: 1.3;
    }

    .act-slider .hs_cos_flex-slider .superimpose .caption span.separate-inline-blocks {
        display: block;
    }

    .act-slider .hs_cos_flex-slider .superimpose .caption h1,
    .act-slider .hs_cos_flex-slider .superimpose .caption h2,
    .act-slider .hs_cos_flex-slider .superimpose .caption h3,
    .act-slider .hs_cos_flex-slider .superimpose .caption h4,
    .act-slider .hs_cos_flex-slider .superimpose .caption h5,
    .act-slider .hs_cos_flex-slider .superimpose .caption h6,
    .act-slider .hs_cos_flex-slider .superimpose .caption p,
    .act-slider .hs_cos_flex-slider .superimpose .caption blockquote,
    .act-slider .hs_cos_flex-slider .superimpose .caption q,
    .act-slider .hs_cos_flex-slider .superimpose .caption code,
    .act-slider .hs_cos_flex-slider .superimpose .caption pre,
    .act-slider .hs_cos_flex-slider .superimpose .caption cite {
        display: block;
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    }

    .act-slider .hs_cos_flex-slider .superimpose .caption p,
    .act-slider .hs_cos_flex-slider .superimpose .caption blockquote,
    .act-slider .hs_cos_flex-slider .superimpose .caption q,
    .act-slider .hs_cos_flex-slider .superimpose .caption code,
    .act-slider .hs_cos_flex-slider .superimpose .caption pre,
    .act-slider .hs_cos_flex-slider .superimpose .caption cite {
        background: #333;
    }

    .act-slider .hs_cos_flex-slider .superimpose .caption blockquote,
    .act-slider .hs_cos_flex-slider .superimpose .caption q {
        padding: 15px 50px 15px 60px;
    }

    .act-slider .hs_cos_flex-slider .superimpose .caption blockquote:before,
    .act-slider .hs_cos_flex-slider .superimpose .caption q:before {
        top: 10px;
    }

    .act-slider .hs_cos_flex-slider .superimpose .caption blockquote:after,
    .act-slider .hs_cos_flex-slider .superimpose .caption q:after {
        bottom: 0;
    }

    /* Section Intro */
    .section-intro h1,
    .section-intro h2 {
        font-size: 48px;
    }

    .section-intro.smaller h1,
    .section-intro.smaller h2 {
        font-size: 42px;
    }
    
    /* Client Logos */
    .client-logo {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /* Contact Section */
    .large-stack > .row-fluid-wrapper > .row-fluid > .contact-card {
        text-align: center;
    }

    .large-stack > .row-fluid-wrapper > .row-fluid > .contact-card:before {
        margin-left: auto;
        margin-right: auto;
    }

    /**
     * Round corners
     */

    
    
    /**
     * Boxed layouts
     */

    
}

/**
 * Stack Medium large / max-width: 890px
 *
 * NOTE: Main Col & Sidebar stack here
 */

@media (max-width: 890px) {

    /**
     * Content
     */

    /* Three Column Section */
    .three-column-section .medium-stack > .row-fluid-wrapper > .row-fluid > .main-column {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .three-column-section .medium-stack > .row-fluid-wrapper > .row-fluid > .sidebar {
        width: 100% !important;
    }

    .three-column-section .medium-stack > .row-fluid-wrapper > .row-fluid > .sidebar.left {
        margin-left: 0 !important;
    }

    .three-column-section .medium-stack > .row-fluid-wrapper > .row-fluid > .sidebar.right {
        float: none !important;
    }

    /* Hero */
    html body .hero-wrapper {
        min-height: 0 !important;
        padding-top: 70px !important;
        padding-bottom: 62px !important;
        background-attachment: scroll !important;
    }

    .hero-wrapper h1 {
        font-size: 48px;
    }

    /* Content Section */
    .content-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .content-section.columns-section,
    .content-section.columns-section.smaller-spacing {
        padding-bottom: 20px;
    }

    .content-section img[align*="left"],
    .content-section img[align*="right"],
    .content-section img[style*="float: left"],
    .content-section img[style*="float: right"] {
        max-width: 60% !important;
    }

    /* Next Section */
    .next-section-arrow {
        top: -60px;
    }

    /* LP headlines section */
    .lp-headlines-section {
        font-size: 18px;
    }
    
    .lp-headlines-section h1 {
        font-size: 42px;
    }
    
    /* Main Column, Sidebar & Equal Columns */
    .medium-stack > .row-fluid-wrapper > .row-fluid > .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* Column Equal Height */
    /* Reset column with equal height */
    .column-equal-height.medium-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        min-height: 0 !important;
    }
    
    /* Features section */
    .feature-header h3 {
        margin: 8px 0 0;
        font-size: 18px;
        line-height: 26px;
    }
    
    /* Emphasis line */
    .emphasis-line {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 18px;
        line-height: 20px;
    }
    
    /* LP Simple 2 */
    .content-section.lp-simple-2 {
        padding: 0;
    }

    .lp-simple-2-headlines-section {
        margin-top: 0;
        padding: 0 20px;
        font-size: 18px;
    }

    .lp-simple-2-headlines-section h1 {
        margin: 30px -10px 20px;
        padding: 15px 20px 17px;
        background: #444;
        border-left: none;
        border-top: 10px solid #e86d1f;
        border-radius: 0;
        font-size: 26px;
        text-align: center;
    }

    .lp-simple-2-headlines-section h1:after {
        display: none;
    }

    .lp-simple-2-headlines-section h1:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -8px;
        border-top: 15px solid #444;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }

    .lp-simple-2-content-section {
        padding: 20px 20px 50px;
        font-size: 13px;
        font-weight: normal;
    }

    .lp-simple-2 .column {
        width: 100% !important;
        float: none !important;
        margin-bottom: 0;
    }

    .lp-simple-2 .form-framed {
        width: auto !important;
        float: none !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding: 20px;
    }
    
    /* Section Intro */
    .section-intro {
        font-size: 22px;
        line-height: 1.5;
    }

    .section-intro h1,
    .section-intro h2 {
        font-size: 44px;
    }

    .section-intro.smaller h1,
    .section-intro.smaller h2 {
        font-size: 38px;
    }
    
    /* Hero offer */
    .hero-offer-content-box {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .hero-offer-form-box {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    /* Boxed Header */
    .boxed-header h2 {
        font-size: 24px;
    }

    .boxed-header h3 {
        font-size: 20px;
    }

    .boxed-header h4 {
        font-size: 17px;
    }

    /* Act Slider */
    .act-slider .hs_cos_flex-slider .caption h1,
    .act-slider .hs_cos_flex-slider .caption h2 {
        font-size: 34px;
    }
    
    /* Blogs */
    .act-blog-sharing {
        text-align: center;
    }

    .act-blog-footer-inner-wrapper {
        max-width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .act-blog-post-listing-full-item {
        margin-bottom: 100px;
    }
    
    /* Client Logos */
    .client-logo {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Contact Section */
    .medium-stack > .row-fluid-wrapper > .row-fluid > .contact-card {
        text-align: center;
    }

    .medium-stack > .row-fluid-wrapper > .row-fluid > .contact-card:before {
        margin-left: auto;
        margin-right: auto;
    }
    
    /* Bottom Offer */
    .bottom-offer {
        background-attachment: scroll !important;
    }

    /**
     * Round corners
     */

    

    /**
     * Rounder corners
     */

    
}

/**
 * HubSpot's Default Stack / max-width: 767px
 */

@media (max-width: 767px) {

    /**
     * Base
     */
    
    /* Headings */
    h1 {
        font-size: 2.3em;
    }

    h2 {
        font-size: 1.9em;
    }

    h3 {
        font-size: 1.55em;
    }

    /**
     * Header
     */
    
    /* Header logo */
    .header-wrapper.without-navigation .header-logo {
        text-align: center;
    }
    
    /* Main nav */
    .main-navigation .hs-menu-flow-horizontal {
        width: 100%;
        left: 0;
        -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
    }

    /**
     * Content
     */

    /* Three Column Section */
    .three-column-section .smedium-stack > .row-fluid-wrapper > .row-fluid > .main-column {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .three-column-section .smedium-stack > .row-fluid-wrapper > .row-fluid > .sidebar {
        width: 100% !important;
    }

    .three-column-section .smedium-stack > .row-fluid-wrapper > .row-fluid > .sidebar.left {
        margin-left: 0 !important;
    }

    .three-column-section .smedium-stack > .row-fluid-wrapper > .row-fluid > .sidebar.right {
        float: none !important;
    }
    
    /* Hero */
    .hero-wrapper {
        font-size: 20px;
    }

    .hero-wrapper h1 {
        margin: 0 0 20px;
        padding: 20px 0;
        font-size: 42px;
    }
    
    /* LP Headlines section */
    .lp-headlines-section h1 {
        font-size: 32px;
    }

    /* Main Column, Sidebar & Equal Columns */
    .smedium-stack > .row-fluid-wrapper > .row-fluid > .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }
    
    /* Column Equal Height */
    /* Reset column with equal height */
    .column-equal-height.smedium-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        min-height: 0 !important;
    }

    /* Hero Offer */
    .hero-offer-content {
        margin-bottom: 20px;
        padding: 0;
    }

    .hero-offer-headlines {
        margin-bottom: 33px;
    }

    .hero-offer-primary-headline h1 {
        font-size: 22px;
    }

    /* Section intro */
    .section-intro {
        font-size: 20px;
    }

    .section-intro h1,
    .section-intro h2 {
        font-size: 38px;
    }
    
    /* Client Logos */
    .client-logos {
        text-align: center;
    }
    
    .client-logo {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .smedium-stack > .row-fluid-wrapper > .row-fluid > .client-logo {
        display: inline-block !important;
        max-width: 150px;
    }

    /* Profile Box */
    .card-box {
        margin-bottom: 40px;
    }
    
    .card-boxes.smedium-stack {
        text-align: center;
    }
    
    .smedium-stack > .row-fluid-wrapper > .row-fluid > .card-box {
        display: inline-block !important;
        max-width: 250px;
        margin-left: 5px;
        margin-right: 5px;
        vertical-align: top;
    }

    /* Act slider */
    .act-slider .hs_cos_flex-slider .caption h1,
    .act-slider .hs_cos_flex-slider .caption h2 {
        font-size: 28px;
    }

    .act-slider .hs_cos_flex-slider .caption h3 {
        font-size: 20px;
    }

    .act-slider .hs_cos_flex-slider .caption h4 {
        font-size: 18px;
    }

    /* Blogs */
    .act-blog-post-listing-full-item {
        margin-bottom: 70px;
    }
    
    .act-blog-featured-image {
        max-width: 50%;
        padding: 0 0 20px 20px;
    }

    .act-blog-more-button {
        float: none;
    }

    .act-blog-comments-count {
        width: 100%;
        float: none;
        padding: 0 0 0 5px;
        text-align: left;
    }

    .act-blog-comments-count:before {
        display: none;
    }

    /* Contact Section */
    .smedium-stack > .row-fluid-wrapper > .row-fluid > .contact-card {
        text-align: center;
    }

    .smedium-stack > .row-fluid-wrapper > .row-fluid > .contact-card:before {
        margin-left: auto;
        margin-right: auto;
    }
}

/**
 * Small Stack / max-width: 479px
 */

@media (max-width: 479px) {

    /**
     * Base
     */

    /* Headings */
    h1 {
        font-size: 2.2em;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.5em;
    }

    /**
     * COS Modules
     */
    
    /* RSS listing */
    .hs-rss-item.hs-with-featured-image .hs-rss-item-text,
    .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
        width: 100%;
        float: none;
    }

    .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
        width: auto;
        float: none;
        margin: 0 auto 50px;
    }

    /**
     * Content
     */

    /* Three Column Section */
    .three-column-section .small-stack > .row-fluid-wrapper > .row-fluid > .main-column {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .three-column-section .small-stack > .row-fluid-wrapper > .row-fluid > .sidebar {
        width: 100% !important;
    }

    .three-column-section .small-stack > .row-fluid-wrapper > .row-fluid > .sidebar.left {
        margin-left: 0 !important;
    }

    .three-column-section .small-stack > .row-fluid-wrapper > .row-fluid > .sidebar.right {
        float: none !important;
    }
    
    /* Hero */
    .hero-wrapper {
        font-size: 16px;
    }

    .hero-wrapper h1 {
        font-size: 28px;
    }
    
    /* Content Section */
    .content-section img[align*="left"],
    .content-section img[align*="right"],
    .content-section img[style*="float: left"],
    .content-section img[style*="float: right"] {
        max-width: 50% !important;
    }

    /* Main Column, Sidebar & Equal Columns */
    .small-stack > .row-fluid-wrapper > .row-fluid > .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* Column Equal Height */
    /* Reset column with equal height */
    .column-equal-height.small-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        min-height: 0 !important;
    }

    /* Hero Offer */
    .hero-offer-content {
        margin-bottom: 0;
        padding: 0;
    }
    
    .hero-offer-content .centered {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .hero-offer-headlines {
        margin-bottom: 13px;
    }
    
    .hero-offer-info,
    .hero-offer-content,
    .hero-offer-content-box,
    .hero-offer-form-box {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }

    /* Form framed */
    .form-framed {
        padding: 20px;
    }
    
    /* LP Simple 2 */
    .lp-simple-2-headlines-section {
        font-size: 16px;
    }

    .lp-simple-2-headlines-section h1 {
        font-size: 22px;
    }

    /* Section intro */
    .section-intro {
        font-size: 16px;
    }

    .section-intro .cell-wrapper {
        max-width: 90%;
    }

    .section-intro h1,
    .section-intro h2,
    .section-intro.smaller h1,
    .section-intro.smaller h2 {
        font-size: 28px;
    }

    /* Act slider */
    .act-slider .hs_cos_flex-slider .caption h1,
    .act-slider .hs_cos_flex-slider .caption h2 {
        font-size: 22px;
    }

    .act-slider .hs_cos_flex-slider .caption h3 {
        font-size: 18px;
    }

    .act-slider .hs_cos_flex-slider .caption h4 {
        font-size: 16px;
    }

    /* Buttons */
    .default-button.large {
        padding: 20px;
    }

    .primary-button.large {
        padding: 20px;
        font-size: 20px;
    }

    /* Blogs */
    .act-blog-post-topics {
        text-align: center;
    }
    
    .act-blog-post-topics-intro {
        display: block;
        margin-bottom: 10px;
    }

    .act-blog-post-topics a {
        margin-bottom: 8px;
    }

    .act-blog-post-topics a:last-child {
        margin-bottom: 0;
    }

    .act-blog-post-topics .sep,
    .act-blog-sharing ul li {
        display: block;
        width: 100%;
    }

    .act-blog-sharing ul li {
        margin: 0 0 15px !important;
    }

    /* Contact Section */
    .small-stack > .row-fluid-wrapper > .row-fluid > .contact-card {
        text-align: center;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .contact-card:before {
        margin-left: auto;
        margin-right: auto;
    }
}

/**
 * Tiny Stack / max-width: 320px
 */

@media (max-width: 320px) {

    /**
     * Base
     */
    
    /* Headings */
    h1 {
        font-size: 2.1em;
    }

    h2 {
        font-size: 1.7em;
    }

    h3 {
        font-size: 1.45em;
    }

    /**
     * Content
     */

    /* Three Column Section */
    .three-column-section .tiny-stack > .row-fluid-wrapper > .row-fluid > .main-column {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .three-column-section .tiny-stack > .row-fluid-wrapper > .row-fluid > .sidebar {
        width: 100% !important;
    }

    .three-column-section .tiny-stack > .row-fluid-wrapper > .row-fluid > .sidebar.left {
        margin-left: 0 !important;
    }

    .three-column-section .tiny-stack > .row-fluid-wrapper > .row-fluid > .sidebar.right {
        float: none !important;
    }
    
    /* Hero */
    .hero-wrapper {
        font-size: 15px;
    }

    .hero-wrapper h1 {
        font-size: 24px;
    }

    /* Content Section */
    .content-section img[align*="left"],
    .content-section img[align*="right"],
    .content-section img[style*="float: left"],
    .content-section img[style*="float: right"] {
        max-width: 40% !important;
    }

    /* Main Column, Sidebar & Equal Columns */
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* Column Equal Height */

    /* Reset column with equal height */
    .column-equal-height.tiny-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        min-height: 0 !important;
    }

    /* Act slider */
    .act-slider .hs_cos_flex-slider .caption h1,
    .act-slider .hs_cos_flex-slider .caption h2 {
        font-size: 23px;
    }
    
    .act-blog-post-listing-full-item {
        margin-bottom: 50px;
    }

    /* Buttons */
    .default-button.large {
        padding: 15px;
    }

    .primary-button.large {
        padding: 15px;
        font-size: 18px;
    }

    /* Contact Section */
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .contact-card {
        text-align: center;
    }

    .tiny-stack > .row-fluid-wrapper > .row-fluid > .contact-card:before {
        margin-left: auto;
        margin-right: auto;
    }
}










/* Bootstrap Grid Columns Custom Stacking
============================================================================= */

/**
 * Columns stack differently using these custom classes.
 * Here are also the styles for columns without gutter.
 * Please, do not change! Use the media queries above for your responsive styles 
 */

/**
 * No gutter
 */

.column-no-gutter > .row-fluid-wrapper > .row-fluid > [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span12 {
    width: 100%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span11 {
    width: 91.66666666666666%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span10 {
    width: 83.33333333333333%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span9 {
    width: 75%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span8 {
    width: 66.66666666666666%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span7 {
    width: 58.33333333333333%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span6 {
    width: 50%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span5 {
    width: 41.66666666666667%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span4 {
    width: 33.33333333333333%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span3 {
    width: 25%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span2 {
    width: 16.66666666666667%;
}

.column-no-gutter > .row-fluid-wrapper > .row-fluid > .span1 {
    width: 8.333333333333333%;
}

/**
 * Stack Large / max-width: 1079px
 */

@media (max-width: 1079px) {
    
    /* Stack large */
    .large-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    /* No gutter - Stack large */
    .container-fluid .column-no-gutter.large-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

/**
 * Stack Medium / max-width: 890px
 */

@media (max-width: 890px) {
    
    /* Stack Medium Large */
    .medium-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    /* No gutter - Stack Medium Large */
    .container-fluid .column-no-gutter.medium-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

/**
 * Stack Normal (default) / max-width: 767px / includes never stacking styles
 */

@media (max-width: 767px) {
    
    /* Prevent stack for columns meant to do so on lower screens */
    .small-stack > .row-fluid-wrapper > .row-fluid > [class*="span"],
    .tiny-stack > .row-fluid-wrapper > .row-fluid > [class*="span"],
    .never-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        margin-left: 2.127659574%;
        *margin-left: 2.0744680846382977%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
    .never-stack > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
        margin-left: 0;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span12,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span12,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span12 {
        width: 99.99999998999999%;
        *width: 99.94680850063828%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span11,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span11,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span11 {
        width: 91.489361693%;
        *width: 91.4361702036383%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span10,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span10,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span10 {
        width: 82.97872339599999%;
        *width: 82.92553190663828%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span9,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span9,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span9 {
        width: 74.468085099%;
        *width: 74.4148936096383%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span8,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span8,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span8 {
        width: 65.95744680199999%;
        *width: 65.90425531263828%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span7,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span7,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span7 {
        width: 57.446808505%;
        *width: 57.3936170156383%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span6,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span6,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span6 {
        width: 48.93617020799999%;
        *width: 48.88297871863829%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span5,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span5,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span5 {
        width: 40.425531911%;
        *width: 40.3723404216383%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span4,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span4,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span4 {
        width: 31.914893614%;
        *width: 31.8617021246383%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span3,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span3,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span3 {
        width: 23.404255317%;
        *width: 23.3510638276383%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span2,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span2,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span2 {
        width: 14.89361702%;
        *width: 14.8404255306383%;
    }

    .small-stack > .row-fluid-wrapper > .row-fluid > .span1,
    .tiny-stack > .row-fluid-wrapper > .row-fluid > .span1,
    .never-stack > .row-fluid-wrapper > .row-fluid > .span1 {
        width: 6.382978723%;
        *width: 6.329787233638298%;
    }
    
    /* No gutter - stack here by default */
    .container-fluid .column-no-gutter > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        float: none;
    }

    /* No gutter - Prevent stack for columns meant to do so on lower screens */
    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > [class*="span"],
    .container-fluid .column-no-gutter.large-stack > .row-fluid-wrapper > .row-fluid > [class*="span"],
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span12,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span12,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span12 {
        width: 100%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span11,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span11,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span11 {
        width: 91.66666666666666%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span10,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span10,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span10 {
        width: 83.33333333333333%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span9,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span9,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span9 {
        width: 75%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span8,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span8,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span8 {
        width: 66.66666666666666%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span7,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span7,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span7 {
        width: 58.33333333333333%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span6,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span6,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span6 {
        width: 50%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span5,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span5,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span5 {
        width: 41.66666666666667%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span4,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span4,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span4 {
        width: 33.33333333333333%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span3,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span3,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span3 {
        width: 25%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span2,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span2,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span2 {
        width: 16.66666666666667%;
    }

    .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > .span1,
    .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > .span1,
    .container-fluid .column-no-gutter.never-stack > .row-fluid-wrapper > .row-fluid > .span1 {
        width: 8.333333333333333%;
    }
}

/**
 * Stack Medium (max-width: 479px)
 */

@media (max-width: 479px) {
    
    /* Stack Medium */
    .container-fluid .small-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    /* No Gutter - Stack Medium */
    body .container-fluid .column-no-gutter.small-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        float: none;
    }
}

/**
 * Stack Small / max-width: 319px
 */

@media (max-width: 320px) {
    
    /* Stack Small */
    .container-fluid .tiny-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    /* No Gutter - Stack Small */
    body .container-fluid .column-no-gutter.tiny-stack > .row-fluid-wrapper > .row-fluid > [class*="span"] {
        width: 100%;
        float: none;
    }
}










/* Helper Classes for Different Stacking
============================================================================= */

/* Default */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.margin-top-0 { margin-top: 0; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-100 { margin-bottom: 100px; }
.padding-horizontal-0   { padding-left: 0;     padding-right: 0; }
.padding-horizontal-10  { padding-left: 10px;  padding-right: 10px; }
.padding-horizontal-20  { padding-left: 20px;  padding-right: 20px; }
.padding-horizontal-30  { padding-left: 30px;  padding-right: 30px; }
.padding-horizontal-40  { padding-left: 40px;  padding-right: 40px; }
.padding-horizontal-50  { padding-left: 50px;  padding-right: 50px; }
.padding-horizontal-60  { padding-left: 60px;  padding-right: 60px; }
.padding-horizontal-70  { padding-left: 70px;  padding-right: 70px; }
.padding-horizontal-80  { padding-left: 80px;  padding-right: 80px; }
.padding-horizontal-90  { padding-left: 90px;  padding-right: 90px; }
.padding-horizontal-100 { padding-left: 100px; padding-right: 100px; }
.padding-vertical-0   { padding-top: 0;     padding-bottom: 0; }
.padding-vertical-10  { padding-top: 10px;  padding-bottom: 10px; }
.padding-vertical-20  { padding-top: 20px;  padding-bottom: 20px; }
.padding-vertical-30  { padding-top: 30px;  padding-bottom: 30px; }
.padding-vertical-40  { padding-top: 40px;  padding-bottom: 40px; }
.padding-vertical-50  { padding-top: 50px;  padding-bottom: 50px; }
.padding-vertical-60  { padding-top: 60px;  padding-bottom: 60px; }
.padding-vertical-70  { padding-top: 70px;  padding-bottom: 70px; }
.padding-vertical-80  { padding-top: 80px;  padding-bottom: 80px; }
.padding-vertical-90  { padding-top: 90px;  padding-bottom: 90px; }
.padding-vertical-100 { padding-top: 100px; padding-bottom: 100px; }
.padding-top-0 { padding-top: 0; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }
.padding-right-0 { padding-right: 0; }
.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-50 { padding-right: 50px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-70 { padding-right: 70px; }
.padding-right-80 { padding-right: 80px; }
.padding-right-90 { padding-right: 90px; }
.padding-right-100 { padding-right: 100px; }
.padding-bottom-0 { padding-bottom: 0; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }
.padding-left-0 { padding-left: 0; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-70 { padding-left: 70px; }
.padding-left-80 { padding-left: 80px; }
.padding-left-90 { padding-left: 90px; }
.padding-left-100 { padding-left: 100px; }
.hidden { display: none !important; }
.visible { display: block !important; }

/* Large */
@media (max-width: 1079px) {

    .large-align-left { text-align: left; }
    .large-align-center { text-align: center; }
    .large-align-right { text-align: right; }
    .large-margin-top-0 { margin-top: 0; }
    .large-margin-top-10 { margin-top: 10px; }
    .large-margin-top-20 { margin-top: 20px; }
    .large-margin-top-30 { margin-top: 30px; }
    .large-margin-top-40 { margin-top: 40px; }
    .large-margin-top-50 { margin-top: 50px; }
    .large-margin-top-60 { margin-top: 60px; }
    .large-margin-top-70 { margin-top: 70px; }
    .large-margin-top-80 { margin-top: 80px; }
    .large-margin-top-90 { margin-top: 90px; }
    .large-margin-top-100 { margin-top: 100px; }
    .large-margin-bottom-0 { margin-bottom: 0; }
    .large-margin-bottom-10 { margin-bottom: 10px; }
    .large-margin-bottom-20 { margin-bottom: 20px; }
    .large-margin-bottom-30 { margin-bottom: 30px; }
    .large-margin-bottom-40 { margin-bottom: 40px; }
    .large-margin-bottom-50 { margin-bottom: 50px; }
    .large-margin-bottom-60 { margin-bottom: 60px; }
    .large-margin-bottom-70 { margin-bottom: 70px; }
    .large-margin-bottom-80 { margin-bottom: 80px; }
    .large-margin-bottom-90 { margin-bottom: 90px; }
    .large-margin-bottom-100 { margin-bottom: 100px; }
    .large-padding-horizontal-0   { padding-left: 0;     padding-right: 0; }
    .large-padding-horizontal-10  { padding-left: 10px;  padding-right: 10px; }
    .large-padding-horizontal-20  { padding-left: 20px;  padding-right: 20px; }
    .large-padding-horizontal-30  { padding-left: 30px;  padding-right: 30px; }
    .large-padding-horizontal-40  { padding-left: 40px;  padding-right: 40px; }
    .large-padding-horizontal-50  { padding-left: 50px;  padding-right: 50px; }
    .large-padding-horizontal-60  { padding-left: 60px;  padding-right: 60px; }
    .large-padding-horizontal-70  { padding-left: 70px;  padding-right: 70px; }
    .large-padding-horizontal-80  { padding-left: 80px;  padding-right: 80px; }
    .large-padding-horizontal-90  { padding-left: 90px;  padding-right: 90px; }
    .large-padding-horizontal-100 { padding-left: 100px; padding-right: 100px; }
    .large-padding-vertical-0   { padding-top: 0;     padding-bottom: 0; }
    .large-padding-vertical-10  { padding-top: 10px;  padding-bottom: 10px; }
    .large-padding-vertical-20  { padding-top: 20px;  padding-bottom: 20px; }
    .large-padding-vertical-30  { padding-top: 30px;  padding-bottom: 30px; }
    .large-padding-vertical-40  { padding-top: 40px;  padding-bottom: 40px; }
    .large-padding-vertical-50  { padding-top: 50px;  padding-bottom: 50px; }
    .large-padding-vertical-60  { padding-top: 60px;  padding-bottom: 60px; }
    .large-padding-vertical-70  { padding-top: 70px;  padding-bottom: 70px; }
    .large-padding-vertical-80  { padding-top: 80px;  padding-bottom: 80px; }
    .large-padding-vertical-90  { padding-top: 90px;  padding-bottom: 90px; }
    .large-padding-vertical-100 { padding-top: 100px; padding-bottom: 100px; }
    .large-padding-top-0 { padding-top: 0; }
    .large-padding-top-10 { padding-top: 10px; }
    .large-padding-top-20 { padding-top: 20px; }
    .large-padding-top-30 { padding-top: 30px; }
    .large-padding-top-40 { padding-top: 40px; }
    .large-padding-top-50 { padding-top: 50px; }
    .large-padding-top-60 { padding-top: 60px; }
    .large-padding-top-70 { padding-top: 70px; }
    .large-padding-top-80 { padding-top: 80px; }
    .large-padding-top-90 { padding-top: 90px; }
    .large-padding-top-100 { padding-top: 100px; }
    .large-padding-right-0 { padding-right: 0; }
    .large-padding-right-10 { padding-right: 10px; }
    .large-padding-right-20 { padding-right: 20px; }
    .large-padding-right-30 { padding-right: 30px; }
    .large-padding-right-40 { padding-right: 40px; }
    .large-padding-right-50 { padding-right: 50px; }
    .large-padding-right-60 { padding-right: 60px; }
    .large-padding-right-70 { padding-right: 70px; }
    .large-padding-right-80 { padding-right: 80px; }
    .large-padding-right-90 { padding-right: 90px; }
    .large-padding-right-100 { padding-right: 100px; }
    .large-padding-bottom-0 { padding-bottom: 0; }
    .large-padding-bottom-10 { padding-bottom: 10px; }
    .large-padding-bottom-20 { padding-bottom: 20px; }
    .large-padding-bottom-30 { padding-bottom: 30px; }
    .large-padding-bottom-40 { padding-bottom: 40px; }
    .large-padding-bottom-50 { padding-bottom: 50px; }
    .large-padding-bottom-60 { padding-bottom: 60px; }
    .large-padding-bottom-70 { padding-bottom: 70px; }
    .large-padding-bottom-80 { padding-bottom: 80px; }
    .large-padding-bottom-90 { padding-bottom: 90px; }
    .large-padding-bottom-100 { padding-bottom: 100px; }
    .large-padding-left-0 { padding-left: 0; }
    .large-padding-left-10 { padding-left: 10px; }
    .large-padding-left-20 { padding-left: 20px; }
    .large-padding-left-30 { padding-left: 30px; }
    .large-padding-left-40 { padding-left: 40px; }
    .large-padding-left-50 { padding-left: 50px; }
    .large-padding-left-60 { padding-left: 60px; }
    .large-padding-left-70 { padding-left: 70px; }
    .large-padding-left-80 { padding-left: 80px; }
    .large-padding-left-90 { padding-left: 90px; }
    .large-padding-left-100 { padding-left: 100px; }
    .large-hidden { display: none !important; }
    .large-visible { display: block !important; }
}

/* Medium */
@media (max-width: 879px) {

    .medium-align-left { text-align: left; }
    .medium-align-center { text-align: center; }
    .medium-align-right { text-align: right; }
    .medium-margin-top-0 { margin-top: 0; }
    .medium-margin-top-10 { margin-top: 10px; }
    .medium-margin-top-20 { margin-top: 20px; }
    .medium-margin-top-30 { margin-top: 30px; }
    .medium-margin-top-40 { margin-top: 40px; }
    .medium-margin-top-50 { margin-top: 50px; }
    .medium-margin-top-60 { margin-top: 60px; }
    .medium-margin-top-70 { margin-top: 70px; }
    .medium-margin-top-80 { margin-top: 80px; }
    .medium-margin-top-90 { margin-top: 90px; }
    .medium-margin-top-100 { margin-top: 100px; }
    .medium-margin-bottom-0 { margin-bottom: 0; }
    .medium-margin-bottom-10 { margin-bottom: 10px; }
    .medium-margin-bottom-20 { margin-bottom: 20px; }
    .medium-margin-bottom-30 { margin-bottom: 30px; }
    .medium-margin-bottom-40 { margin-bottom: 40px; }
    .medium-margin-bottom-50 { margin-bottom: 50px; }
    .medium-margin-bottom-60 { margin-bottom: 60px; }
    .medium-margin-bottom-70 { margin-bottom: 70px; }
    .medium-margin-bottom-80 { margin-bottom: 80px; }
    .medium-margin-bottom-90 { margin-bottom: 90px; }
    .medium-margin-bottom-100 { margin-bottom: 100px; }
    .medium-padding-horizontal-0   { padding-left: 0;     padding-right: 0; }
    .medium-padding-horizontal-10  { padding-left: 10px;  padding-right: 10px; }
    .medium-padding-horizontal-20  { padding-left: 20px;  padding-right: 20px; }
    .medium-padding-horizontal-30  { padding-left: 30px;  padding-right: 30px; }
    .medium-padding-horizontal-40  { padding-left: 40px;  padding-right: 40px; }
    .medium-padding-horizontal-50  { padding-left: 50px;  padding-right: 50px; }
    .medium-padding-horizontal-60  { padding-left: 60px;  padding-right: 60px; }
    .medium-padding-horizontal-70  { padding-left: 70px;  padding-right: 70px; }
    .medium-padding-horizontal-80  { padding-left: 80px;  padding-right: 80px; }
    .medium-padding-horizontal-90  { padding-left: 90px;  padding-right: 90px; }
    .medium-padding-horizontal-100 { padding-left: 100px; padding-right: 100px; }
    .medium-padding-vertical-0   { padding-top: 0;     padding-bottom: 0; }
    .medium-padding-vertical-10  { padding-top: 10px;  padding-bottom: 10px; }
    .medium-padding-vertical-20  { padding-top: 20px;  padding-bottom: 20px; }
    .medium-padding-vertical-30  { padding-top: 30px;  padding-bottom: 30px; }
    .medium-padding-vertical-40  { padding-top: 40px;  padding-bottom: 40px; }
    .medium-padding-vertical-50  { padding-top: 50px;  padding-bottom: 50px; }
    .medium-padding-vertical-60  { padding-top: 60px;  padding-bottom: 60px; }
    .medium-padding-vertical-70  { padding-top: 70px;  padding-bottom: 70px; }
    .medium-padding-vertical-80  { padding-top: 80px;  padding-bottom: 80px; }
    .medium-padding-vertical-90  { padding-top: 90px;  padding-bottom: 90px; }
    .medium-padding-vertical-100 { padding-top: 100px; padding-bottom: 100px; }
    .medium-padding-top-0 { padding-top: 0; }
    .medium-padding-top-10 { padding-top: 10px; }
    .medium-padding-top-20 { padding-top: 20px; }
    .medium-padding-top-30 { padding-top: 30px; }
    .medium-padding-top-40 { padding-top: 40px; }
    .medium-padding-top-50 { padding-top: 50px; }
    .medium-padding-top-60 { padding-top: 60px; }
    .medium-padding-top-70 { padding-top: 70px; }
    .medium-padding-top-80 { padding-top: 80px; }
    .medium-padding-top-90 { padding-top: 90px; }
    .medium-padding-top-100 { padding-top: 100px; }
    .medium-padding-right-0 { padding-right: 0; }
    .medium-padding-right-10 { padding-right: 10px; }
    .medium-padding-right-20 { padding-right: 20px; }
    .medium-padding-right-30 { padding-right: 30px; }
    .medium-padding-right-40 { padding-right: 40px; }
    .medium-padding-right-50 { padding-right: 50px; }
    .medium-padding-right-60 { padding-right: 60px; }
    .medium-padding-right-70 { padding-right: 70px; }
    .medium-padding-right-80 { padding-right: 80px; }
    .medium-padding-right-90 { padding-right: 90px; }
    .medium-padding-right-100 { padding-right: 100px; }
    .medium-padding-bottom-0 { padding-bottom: 0; }
    .medium-padding-bottom-10 { padding-bottom: 10px; }
    .medium-padding-bottom-20 { padding-bottom: 20px; }
    .medium-padding-bottom-30 { padding-bottom: 30px; }
    .medium-padding-bottom-40 { padding-bottom: 40px; }
    .medium-padding-bottom-50 { padding-bottom: 50px; }
    .medium-padding-bottom-60 { padding-bottom: 60px; }
    .medium-padding-bottom-70 { padding-bottom: 70px; }
    .medium-padding-bottom-80 { padding-bottom: 80px; }
    .medium-padding-bottom-90 { padding-bottom: 90px; }
    .medium-padding-bottom-100 { padding-bottom: 100px; }
    .medium-padding-left-0 { padding-left: 0; }
    .medium-padding-left-10 { padding-left: 10px; }
    .medium-padding-left-20 { padding-left: 20px; }
    .medium-padding-left-30 { padding-left: 30px; }
    .medium-padding-left-40 { padding-left: 40px; }
    .medium-padding-left-50 { padding-left: 50px; }
    .medium-padding-left-60 { padding-left: 60px; }
    .medium-padding-left-70 { padding-left: 70px; }
    .medium-padding-left-80 { padding-left: 80px; }
    .medium-padding-left-90 { padding-left: 90px; }
    .medium-padding-left-100 { padding-left: 100px; }
    .medium-hidden { display: none !important; }
    .medium-visible { display: block !important; }
}

/* Smedium */
@media (max-width: 767px) {

    .smedium-align-left { text-align: left; }
    .smedium-align-center { text-align: center; }
    .smedium-align-right { text-align: right; }
    .smedium-margin-top-0 { margin-top: 0; }
    .smedium-margin-top-10 { margin-top: 10px; }
    .smedium-margin-top-20 { margin-top: 20px; }
    .smedium-margin-top-30 { margin-top: 30px; }
    .smedium-margin-top-40 { margin-top: 40px; }
    .smedium-margin-top-50 { margin-top: 50px; }
    .smedium-margin-top-60 { margin-top: 60px; }
    .smedium-margin-top-70 { margin-top: 70px; }
    .smedium-margin-top-80 { margin-top: 80px; }
    .smedium-margin-top-90 { margin-top: 90px; }
    .smedium-margin-top-100 { margin-top: 100px; }
    .smedium-margin-bottom-0 { margin-bottom: 0; }
    .smedium-margin-bottom-10 { margin-bottom: 10px; }
    .smedium-margin-bottom-20 { margin-bottom: 20px; }
    .smedium-margin-bottom-30 { margin-bottom: 30px; }
    .smedium-margin-bottom-40 { margin-bottom: 40px; }
    .smedium-margin-bottom-50 { margin-bottom: 50px; }
    .smedium-margin-bottom-60 { margin-bottom: 60px; }
    .smedium-margin-bottom-70 { margin-bottom: 70px; }
    .smedium-margin-bottom-80 { margin-bottom: 80px; }
    .smedium-margin-bottom-90 { margin-bottom: 90px; }
    .smedium-margin-bottom-100 { margin-bottom: 100px; }
    .smedium-padding-horizontal-0   { padding-left: 0;     padding-right: 0; }
    .smedium-padding-horizontal-10  { padding-left: 10px;  padding-right: 10px; }
    .smedium-padding-horizontal-20  { padding-left: 20px;  padding-right: 20px; }
    .smedium-padding-horizontal-30  { padding-left: 30px;  padding-right: 30px; }
    .smedium-padding-horizontal-40  { padding-left: 40px;  padding-right: 40px; }
    .smedium-padding-horizontal-50  { padding-left: 50px;  padding-right: 50px; }
    .smedium-padding-horizontal-60  { padding-left: 60px;  padding-right: 60px; }
    .smedium-padding-horizontal-70  { padding-left: 70px;  padding-right: 70px; }
    .smedium-padding-horizontal-80  { padding-left: 80px;  padding-right: 80px; }
    .smedium-padding-horizontal-90  { padding-left: 90px;  padding-right: 90px; }
    .smedium-padding-horizontal-100 { padding-left: 100px; padding-right: 100px; }
    .smedium-padding-vertical-0   { padding-top: 0;     padding-bottom: 0; }
    .smedium-padding-vertical-10  { padding-top: 10px;  padding-bottom: 10px; }
    .smedium-padding-vertical-20  { padding-top: 20px;  padding-bottom: 20px; }
    .smedium-padding-vertical-30  { padding-top: 30px;  padding-bottom: 30px; }
    .smedium-padding-vertical-40  { padding-top: 40px;  padding-bottom: 40px; }
    .smedium-padding-vertical-50  { padding-top: 50px;  padding-bottom: 50px; }
    .smedium-padding-vertical-60  { padding-top: 60px;  padding-bottom: 60px; }
    .smedium-padding-vertical-70  { padding-top: 70px;  padding-bottom: 70px; }
    .smedium-padding-vertical-80  { padding-top: 80px;  padding-bottom: 80px; }
    .smedium-padding-vertical-90  { padding-top: 90px;  padding-bottom: 90px; }
    .smedium-padding-vertical-100 { padding-top: 100px; padding-bottom: 100px; }
    .smedium-padding-top-0 { padding-top: 0; }
    .smedium-padding-top-10 { padding-top: 10px; }
    .smedium-padding-top-20 { padding-top: 20px; }
    .smedium-padding-top-30 { padding-top: 30px; }
    .smedium-padding-top-40 { padding-top: 40px; }
    .smedium-padding-top-50 { padding-top: 50px; }
    .smedium-padding-top-60 { padding-top: 60px; }
    .smedium-padding-top-70 { padding-top: 70px; }
    .smedium-padding-top-80 { padding-top: 80px; }
    .smedium-padding-top-90 { padding-top: 90px; }
    .smedium-padding-top-100 { padding-top: 100px; }
    .smedium-padding-right-0 { padding-right: 0; }
    .smedium-padding-right-10 { padding-right: 10px; }
    .smedium-padding-right-20 { padding-right: 20px; }
    .smedium-padding-right-30 { padding-right: 30px; }
    .smedium-padding-right-40 { padding-right: 40px; }
    .smedium-padding-right-50 { padding-right: 50px; }
    .smedium-padding-right-60 { padding-right: 60px; }
    .smedium-padding-right-70 { padding-right: 70px; }
    .smedium-padding-right-80 { padding-right: 80px; }
    .smedium-padding-right-90 { padding-right: 90px; }
    .smedium-padding-right-100 { padding-right: 100px; }
    .smedium-padding-bottom-0 { padding-bottom: 0; }
    .smedium-padding-bottom-10 { padding-bottom: 10px; }
    .smedium-padding-bottom-20 { padding-bottom: 20px; }
    .smedium-padding-bottom-30 { padding-bottom: 30px; }
    .smedium-padding-bottom-40 { padding-bottom: 40px; }
    .smedium-padding-bottom-50 { padding-bottom: 50px; }
    .smedium-padding-bottom-60 { padding-bottom: 60px; }
    .smedium-padding-bottom-70 { padding-bottom: 70px; }
    .smedium-padding-bottom-80 { padding-bottom: 80px; }
    .smedium-padding-bottom-90 { padding-bottom: 90px; }
    .smedium-padding-bottom-100 { padding-bottom: 100px; }
    .smedium-padding-left-0 { padding-left: 0; }
    .smedium-padding-left-10 { padding-left: 10px; }
    .smedium-padding-left-20 { padding-left: 20px; }
    .smedium-padding-left-30 { padding-left: 30px; }
    .smedium-padding-left-40 { padding-left: 40px; }
    .smedium-padding-left-50 { padding-left: 50px; }
    .smedium-padding-left-60 { padding-left: 60px; }
    .smedium-padding-left-70 { padding-left: 70px; }
    .smedium-padding-left-80 { padding-left: 80px; }
    .smedium-padding-left-90 { padding-left: 90px; }
    .smedium-padding-left-100 { padding-left: 100px; }
    .smedium-hidden { display: none !important; }
    .smedium-visible { display: block !important; }
}

/* Small */
@media (max-width: 479px) {

    .small-align-left { text-align: left; }
    .small-align-center { text-align: center; }
    .small-align-right { text-align: right; }
    .small-margin-top-0 { margin-top: 0; }
    .small-margin-top-10 { margin-top: 10px; }
    .small-margin-top-20 { margin-top: 20px; }
    .small-margin-top-30 { margin-top: 30px; }
    .small-margin-top-40 { margin-top: 40px; }
    .small-margin-top-50 { margin-top: 50px; }
    .small-margin-top-60 { margin-top: 60px; }
    .small-margin-top-70 { margin-top: 70px; }
    .small-margin-top-80 { margin-top: 80px; }
    .small-margin-top-90 { margin-top: 90px; }
    .small-margin-top-100 { margin-top: 100px; }
    .small-margin-bottom-0 { margin-bottom: 0; }
    .small-margin-bottom-10 { margin-bottom: 10px; }
    .small-margin-bottom-20 { margin-bottom: 20px; }
    .small-margin-bottom-30 { margin-bottom: 30px; }
    .small-margin-bottom-40 { margin-bottom: 40px; }
    .small-margin-bottom-50 { margin-bottom: 50px; }
    .small-margin-bottom-60 { margin-bottom: 60px; }
    .small-margin-bottom-70 { margin-bottom: 70px; }
    .small-margin-bottom-80 { margin-bottom: 80px; }
    .small-margin-bottom-90 { margin-bottom: 90px; }
    .small-margin-bottom-100 { margin-bottom: 100px; }
    .small-padding-horizontal-0   { padding-left: 0;     padding-right: 0; }
    .small-padding-horizontal-10  { padding-left: 10px;  padding-right: 10px; }
    .small-padding-horizontal-20  { padding-left: 20px;  padding-right: 20px; }
    .small-padding-horizontal-30  { padding-left: 30px;  padding-right: 30px; }
    .small-padding-horizontal-40  { padding-left: 40px;  padding-right: 40px; }
    .small-padding-horizontal-50  { padding-left: 50px;  padding-right: 50px; }
    .small-padding-horizontal-60  { padding-left: 60px;  padding-right: 60px; }
    .small-padding-horizontal-70  { padding-left: 70px;  padding-right: 70px; }
    .small-padding-horizontal-80  { padding-left: 80px;  padding-right: 80px; }
    .small-padding-horizontal-90  { padding-left: 90px;  padding-right: 90px; }
    .small-padding-horizontal-100 { padding-left: 100px; padding-right: 100px; }
    .small-padding-vertical-0   { padding-top: 0;     padding-bottom: 0; }
    .small-padding-vertical-10  { padding-top: 10px;  padding-bottom: 10px; }
    .small-padding-vertical-20  { padding-top: 20px;  padding-bottom: 20px; }
    .small-padding-vertical-30  { padding-top: 30px;  padding-bottom: 30px; }
    .small-padding-vertical-40  { padding-top: 40px;  padding-bottom: 40px; }
    .small-padding-vertical-50  { padding-top: 50px;  padding-bottom: 50px; }
    .small-padding-vertical-60  { padding-top: 60px;  padding-bottom: 60px; }
    .small-padding-vertical-70  { padding-top: 70px;  padding-bottom: 70px; }
    .small-padding-vertical-80  { padding-top: 80px;  padding-bottom: 80px; }
    .small-padding-vertical-90  { padding-top: 90px;  padding-bottom: 90px; }
    .small-padding-vertical-100 { padding-top: 100px; padding-bottom: 100px; }
    .small-padding-top-0 { padding-top: 0; }
    .small-padding-top-10 { padding-top: 10px; }
    .small-padding-top-20 { padding-top: 20px; }
    .small-padding-top-30 { padding-top: 30px; }
    .small-padding-top-40 { padding-top: 40px; }
    .small-padding-top-50 { padding-top: 50px; }
    .small-padding-top-60 { padding-top: 60px; }
    .small-padding-top-70 { padding-top: 70px; }
    .small-padding-top-80 { padding-top: 80px; }
    .small-padding-top-90 { padding-top: 90px; }
    .small-padding-top-100 { padding-top: 100px; }
    .small-padding-right-0 { padding-right: 0; }
    .small-padding-right-10 { padding-right: 10px; }
    .small-padding-right-20 { padding-right: 20px; }
    .small-padding-right-30 { padding-right: 30px; }
    .small-padding-right-40 { padding-right: 40px; }
    .small-padding-right-50 { padding-right: 50px; }
    .small-padding-right-60 { padding-right: 60px; }
    .small-padding-right-70 { padding-right: 70px; }
    .small-padding-right-80 { padding-right: 80px; }
    .small-padding-right-90 { padding-right: 90px; }
    .small-padding-right-100 { padding-right: 100px; }
    .small-padding-bottom-0 { padding-bottom: 0; }
    .small-padding-bottom-10 { padding-bottom: 10px; }
    .small-padding-bottom-20 { padding-bottom: 20px; }
    .small-padding-bottom-30 { padding-bottom: 30px; }
    .small-padding-bottom-40 { padding-bottom: 40px; }
    .small-padding-bottom-50 { padding-bottom: 50px; }
    .small-padding-bottom-60 { padding-bottom: 60px; }
    .small-padding-bottom-70 { padding-bottom: 70px; }
    .small-padding-bottom-80 { padding-bottom: 80px; }
    .small-padding-bottom-90 { padding-bottom: 90px; }
    .small-padding-bottom-100 { padding-bottom: 100px; }
    .small-padding-left-0 { padding-left: 0; }
    .small-padding-left-10 { padding-left: 10px; }
    .small-padding-left-20 { padding-left: 20px; }
    .small-padding-left-30 { padding-left: 30px; }
    .small-padding-left-40 { padding-left: 40px; }
    .small-padding-left-50 { padding-left: 50px; }
    .small-padding-left-60 { padding-left: 60px; }
    .small-padding-left-70 { padding-left: 70px; }
    .small-padding-left-80 { padding-left: 80px; }
    .small-padding-left-90 { padding-left: 90px; }
    .small-padding-left-100 { padding-left: 100px; }
    .small-hidden { display: none !important; }
    .small-visible { display: block !important; }
}

/* Tiny */
@media (max-width: 320px) {

    .tiny-align-left { text-align: left; }
    .tiny-align-center { text-align: center; }
    .tiny-align-right { text-align: right; }
    .tiny-margin-top-0 { margin-top: 0; }
    .tiny-margin-top-10 { margin-top: 10px; }
    .tiny-margin-top-20 { margin-top: 20px; }
    .tiny-margin-top-30 { margin-top: 30px; }
    .tiny-margin-top-40 { margin-top: 40px; }
    .tiny-margin-top-50 { margin-top: 50px; }
    .tiny-margin-top-60 { margin-top: 60px; }
    .tiny-margin-top-70 { margin-top: 70px; }
    .tiny-margin-top-80 { margin-top: 80px; }
    .tiny-margin-top-90 { margin-top: 90px; }
    .tiny-margin-top-100 { margin-top: 100px; }
    .tiny-margin-bottom-0 { margin-bottom: 0; }
    .tiny-margin-bottom-10 { margin-bottom: 10px; }
    .tiny-margin-bottom-20 { margin-bottom: 20px; }
    .tiny-margin-bottom-30 { margin-bottom: 30px; }
    .tiny-margin-bottom-40 { margin-bottom: 40px; }
    .tiny-margin-bottom-50 { margin-bottom: 50px; }
    .tiny-margin-bottom-60 { margin-bottom: 60px; }
    .tiny-margin-bottom-70 { margin-bottom: 70px; }
    .tiny-margin-bottom-80 { margin-bottom: 80px; }
    .tiny-margin-bottom-90 { margin-bottom: 90px; }
    .tiny-margin-bottom-100 { margin-bottom: 100px; }
    .tiny-padding-horizontal-0   { padding-left: 0;     padding-right: 0; }
    .tiny-padding-horizontal-10  { padding-left: 10px;  padding-right: 10px; }
    .tiny-padding-horizontal-20  { padding-left: 20px;  padding-right: 20px; }
    .tiny-padding-horizontal-30  { padding-left: 30px;  padding-right: 30px; }
    .tiny-padding-horizontal-40  { padding-left: 40px;  padding-right: 40px; }
    .tiny-padding-horizontal-50  { padding-left: 50px;  padding-right: 50px; }
    .tiny-padding-horizontal-60  { padding-left: 60px;  padding-right: 60px; }
    .tiny-padding-horizontal-70  { padding-left: 70px;  padding-right: 70px; }
    .tiny-padding-horizontal-80  { padding-left: 80px;  padding-right: 80px; }
    .tiny-padding-horizontal-90  { padding-left: 90px;  padding-right: 90px; }
    .tiny-padding-horizontal-100 { padding-left: 100px; padding-right: 100px; }
    .tiny-padding-vertical-0   { padding-top: 0;     padding-bottom: 0; }
    .tiny-padding-vertical-10  { padding-top: 10px;  padding-bottom: 10px; }
    .tiny-padding-vertical-20  { padding-top: 20px;  padding-bottom: 20px; }
    .tiny-padding-vertical-30  { padding-top: 30px;  padding-bottom: 30px; }
    .tiny-padding-vertical-40  { padding-top: 40px;  padding-bottom: 40px; }
    .tiny-padding-vertical-50  { padding-top: 50px;  padding-bottom: 50px; }
    .tiny-padding-vertical-60  { padding-top: 60px;  padding-bottom: 60px; }
    .tiny-padding-vertical-70  { padding-top: 70px;  padding-bottom: 70px; }
    .tiny-padding-vertical-80  { padding-top: 80px;  padding-bottom: 80px; }
    .tiny-padding-vertical-90  { padding-top: 90px;  padding-bottom: 90px; }
    .tiny-padding-vertical-100 { padding-top: 100px; padding-bottom: 100px; }
    .tiny-padding-top-0 { padding-top: 0; }
    .tiny-padding-top-10 { padding-top: 10px; }
    .tiny-padding-top-20 { padding-top: 20px; }
    .tiny-padding-top-30 { padding-top: 30px; }
    .tiny-padding-top-40 { padding-top: 40px; }
    .tiny-padding-top-50 { padding-top: 50px; }
    .tiny-padding-top-60 { padding-top: 60px; }
    .tiny-padding-top-70 { padding-top: 70px; }
    .tiny-padding-top-80 { padding-top: 80px; }
    .tiny-padding-top-90 { padding-top: 90px; }
    .tiny-padding-top-100 { padding-top: 100px; }
    .tiny-padding-right-0 { padding-right: 0; }
    .tiny-padding-right-10 { padding-right: 10px; }
    .tiny-padding-right-20 { padding-right: 20px; }
    .tiny-padding-right-30 { padding-right: 30px; }
    .tiny-padding-right-40 { padding-right: 40px; }
    .tiny-padding-right-50 { padding-right: 50px; }
    .tiny-padding-right-60 { padding-right: 60px; }
    .tiny-padding-right-70 { padding-right: 70px; }
    .tiny-padding-right-80 { padding-right: 80px; }
    .tiny-padding-right-90 { padding-right: 90px; }
    .tiny-padding-right-100 { padding-right: 100px; }
    .tiny-padding-bottom-0 { padding-bottom: 0; }
    .tiny-padding-bottom-10 { padding-bottom: 10px; }
    .tiny-padding-bottom-20 { padding-bottom: 20px; }
    .tiny-padding-bottom-30 { padding-bottom: 30px; }
    .tiny-padding-bottom-40 { padding-bottom: 40px; }
    .tiny-padding-bottom-50 { padding-bottom: 50px; }
    .tiny-padding-bottom-60 { padding-bottom: 60px; }
    .tiny-padding-bottom-70 { padding-bottom: 70px; }
    .tiny-padding-bottom-80 { padding-bottom: 80px; }
    .tiny-padding-bottom-90 { padding-bottom: 90px; }
    .tiny-padding-bottom-100 { padding-bottom: 100px; }
    .tiny-padding-left-0 { padding-left: 0; }
    .tiny-padding-left-10 { padding-left: 10px; }
    .tiny-padding-left-20 { padding-left: 20px; }
    .tiny-padding-left-30 { padding-left: 30px; }
    .tiny-padding-left-40 { padding-left: 40px; }
    .tiny-padding-left-50 { padding-left: 50px; }
    .tiny-padding-left-60 { padding-left: 60px; }
    .tiny-padding-left-70 { padding-left: 70px; }
    .tiny-padding-left-80 { padding-left: 80px; }
    .tiny-padding-left-90 { padding-left: 90px; }
    .tiny-padding-left-100 { padding-left: 100px; }
    .tiny-hidden { display: none !important; }
    .tiny-visible { display: block !important; }
}









/* #########################################################################
   #########################################################################
   ####################                                 ####################
   ####################        Salsa 2017 Styles        ####################
   ####################                                 ####################
   ##################################      #################################
   ###################################    ##################################
   ####################################  ###################################
   ######################################################################### */
   
   
   
   

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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


/*****************************************/
/*    Basic Styles                       */
/*****************************************/

a {
    color: #0ecfff !important;
    font-family: "Open Sans";
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans" !important;
    letter-spacing: .01em !important;
    margin: 0 auto 30px;
}
h1 {
    font-weight: 900 !important;
    font-size: 40pt !important;
    line-height: 44pt !important;
}
h2 {
    font-size: 30pt !important;
    line-height: 34pt !important;
    font-weight: 400 !important;
}
h3 {
    font-size: 24pt !important;
    line-height: 28pt !important;
    font-weight: 300 !important;
}
h4 {
    font-size: 20pt !important;
    line-height: 24pt !important;
    font-weight: 300 !important;
}
h5 {
    font-size: 18pt !important;
    line-height: 22pt !important;
    font-weight: 300 !important;
}
h6 {
    font-size: 16pt !important;
    line-height: 20pt !important;
    font-weight: 300 !important;
}
p {
    color: #868686;
    font-family: "Open Sans";
    font-size: 14pt;
    line-height: 22pt;
    letter-spacing: .01em;
}
.default-button {
    background: #fda575 !important; /*#ff9156*/
    color: #fff !important;
    font-size: 16px !important;
    border: 1px solid white !important;
}
.default-button:hover {
    color: #fff !important;
    cursor: pointer;
}
.default-button::after {
    content: "\f105";
    color: white !important;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button:hover::after {
    color: white;
}
.default-button-2 {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fda575;
    color: #fda575 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-2:hover {
    background: #fda575 !important;
    color: white !important;
    cursor: pointer;
}
.default-button-2::after {
    content: "\f105";
    color: #fda575;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-2:hover::after {
    color: white;
}
.default-button-3 {
    background: transparent none repeat scroll 0 0;
    border: 1px solid white;
    color: white !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-3:hover {
    background: #ff9156;
    color: white !important;
    border: 1px solid #ff9156;
    cursor: pointer;
}
.default-button-3::after {
    content: "\f105";
    color: white;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-3:hover::after {
    color: #ff9156;
}
.default-button-4 {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #5cc2f3;
    color: white !important;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px;
    transition: all 0.3s ease-in-out 0.1ms;
    font-family: "Open Sans";
    text-transform: uppercase;
}
.default-button-4:hover {
    background: #5cc2f3;
    color: white !important;
    border: 2px solid #5cc2f3;
    cursor: pointer !important;
}
.default-button-4::after {
    content: "\f105";
    color: #0ecfff;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-4:hover::after {
    color: white;
}
.default-button-5 {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #2476b5 !important;
    color: #2476b5 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 20px;
    transition: all 0.3s ease-in-out 0.1ms;
    font-family: "Open Sans";
    text-transform: uppercase;
}
.default-button-5:hover {
    background: #2476b5 !important;
    color: white !important;
    cursor: pointer !important;
}
.default-button-5::after {
    content: "\f105" !important;
    color: #2476b5 !important;
    font-family: FontAwesome;
    font-size: 12pt !important;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-5:hover::after {
    color: white !important;
}
#thank-you-feature-section .default-button-5::after {
    margin-top: 10px !important;
}
.default-button-6 {
    background: transparent none repeat scroll 0 0;
    border: 1px solid white;
    color: white !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-6:hover {
    background: #3ea2dc !important;
    color: white !important;
    border: 1px solid #3ea2dc;
    cursor: pointer;
}
.default-button-6::after {
    content: "\f105";
    color: white;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-6:hover::after {
    color: white;
}
.default-button-7 {
    background: rgba(0,0,0,0.2);
    border: 1px solid white;
    color: white !important;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-7:hover {
    background: rgba(255, 145, 86, .8) !important;
    color: white !important;
    cursor: pointer;
}
.default-button-7::after {
    content: "\f105";
    color: white;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-7:hover::after {
    color: white;
}
.default-button-8 {
    border: 1px solid white;
    max-width: 240px;
    min-width: 240px;
    padding: 8px 12px;
    background: rgba(24,93,148,.4);
    color: white !important;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 10px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-8:hover {
    background: rgba(24,93,148,.2);
    color: white !important;
    cursor: pointer;
}
.default-button-8::after {
    content: "\f105";
    color: white;
    font-family: FontAwesome;
    font-size: 10pt;
    margin-left: 15px;
    font-weight: 300;
    transition: all 0.3s ease-in-out 0.1ms;
}
.default-button-8:hover::after {
    color: white;
}
.next-section .next-section-arrow {
    color: #ff9156 !important;
    margin-left: -20px !important;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -80px;
    left: 50%;
    z-index: 99;
    border: 2px solid #ff9156 !important;
    border-radius: 25px;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.next-section-arrow:hover {
    background-color: #ff9156 !important;
}


/*******************************************************************/
/*    Homepage 2017 Elements                                       */
/*******************************************************************/


/*----Header-------------------------------------------------------*/


/*.display-this-later {
    display: none !important;
}*/

/*.body-container-wrapper {
    position: relative;
    top: -147px;
}*/
body {
    font-family: "Open Sans", sans-serif !important;
}
.header-wrapper::before {
    display: none;
}

body.salsa-home-2017 .header-wrapper, body.salsa-home-2017 .header-container-wrapper,
body.salsa-pricing-page .header-wrapper, body.salsa-pricing-page .header-container-wrapper,
/*#home-menu-header .header-wrapper, #home-menu-header .header-container-wrapper, #home-menu-header*/ {
    background-color: transparent !important;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
body.salsa-home-2017 .header-wrapper .row-number-5, body.salsa-pricing-page .header-wrapper .row-number-5, #home-menu-header .header-wrapper .row-number-5 {
    display: block !important;
}

/*body.act-blog-i-template .header-wrapper, body.act-blog-i-template .header-container-wrapper,
body.salsa-product-overview .header-wrapper, body.salsa-product-overview .header-container-wrapper {
    background-color: #0095ba !important;
    background: #0095ba !important;
    max-height: 90px;
}*/
.header-inner-wrapper {
    max-width: none !important;
    padding:  20px 0px !important;
}
.salsa-logo-white {
    margin-left: 40px !important;
    max-width: 150px !important;
    position: relative;
    z-index: 1000;
}
.header-top-links {
    float: right !important;
    max-width: 290px;
    margin-right: 40px;
    position: relative !important;
    z-index: 34000 !important;
}
.header-top-links li {
    display: inline;
    list-style: none;
    padding: 0 !important;
}
.header-top-links li a {
    color: white !important;
    font-family: "Open Sans";
    font-size: 12pt;
    font-weight: 400 !important;
    margin: 0 10px;
    transition: all 0.3s ease-in-out 0.1ms;
    border-bottom: transparent !important;
}
.header-top-links li a:hover {
    border-bottom: 1px solid white !important;
}
.header-top-links .default-button {
    padding: 5px 10px !important;
    font-weight: 600 !important;
    border: 1px solid white !important;
}
.header-top-links .default-button:hover {
    padding: 5px 10px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 12pt;
}
.introducing-salsa img:hover {
    transition: all 0.3s ease-in-out 0.1ms;
}
.introducing-salsa img:hover {
    opacity: .8;
    cursor: pointer;
}



/*---- Mega Menu -------------------------------------------------------*/

.top-nav-fixed {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%; 
}
.mash-menu {
    max-width: 100% !important;
}
.mash-menu section.mash-menu-inner-container {
    background: transparent !important;
    position: relative;
    top: -45px;
}
/*body.interior-page .header-container-wrapper, body.interior-page .header-wrapper {
    background-color: #069fc3;
}*/
.mash-menu-inner-container ul {
    /*float: right !important;
    margin-right: 40px !important;*/
    float: none !important;
    max-width: 400px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.fa-caret-down::before {
    display: none !important;
}
.mash-menu-inner-container ul li a {
    color: white !important;
    font-family: "Open Sans" !important;
    font-size: 12pt !important;
    font-weight: 400 !important;
    padding: 0px 15px 30px !important;
    letter-spacing: 1px;
    /* background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Info%20Graphics/mega-down-arrow-transparent.png") no-repeat center bottom !important; */
    background-size: 20px 10px !important;
    border-bottom: transparent;
}
.mash-menu-inner-container ul li a:hover, .mash-menu-inner-container ul li a:active {
    /*background: #0095ba none repeat scroll 0 0 !important;*/
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Info%20Graphics/mega-down-arrow.png") no-repeat center bottom !important;
    background-size: 20px 10px !important;
    border-bottom: 1px solid white;
}
.mash-menu.separator .mash-brand > li > a, .mash-menu.separator .mash-list-items > li > a {
    border-right: none !important;
    box-shadow: none !important;
}
.mash-menu .drop-down-large, .mash-menu .drop-down-medium {
    background: #535556 !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 40px 5px 20px !important;
}
.mash-menu .center-buttons {
    text-align: center;
    max-width: 1220px;
    margin: 0 auto;
}
.mash-menu .center-products {
    max-width: 1180px;
    margin: 0 auto;
}
.mash-menu .center-products hr {
    margin: 20px 0 10px;
}
.mash-menu .center-products ul {
    max-width: 100% !important;
    clear: left;
    padding-left: 0px;
}
.mash-menu .center-products ul li {
    display: inline;
}
.mash-menu .center-products h4 {
    float: left;
}
.mash-menu-inner-container .btn-custom {
    display: inline-block;
    max-width: 24%;
    padding: 30px 20px 20px !important;
    text-align: center;
    width: 100%;
}
#resources .btn-custom, #about-salsa .btn-custom {
    min-height: 0px !important;
    width: auto;
    max-width: 100%;
    padding: 30px 60px !important;
}
.mash-menu .btn.btn-custom {
    background: transparent none repeat scroll 0 0 !important;
    border-radius: 0px !important;
    border: 4px solid #949496 !important;
    transition: all 0.3s ease-in-out 0.1ms;
}
.mash-menu .btn.btn-custom:hover {
    background: #3ea2dc none repeat scroll 0 0 !important;
    border: 4px solid #3ea2dc !important;
}
.mash-menu-inner-container .btn-custom h4 {
    color: white !important;
    font-family: "Open Sans" !important;
    font-size: 11pt !important;
    font-weight: 400 !important;
    padding: 0px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    text-align: center;
}
.mash-menu-inner-container .btn-custom p {
    color: white !important;
    font-family: "Open Sans" !important;
    font-size: 11pt !important;
    font-weight: 400 !important;
    padding: 0px !important;
    text-transform: none !important;
    letter-spacing: 1px;
    text-align: center;
}
#mega-menu-blocks {
    display: inline-block;
    max-width: 380px;
    border-right: 1px solid #a2a3a4;
    padding: 0 0 10px;
    min-width: 380px;
}
.mash-menu #mega-menu-blocks .btn.btn-custom {
    background: #494b4c !important;
    border: none !important;
    transition: all 0.3s ease-in-out 0.1ms !important;
    margin: 0 !important;
}
.mash-menu #mega-menu-blocks .btn.btn-custom:hover {
    background: #0095ba !important;
    border: none !important;
}

#mega-menu-blocks:nth-child(2) {
    margin: 0 25px;
}
#mega-menu-blocks p {
    color: white;
    font-family: "Open Sans" !important;
    font-size: 10pt !important;
    font-weight: 300 !important;
    letter-spacing: 1px;
    line-height: 15pt;
    padding: 0 !important;

}
#mega-menu-blocks #image {
    width: 75px;
    display: inline-block;
    float: left;
    margin: 0 10px 0 10px;
    background-color: transparent;
    min-height: 75px;
}
#mega-menu-blocks a {
    font-family: "Open Sans" !important;
    font-size: 10pt !important;
    font-weight: 300 !important;
    letter-spacing: 1px;
    color: white;
    padding: 0 !important;
}
#mega-menu-blocks #post {
    padding: 30px 0 10px;
    vertical-align: top;
    min-height: 120px;
    border-bottom: #727272 solid 1px !important;
    margin: 0 25px !important;
}
#mega-menu-blocks #post:nth-child(3) {
    padding: 30px 0 0px !important;
}
#mega-menu-blocks #post a {
    background: none !important;
    color: #72c9fb !important;
    font-size: 12pt !important;
    font-weight: 600 !important;
    padding: 0 !important;

}
.module {
  width: 100%;
  margin: 0 0 1em 0;
  overflow: hidden;
  max-width: 360px;
}
.fade {
  position: relative;
  height: 3em; /* exactly three lines */
}
.fade:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 1.5em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(38, 38, 38, 1) 50%);
}
#mega-menu-blocks #post a:hover {
    text-decoration: underline !important;
    background: none !important;
    border-bottom: none !important;
}

.mash-menu-inner-container #mega-menu-block a:hover {
    background: none !important;
    border-bottom: transparent !important;
}
#mega-menu-blocks .btn.btn-custom {
    display: block !important;
    padding: 10px 30px !important;
    font-size: 12pt !important;
    border: 4px solid #949496 !important;
    font-weight: 400 !important;
}
#mega-menu-blocks .btn.btn-custom:hover {
    background: #0095ba none repeat scroll 0 0 !important;
    border: 4px solid #0095ba !important;
}
#mega-menu-blocks .view-all {
    background: transparent none repeat scroll 0 0;
    border-radius: 0px;
    border: 2px solid #949496;
    transition: all 0.3s ease-in-out 0.1ms;
    font-size: 10pt;
    padding: 0 !important;
    color: white;
    text-transform: uppercase;
    margin: 10px auto 0;
    text-align: center;
    font-weight: 400;
    width: 100%;
    max-width: 180px;
    display: block;
    position: relative;
}
#mega-menu-blocks .view-all:hover {
    background: #0095ba none repeat scroll 0 0 !important;
    border: 2px solid #0095ba !important;
}

#ContactSales, #ContactSupport {
    border: 4px solid #949496 !important;
    display: inline-block;
    max-width: 44%;
    padding: 20px;
    text-align: center !important;
    min-height: 150px;
    width: 100%;
    margin: 0 10px;
    color: white !important;
    font-size: 12pt;
}
#ContactSales h4, #ContactSupport h4 {
    color: white !important;
    font-family: "Open Sans" !important;
    font-size: 12pt !important;
    font-weight: 400 !important;
    padding: 0px !important;
    text-transform: none !important;
    letter-spacing: 1px;
    text-align: center;
}
#ContactSales a, #ContactSupport a {
    color: #0095ba !important;
    background: transparent !important;
    border-bottom: none;
}
#ContactSales a:hover, #ContactSupport a:hover {
    color: #0095ba !important;
    text-decoration: underline;
}
#ContactSales p, #ContactSupport p {
    color: white !important;
}
#ContactSales hr, #ContactSupport hr {
    margin: 0 0 10px;
}
#pricinglink {
    width: 100%;
    margin: 40px auto;
    max-width: 165px;
}
#pricinglink a {
    font-family: "Open Sans";
    font-weight: 600 !important;
    font-size: 12pt !important;
    color: white !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease-in-out 0.1ms;
    border: 1px solid #ff9156;
    background: #ff9156 none repeat scroll 0 0 !important;
    text-transform: uppercase;
}
#pricinglink a:hover {
    color: #ff9156 !important;
    background: white !important;
    background-image: none !important;
    border: 1px solid white;
}
.mash-menu-inner-container ul li ul li a {
    background: transparent !important;
    color: #0095ba !important;
}




/* ---- Blue Mega Menu ---------------------------------------------------*/


.header-wrapper, body.act-blog-i-template .header-container-wrapper, .header-container-wrapper, .header-container {
    /*background-color: #0095ba !important;
    background: #0095ba !important;*/
    max-height: 90px;
    background-color: transparent !important;
    background: transparent !important;
}
/*.blue-menu .mash-menu .drop-down-large, .blue-menu .mash-menu .drop-down-medium {
    background: white !important;
}*/
.header-container-wrapper, .header-container {
    padding: 0 !important;
}
.header-inner-wrapper .hs_cos_wrapper_type_rich_text ul li::before {
    content: none !important;
}
#global-menu-header {
    background: #0095ba !important;
}
#global-menu-header .mash-menu .drop-down-large {
    top: 54px;
}
#global-menu-header .mash-menu-inner-container ul li a {
    padding: 0px 15px 45px !important;
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Info%20Graphics/mega-down-arrow-transparent.png") no-repeat center bottom !important;
    z-index: 1000;
}
#global-menu-header .mash-menu-inner-container ul li a:hover {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Info%20Graphics/mega-down-arrow-blue.png") no-repeat center bottom !important; 
    border-bottom: none;
    background-size: 30px 16px !important;
}

#global-menu-header .center-products {
    padding-bottom: 20px !important;
}
#global-menu-header .center-buttons-products {
    margin-left: 15px !important;
}
#global-menu-header .center-products h4 {
    color: #949496 !important;
    font-size: 14pt !important;
    border-bottom: 3px dotted #949496 !important;
    padding-bottom: 6px;
    margin-bottom: 20px !important;
}
#global-menu-header .center-products ul {
    margin: 0 !important;
    float: left !important;
    padding: 0 !important;
}
#global-menu-header .center-products ul li a {
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease-in-out 0.1ms;
}
#global-menu-header .center-products ul li a, #global-menu-header .center-products ul li a:hover {
    background: transparent !important;
    padding: 0 0 3px !important;
    margin-right: 20px;
}
#global-menu-header .center-products ul li a:hover {
    border-bottom: 1px solid #0095ba;
}
#global-menu-header .mash-menu .drop-down-large, #global-menu-header .mash-menu .drop-down-medium {
    background-color: #535556 !important;
    padding-bottom: 40px !important;
}
#global-menu-header .mash-menu .btn.btn-custom {
    background: transparent none repeat scroll 0 0 !important;
    border-radius: 0px !important;
    border: 4px solid #949496 !important;
    transition: all 0.3s ease-in-out 0.1ms;
    max-width: 380px;
}
#global-menu-header .mash-menu .btn.btn-custom:hover {
    background: #3ea2dc none repeat scroll 0 0 !important;
    border: 4px solid #3ea2dc !important;
}
#global-menu-header .mash-menu-inner-container .btn-custom p, #global-menu-header .mash-menu-inner-container .btn-custom h4 {
    color: #949496 !important;
}
#global-menu-header .mash-menu .btn.btn-custom:hover p, #global-menu-header .mash-menu .btn.btn-custom:hover h4 {
    color: white !important;
}
#global-menu-header #ContactSales a:hover, #global-menu-header #ContactSupport a:hover {
    background: transparent !important;
}
#global-menu-header .mash-menu .btn, #global-menu-header .mash-menu .btn.btn-custom a {
    padding: 20px !important;
}
#global-menu-header #pricinglink a {
    font-family: "Open Sans";
    font-weight: 600 !important;
    font-size: 12pt !important;
    color: white !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease-in-out 0.1ms;
    border: 1px solid #ff9156;
    background: #ff9156 none repeat scroll 0 0 !important;
    text-transform: uppercase;
}
#global-menu-header #pricinglink a:hover {
    color: #ff9156 !important;
    background-image: none !important;
    border: 1px solid #ff9156;
    background: white !important;
}
#global-menu-header #mega-menu-blocks .btn.btn-custom {
    padding: 10px 30px !important;
    color: #505050 !important;
}
#global-menu-header #mega-menu-blocks .btn.btn-custom:hover {
    color: white !important;
    border-color: #0095ba !important;
}
#global-menu-header #mega-menu-blocks #post a {
    color: #72c9fb !important;
    font-size: 10pt !important;
    font-weight: 700 !important;
}
#global-menu-header #mega-menu-blocks p {
    color: #505050 !important;
}
#global-menu-header .fade::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%) repeat scroll 0 0;
}
#global-menu-header #mega-menu-blocks .view-all {
    background: #ff9156 none repeat scroll 0 0 !important;
    border: 1px solid #ff9156;
    font-size: 9pt !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease-in-out 0.1ms;
}
#global-menu-header #mega-menu-blocks .view-all:hover {
    border: 1px solid #ff9156 !important;
    background: white !important;
    color: #ff9156 !important;
}
#global-menu-header #ContactSales h4, #global-menu-header #ContactSupport h4 {
    color: #505050 !important;
}
#global-menu-header #ContactSales, #global-menu-header #ContactSupport {
    color: #505050 !important;
}
.homepage-menu #global-menu-header {
    background: rgba(0, 0, 0, 0.65) !important;
}
.homepage-menu #global-menu-header .mash-menu section.mash-menu-inner-container {
    background: transparent !important;
}
.homepage-menu #global-menu-header .mash-menu .drop-down-large, .homepage-menu #global-menu-header .mash-menu .drop-down-medium {
    background: #535556 !important;
    border-top: 2px solid #949496;
}
.homepage-menu #global-menu-header .mash-menu-inner-container ul li a {
    padding: 20px 15px !important;
}
.homepage-menu #global-menu-header .mash-menu-inner-container ul li a:hover {
    background: none !important;
    background-size: 40px 20px !important;
}
.homepage-menu #global-menu-header .center-products ul li a {
    background: transparent !important;
    border-bottom: 1px solid transparent !important;
    padding: 0 0 3px 0 !important;
}
.homepage-menu #global-menu-header .center-products ul li a:hover {
    background: transparent !important;
    border-bottom: 1px solid #0095ba !important;
}
.homepage-menu #global-menu-header .mash-menu-inner-container .btn-custom p, .homepage-menu #global-menu-header .mash-menu-inner-container .btn-custom h1 {
    color: white !important;
}
.homepage-menu #global-menu-header .center-products h4 {
    color: white !important;
    border-color: white !important;
}
.homepage-menu #global-menu-header .mash-menu .btn.btn-custom {
    border-color: white !important;
}
.homepage-menu #global-menu-header .mash-menu .btn.btn-custom:hover {
    border-color: #0095ba !important;
}
.homepage-menu #global-menu-header #mega-menu-blocks .btn.btn-custom {
    color: white !important;
}
.homepage-menu #global-menu-header #mega-menu-blocks p {
    color: white !important;
}
.homepage-menu #global-menu-header .fade::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.85) 50%) repeat scroll 0 0 !important;
}
.homepage-menu #global-menu-header #ContactSales, .homepage-menu #global-menu-header #ContactSupport {
    border-color: white !important;
    color: white !important;
}
.homepage-menu #global-menu-header #ContactSales h1, .homepage-menu #global-menu-header #ContactSupport h1 {
    color: white !important;
}


/* ---- White Mega Menu ---------------------------------------------------*/

.white-menu {
    background: white !important;
    max-height: 60px;
    position: fixed;
    -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.22);
    -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.22);
    -webkit-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 6px 13px 0px rgba(50, 50, 50, 0.2);
}
.white-menu ul li a  {
   color: gray !important;
}
.white-menu .mash-menu section.mash-menu-inner-container {
    top: -36px;
}
.white-menu .mash-menu-inner-container ul {
    max-width: 558px !important;
}
.white-menu .mash-menu .drop-down-large {
    background: #606263 !important;
    margin-top: -12px !important;
    z-index: -3400 !important;
}
.white-menu .mash-menu .mash-list-items {
    margin-top: -4px !important;
}
.white-menu .mash-menu-inner-container ul li a {
    padding: 0;
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Info%20Graphics/mega-down-arrow-transparent.png") no-repeat center bottom !important;
}
.white-menu .mash-menu-inner-container ul li a:hover, .white-menu .mash-menu-inner-container ul li:hover a {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Info%20Graphics/mega-down-arrow-white.png") no-repeat center bottom !important; 
    border-bottom: none !important;
    background-size: 30px 16px !important;
}
.white-menu .mash-menu-inner-container ul li a:hover, .white-menu .mash-menu-inner-container ul li:hover a {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Info%20Graphics/mega-down-arrow-white.png") no-repeat center bottom !important; 
    border-bottom: none !important;
    background-size: 30px 16px !important;
}
.white-menu .mash-menu-inner-container .drop-down-large ul li a, .white-menu .mash-menu-inner-container .drop-down-large ul li a:hover, .white-menu .mash-menu-inner-container .drop-down-large ul li:hover a  {
    background: none !important;
}
.white-menu .mash-menu-inner-container .drop-down-large .center-buttons .center-buttons-products .btn-custom, .white-menu .mash-menu-inner-container .drop-down-large .view-all {
    background: transparent !important;
    border: 4px solid #898989 !important;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu .mash-menu-inner-container .drop-down-large .center-buttons .center-buttons-products .btn-custom:hover {
    background: #3ea2dc !important;
    border: 4px solid #3ea2dc !important;
}
.white-menu .mash-menu-inner-container ul li .blog-menu-link:hover {
    background: transparent !important; 
}
.white-menu .header-top-links {
    max-width: 320px;
    margin-top: 5px;
    margin-right: 20px;
}
.white-menu .header-top-links ul {
    float: right;
  	margin-top: 4px;
}
.white-menu .header-top-links li a {
    font-size: 10pt;
    margin: 0 5px;
    font-weight: 300 !important;
}
.white-menu .header-top-links li:nth-of-type(4) a:nth-of-type(2) {
    margin: 0;
}
.white-menu .header-top-links .default-button {
    color: white !important;
    font-size: 9pt !important;
    padding-top: 3px !important;
}
.white-menu .header-inner-wrapper {
    padding-top: 10px !important;
}
.white-menu .fade:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 1.5em;
  background: linear-gradient(to right, rgba(96, 98, 99, 0), rgba(96, 98, 99, 1) 100%);
}
.white-menu #mega-menu-blocks .view-all {
    border: none !important;
    color: #bfbfbf !important;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu #mega-menu-blocks .view-all:hover {
    background-color: transparent !important;
    color: white !important;
}
.white-menu #mega-menu-blocks .view-all::after {
    content: "\f105";
    color: #bfbfbf;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu #mega-menu-blocks .view-all:hover::after {
    color: white;
}
.white-menu #mega-menu-blocks {
    border: 1px solid #898989 !important;
    max-width: 280px !important;
}
.white-menu .salsa-logo-white {
    margin-left: 20px !important;
  	position: relative;
    top: -3px;
}
.white-menu .mash-menu-inner-container .center-buttons-products {
    text-align: center !important;
}
.white-menu .mash-menu-inner-container .center-buttons-products a {
    padding: 0 20px 25px 20px !important;
    max-width: 400px !important;
}
/* Salesforce Button */
.white-menu .mash-menu-inner-container .center-buttons-products a:nth-child(3) {
    max-width: 810px !important;
}
.white-menu .mash-menu-inner-container .drop-down-large .center-buttons .center-buttons-products .salesforce-btn {
  border: 2px solid #3ea2dc !important;
  padding: 0 120px !important;
}
.white-menu .mash-menu-inner-container .drop-down-large .center-buttons .center-buttons-products .salesforce-btn:hover {
  border: 2px solid #3ea2dc !important;
}
/* End Salesforce Button */
.white-menu .mash-menu-inner-container .btn-custom h4 {
    max-height: 5px;
}
.white-menu .mash-menu-inner-container .center-products ul {
    max-width: 100% !important;
}
.white-menu .mash-menu-inner-container .center-products ul li {
    padding: 0 21px !important;
}
.white-menu .mash-menu-inner-container .center-products ul li a {
    color: white !important;
    transition: all 0.3s ease-in-out 0.1ms;
    display: inline-block;
    position: relative;
    padding-bottom: 2px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.white-menu .mash-menu-inner-container .center-products ul li a:after {
  position: absolute;
  left: 0%;
  top: 0%;
  content: '';
  height: 100%;
  transition: all 0.3s linear;
  width: 100%;
  border-bottom: 1px solid #72c9fb;
  transform: scaleX(0);
}
.white-menu .mash-menu-inner-container .center-products ul li a:hover:after {
  transform: scale(1);
}
.white-menu .mash-menu-inner-container .center-products ul li a:hover {
    background: none !important;
    color: #72c9fb !important;
}
.white-menu #vertical ul li, .white-menu #team ul li {
    margin: 0 !important;
    clear: left;
    float: left;
    padding: 0 !important;
}
.white-menu #vertical ul li a, .white-menu #team ul li a {
    font-size: 9pt !important;
    float: left !important;
    padding: 0 0px 3px 0 !important;
    margin-right: 30px;
    margin-bottom: 10px;
    font-weight: 300 !important;
}
.white-menu #post a:hover {
    color: #0095BA !important;
}
.white-menu #team ul {
    min-height: 185px;
}
.white-menu #quiz ul {
    margin: 0 auto !important;
}
.white-menu #quiz a::after {
    content: "\f105";
    color: white;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu #mega-menu-blocks .btn.btn-custom {
    background: #494b4c !important;
    border: none !important;
    transition: all 0.3s ease-in-out 0.1ms !important;
    margin: 0 !important;
    font-weight: 600 !important;
    font-size: 11pt !important;
    padding-bottom: 10px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}
.white-menu #mega-menu-blocks .btn.btn-custom:hover {
    background: rgba(73,75,76,.60) !important;
    border: none !important;
}
.white-menu #mega-menu-blocks #post a {
    font-size: 12pt !important;
}
#global-menu-header #mega-menu-blocks #post a {
    color: #72c9fb !important;
    font-size: 10pt !important;
    font-weight: 700 !important;
}
.white-menu .mash-menu-inner-container ul .request-pricing-header-list,
.white-menu .mash-menu-inner-container ul .get-a-demo-header-list {
    margin: 0 5px !important;
}
.white-menu .mash-menu-inner-container ul .request-pricing-header-list a {
    font-size: 11pt !important;
    border: 1px solid #3ea2dc !important;
    background: transparent !important;
    background-image: none !important;
    padding: 3px 10px 5px 10px !important;
    margin: -5px auto 0 !important;
    background-color: #3ea2dc !important;
    display: block;
    text-transform: none;
    max-width: 300px;
    color: white !important;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu .mash-menu-inner-container ul .get-a-demo-header-list a {
    font-size: 11pt !important;
    border: 1px solid #fda575 !important;
    background: #fda575 !important;
    background-image: none !important;
    padding: 3px 10px 5px 10px !important;
    margin: -5px auto 0 !important;
    background-color: #fda575 !important;
    display: block;
    text-transform: none;
    max-width: 300px;
    color: white !important;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu .mash-menu-inner-container ul .request-pricing-header-list a:hover {
    background-color: #3ea2dc !important;
    background: #3ea2dc !important;
    border: 1px solid #3ea2dc !important;
    color: white !important;
}
.white-menu .mash-menu-inner-container ul .request-pricing-header-list a::after {
    content: "\f105";
    color: white !important;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu .mash-menu-inner-container ul .request-pricing-header-list::after {
    color: white !important;
}
.white-menu .mash-menu-inner-container ul .get-a-demo-header-list a:hover {
    background-color: #fda575 !important;
    background: #fda575 !important;
    border: 1px solid #fda575 !important;
    color: white !important;
}
.white-menu .mash-menu-inner-container ul .get-a-demo-header-list a::after {
    content: "\f105";
    color: white !important;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.white-menu .mash-menu-inner-container ul .get-a-demo-header-list::after {
    color: white !important;
}
#footer-wrapper .get-a-demo-header-list a::after {
    content: "\f105";
    color: white !important;
    font-family: FontAwesome !important;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
#footer-wrapper .get-a-demo-header-list::after {
    color: white !important;
}
.manual-optin-trigger::after {
    color: white !important;
}
#global-menu-header-white .header-inner-wrapper,
#global-menu-header-white .header-inner-wrapper .row-number-4
{
  max-height: 50px !important;
}
#global-menu-header-white .header-inner-wrapper .row-number-5,
#global-menu-header-white .header-inner-wrapper .row-number-5 .row-fluid,
#global-menu-header-white .header-inner-wrapper .row-number-5 .row-fluid .mega-menu,
#global-menu-header-white .header-inner-wrapper .row-number-5 .row-fluid .mega-menu .layout-widget-wrapper,
#global-menu-header-white .header-inner-wrapper .row-number-5 .row-fluid .mega-menu .layout-widget-wrapper span
{
  height: 0 !important;
}
@media (min-width: 50px) and (max-width: 1300px) { 
.white-menu .mash-menu .mash-list-items {
    margin-left: 160px !important;
  }
}

/* ------- Mega Menu 2017 ------------------------------------------------*/


@media (min-width: 50px) and (max-width: 1200px) { 
    #mega-menu-blocks .view-all {
    display: none;
    }
    #mega-menu-blocks #post {
    display: none;
    }
    #mega-menu-blocks {
    border-right: none;
    margin: 0 auto;
    display: block;
    }
    #global-menu-header .center-buttons .center-buttons-products a {
    text-align: center;
    max-width: 400px;
    display: block;
    padding: 20px !important;
    max-height: 20px !important;
    margin: 20px auto !important;
    }
    #global-menu-header .center-buttons .center-buttons-products h1 {
    margin-top: -10px !important;
    margin-bottom: 0 !important;
    }
    #global-menu-header .center-products {
    max-width: 400px !important;
    text-align: center !important;
    }
    #global-menu-header .center-products ul {
    text-align: center !important;
    }
    #global-menu-header .center-products ul li {
    display: block !important;
    }
    .mash-menu .btn.btn-custom {
    display: block;
    max-width: 98%;
    width: 100%;
    padding: 0 20px 20px 20px !important;
    }
    .white-menu #mega-menu-blocks .btn.btn-custom {
    border-right: none;
    margin: 0 auto;
    display: block;
    }
    .mash-menu #mega-menu-blocks .btn.btn-custom {
    background: #494b4c !important;
    border: none !important;
    transition: all 0.3s ease-in-out 0.1ms !important;
    margin: 0 !important;
    }
    .mash-menu #mega-menu-blocks .btn.btn-custom:hover {
    border: none !important;
    background: #3ea2dc !important;
    }
    .white-menu #mega-menu-blocks {
    border: 4px solid #898989 !important;
    max-width: 100% !important;
    margin: 10px;
    padding: 0px !important;
    transition: all 0.3s ease-in-out 0.3ms !important;
    }
    .white-menu #mega-menu-blocks:hover {
    border: 4px solid #3ea2dc !important;
    }
    .white-menu #mega-menu-blocks .btn.btn-custom {
    background: transparent !important;
    padding: 12px 30px !important;
    }
      .header-top-links {
        display: none !important;
    }
    	.white-menu .mash-menu .mash-list-items {
    margin-top: 6px !important;
    float: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
		}
          .center-buttons-products {
    max-width: 600px !important;
    float: none !important;
    margin: 0 auto !important;
          width: 100% !important;
    }
  .white-menu .mash-menu-inner-container .center-buttons-products a {
    max-width: 600px !important;
  }
  .white-menu .mash-menu-inner-container .drop-down-large .center-buttons .center-buttons-products .salesforce-btn {
    padding: 0 20px 20px !important;
}
.white-menu #team ul {
    border-right: none !important;
    }
    .white-menu #quiz {
    max-width: 690px !important;
    margin-top: 20px !important;
    margin: 30px auto !important;
    clear: both !important;
    width: 100% !important;
    }
    .white-menu #quiz ul {
    float: none !important;
    max-width: 370px !important;
    }
    .white-menu #quiz h4 {
    text-align: center !important;
    float: none !important;
    clear: both !important;
    }
    #solutions {
        max-width: 1000px;
        margin: 0 auto;
    }
    #solutions .center-products {
        max-width: 610px !important;
        margin: 0 auto !important;
    }
    .mash-menu-inner-container ul {
    float: right !important;
    margin-top: 10px !important;
    }
    .center-solutions {
    max-width: 650px !important;
  }
}
@media (min-width: 50px) and (max-width: 1140px) { 
    #ContactSales, #ContactSupport {
    max-width: 40%;
    }
  
    .mash-menu-inner-container ul {
    float: right !important;
    margin-top: 10px !important;
    }
    .white-menu .mash-menu-inner-container .center-products ul {
    max-width: 600px !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center;
    }
  .white-menu .mash-menu-inner-container .center-products ul li a {
    margin-bottom: 20px;
  }
}
@media (min-width: 50px) and (max-width: 1050px) { 
    .center-products ul li a {
    font-size: 8pt !important;
    }
}
@media (min-width: 50px) and (max-width: 1000px) { 
    .mash-menu section.mash-menu-inner-container {
        top: 0;
    }
    #global-menu-header .mash-menu section.mash-menu-inner-container {
    background: #0095ba !important;
    height: 55px !important;
    }
    #global-menu-header .center-products h4 {
    width: 100% !important;
    text-align: center !important;
    }
    #global-menu-header .center-products ul li {
    text-align: center !important;
    margin-bottom: 10px !important;
    }
    body.salsa-home-2017 .hero-text h1 {
    margin: 120px 0 0 !important;
    }
    .homepage-menu #global-menu-header {
    height: 135px;
    max-height: 100%;
    }
    .mash-menu .btn.btn-custom {
    display: block;
    max-width: 98%;
    width: 100%;
    padding: 0 20px !important;
    }

}
@media (min-width: 50px) and (max-width: 960px) { 
    .white-menu #mega-menu {
        display: none;
    }
    .white-menu .header-top-links {
        display: none !important;
    }
    .white-menu .mobile-trigger {
        border-radius: 0 !important;
        display: block !important;
        z-index: 34000 !important;
        top: 100px !important;
    }
    .white-menu .mash-menu-inner-container ul {
        float: right !important;
        margin-right: 30px !important;
        margin-top: 12px !important;
    }

    .white-menu .mash-menu-inner-container .center-products ul {
    max-width: 70% !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center;
    }
    .white-menu .mash-menu-inner-container .center-products ul li a {
    margin-bottom: 12px;
    }
    .white-menu .mash-menu .center-buttons {
    max-width: 719px !important;
    margin: 0 auto;
    width: 100% !important;
    }

    .white-menu #team ul {
    border-right: none !important;
    }
    .white-menu #quiz {
    max-width: 690px !important;
    margin-top: 20px !important;
    margin: 30px auto !important;
    clear: both !important;
    width: 100% !important;
    }
    .white-menu #quiz ul {
    float: none !important;
    max-width:370px !important;
    }
    .white-menu #quiz h4 {
    text-align: center !important;
    float: none !important;
    clear: both !important;
    }
  .white-menu .mash-menu-inner-container .center-buttons-products a {
    max-width: 100% !important;
  }
  .white-menu .mash-menu-inner-container .center-buttons-products a:nth-child(3) {
    max-width: 100% !important;
}
}
@media (min-width: 50px) and (max-width: 930px) { 
    .header-buttons a {
        display: block !important;
        width: 460px !important;
        margin: 0 auto !important;
    }
}
@media (min-width: 50px) and (max-width: 900px) { 
    .engage {
        font-size: 50pt !important;
    }
    .world {
        font-size: 82pt !important;
    }
    .and {
        top: -14px !important;
    }
     .mega-menu {
        display: none !important;
    }
  .mobile-trigger {
        top: -60px !important;
        border-radius: 0 !important;
    }
    .white-menu .mobile-trigger {
        top: -50px !important;
    }
  .mobile-menu {
    display: block !important;
  }
  .custom-menu-primary.js-enabled .hs-menu-wrapper {
    top: -68px !important;
}
}
@media (min-width: 50px) and (max-width: 768px) { 
    
    .body-container-wrapper {
        top: -260px !important;
    }
    #hs_menu_wrapper_module_14786165198182710 {
        position: relative;
        top: -50px;
    }
    .white-menu #hs_menu_wrapper_module_14786165198182710 {
        top: -68px !important;
        position: relative;
    }
    body.salsa-home-2017 .hero-text h1 {
        margin: 160px 0 0 !important;
    }
    #global-menu-header .mash-menu section.mash-menu-inner-container {
        height: auto !important;
    }
    .homepage-menu #global-menu-header {
    height: auto;
    }
#global-menu-header .mash-menu .drop-down-large {
    top: 10px !important;
}
.homepage-menu #global-menu-header .mash-menu-inner-container ul li a {
    padding: 0px 15px !important;
}
.homepage-menu #global-menu-header .mash-menu-inner-container ul li a:hover {
    background: none !important;
}
.homepage-menu #global-menu-header .mash-menu section.mash-menu-inner-container {
    top: -15px;
}
.white-menu .mash-menu-inner-container .center-buttons-products a {
    padding: 0 20px 25px 20px !important;
}
.white-menu {
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
}
@media (min-width: 50px) and (max-width: 767px) { 
    .header-top-links {
        display: none !important;
    }
}
@media (min-width: 50px) and (max-width: 700px) { 
    .engage {
        font-size: 70pt !important;
        display: block;
    }
    .world {
        font-size: 82pt !important;
        margin-top: 20px !important;
        line-height: 82pt;
    }
    .and {
        top: 10px !important;
        font-size: 40pt !important;
    }
}
@media (min-width: 50px) and (max-width: 560px) { 
    .header-buttons a {
        width: 400px !important;
    }
    #HeaderCTA-button-1, #HeaderCTA-button-2, #HeaderCTA-button-3,
    #HeaderCTA-button-4 {
        padding: 10px !important;
    }
    #HeaderCTAButton-1, #HeaderCTAButton-2, #HeaderCTAButton-3,
    #HeaderCTAButton-4 {
        min-width: 300px !important;
    }
    .header-buttons a {
        width: 370px !important;
    }
}
@media (min-width: 50px) and (max-width: 450px) { 
    .engage {
        font-size: 45pt !important;
    }
    .and {
        top: 2px !important;
    }
    body.salsa-home-2017 .hero-text h1 {
        line-height: 40pt !important;
    }
    .world {
    font-size: 52pt !important;
    line-height: 48pt;
    margin-top: 10px !important;
    }
}
@media (min-width: 50px) and (max-width: 375px) { 
    #HeaderCTAButton-1, #HeaderCTAButton-2, #HeaderCTAButton-3,
    #HeaderCTAButton-4 {
        min-width: 77% !important;
        padding: 0 20px !important;
        width: 210px !important;
    }
    .header-buttons a {
        max-width: 280px !important;
    }
    #HeaderCTA-image {
        display: none !important;
    }
    #HeaderCTA-image img {
    position: relative !important;
    top: 10px !important;
    width: 60px !important;
    }
    #HeaderCTA-title {
        font-size: 14pt !important;
    }
}



/*---- Sticky Menu -------------------------------------------------------

#sticky-salsa-menu {
    display: none;
}
.sticky-menu {
    padding: 20px 20px 10px;
}
.sticky-menu .centered, .sticky-menu .centered .cell-wrapper, .sticky-menu .centered .cell-wrapper #hs_cos_wrapper_module_14782690731545613,
.sticky-menu .centered .cell-wrapper #hs_menu_wrapper_module_14782690731545613, .sticky-menu .centered .cell-wrapper ul, #sticky-salsa-menu ul {
    margin: 0 auto;
    max-width: 100% !important;
    width: 100% !important;
}
body.salsa-home-2017 .header-wrapper .row-number-5,
body.salsa-pricing-page .header-wrapper .row-number-5,
#home-menu-header .header-wrapper .row-number-5 {
    display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-top: 20px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
    margin-right: 0 !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    max-width: 100% !important;
    font-family: "Open Sans" !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    color: gray !important;
    font-size: 11pt !important;
    text-transform: none !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {
    background: white none repeat scroll 0 0 !important;
    border-top: white !important;
    pointer-events: inherit !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(1) a {
    visibility: hidden !important;
}
#hs_menu_wrapper_module_14782690731545613 > ul li:last-child a {
    background: #ff9156 !important;
    color: #fff !important;
    font-size: 16px !important;
    border: 1px solid white !important;
    font-weight: 600 !important;
    font-family: "Open Sans" !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:first-child {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Logos/SalsaLogo.png") no-repeat center bottom !important;
    z-index: 34000;
    position: relative;
    background-size: 100% !important;
    background-position: 0 0 !important;
    width: 150px !important;
} 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(2) {
    padding-left: 13% !important;
}
.sticky-menu > ul li:last-child {
    padding-right: 0 !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child {
    float: right !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child a {
    float: right !important;
    background: #ff9156 !important;
    color: #fff !important;
    font-size: 16px !important;
    border: 1px solid white !important;
    font-weight: 500;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(2) a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(3) a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(4) a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(5) a {
    transition: all 0.3s ease-in-out 0.1ms;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(2) a:hover,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(3) a:hover,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(4) a:hover,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(5) a:hover {
    color: #0095ba !important;
}
.sticky-menu .main-navigation .hs-menu-flow-horizontal > ul > li:hover > a:before {
    display: none !important;
}
.main-navigation .hs-menu-flow-horizontal > ul > li:hover > a::before, .main-navigation .hs-menu-flow-horizontal > ul > li.active > a::before, .main-navigation .hs-menu-flow-horizontal > ul > li.active-branch > a::before {
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: visible;
}
#hs_menu_wrapper_module_14782690731545613 > ul > li:first-child > a::before, #hs_menu_wrapper_module_14782690731545613 > ul > li:first-child > a::before {
    visibility: hidden !important;
}
#hs_menu_wrapper_module_14782690731545613 > ul > li:first-child:hover > a:before,
#hs_menu_wrapper_module_14782690731545613 > ul > li:last-child:hover > a:before {
    display: none !important;
}
@media (min-width: 50px) and (max-width: 1550px) { 
    .sticky-menu > ul li:nth-child(2) {
    padding-left: 0px !important;
    }
    .sticky-menu > ul li:nth-child(2) {
    padding-left: 0px !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(2) {
    padding-left: 10px !important;
    }
}
@media (min-width: 50px) and (max-width: 1450px) { 
    #hs_menu_wrapper_module_14782690731545613 > ul li:nth-child(2) {
    padding-left: 20px !important;
    }
    #hs_menu_wrapper_module_14782690731545613 > ul li:nth-child(5) {
    padding-right: 0px !important;
    }
}
@media (min-width: 50px) and (max-width: 1350px) { 
    #hs_menu_wrapper_module_14782690731545613 > ul li:first-child {
    display: block !important;
    float: none;
    margin: 0 auto !important;
    }
    #hs_menu_wrapper_module_14782690731545613 > ul li:nth-child(2) {
    padding-left: 60px !important;
    }
    #hs_menu_wrapper_module_14782690731545613 .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child {
    float: none;
    margin: 0 auto;
    max-width: 552px;
    width: 100%;
    }
}
@media (min-width: 50px) and (max-width: 1280px) { 
    #hs_menu_wrapper_module_14782690731545613 > ul li:last-child {
    clear: both;
    float: none;
    margin: 0 auto;
    padding-right: 0 !important;
    text-align: center;
    width: 100%;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    padding: 10px !important;
    }
    
}
@media (min-width: 50px) and (max-width: 1180px) { 
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    font-size: 9pt !important;
    }
}
*/



/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */
.custom-menu-primary {
    display: none !important;
}
#hs_menu_wrapper_module_14786165198182710 ul li:first-child, #hs_menu_wrapper_module_148084334211444320 ul li:first-child {
    background: none !important;
    width: 100% !important;
}
#hs_menu_wrapper_module_14786165198182710 ul li:last-child, #hs_menu_wrapper_module_148084334211444320 ul li:last-child {
    background: none !important;
    width: 100% !important;
    display: block;
    clear: both;
    max-width: 100% !important;
    padding-right: 0px !important;
}
#hs_menu_wrapper_module_14786165198182710 ul li:last-child a, #hs_menu_wrapper_module_148084334211444320 ul li:last-child a {
    width: 100% !important;
}
#hs_menu_wrapper_module_14786165198182710  ul li a, #hs_menu_wrapper_module_148084334211444320 ul li a {
    background: white !important;
    font-family: "Open Sans" !important;
    font-weight: 500 !important;
    color: #0095ba !important;
    border: none !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 12pt !important;
    padding: 10px !important;
    width: 100% !important;
}
#hs_menu_wrapper_module_14786165198182710  ul li a:hover, #hs_menu_wrapper_module_148084334211444320 ul li a:hover {
    background: #3ea2dc !important;
    color: white !important;
}
#hs_menu_wrapper_module_14786165198182710  ul li:nth-child(1) a, #hs_menu_wrapper_module_148084334211444320 ul li:nth-child(1) a {
    visibility: visible !important;
}
#hs_menu_wrapper_module_14786165198182710 ul li:nth-child(2), #hs_menu_wrapper_module_148084334211444320 ul li:nth-child(2) {
    padding-left: 0px !important;
}
#hs_menu_wrapper_module_14786165198182710 ul li:nth-child(6) a {
    background: #3ea2dc !important;
    color: white !important;
}
#hs_menu_wrapper_module_14786165198182710 ul li:last-child a {
    background: #fda575 none repeat scroll 0 0 !important;
    color: white !important;
}
#hs_menu_wrapper_module_14786165198182710 {
    padding: 40px 30px !important;
    background: rgba(0,0,0,.5) !important;
}

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

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

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

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

/* Fix menu disappearing on desktop after toggling mobile menu */
/* @media screen and (min-width:768px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  } */

@media (min-width: 50px) and (max-width: 900px) { 
        .custom-menu-primary { 
          display: block !important;
      }
      .mobile-menu {
          display: block !important;
      }
      .mega-menu {
          display: none !important;
      }
      .homepage-menu #global-menu-header .mash-menu .drop-down-large {
    border-top: 0px solid #949496;
}
}
@media (min-width: 50px) and (max-width: 768px) { 
        .custom-menu-primary { 
          display: block !important;
      }
      .mobile-menu {
          display: block !important;
      }
      .mega-menu {
          display: none !important;
      }
      .homepage-menu #global-menu-header .mash-menu .drop-down-large {
    border-top: 0px solid #949496;
}
}
@media (min-width: 50px) and (max-width: 767px) { 
        .custom-menu-primary { 
          display: block !important;
      }
      .mobile-menu {
          display: block !important;
      }
}




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


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

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

@media (max-width: 768px) {
    .mobile-trigger, .child-trigger {
    display: block !important;
}
}


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

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

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

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


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

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

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


  /* Toggle Button Icon
     ========================================================================== */
    .mobile-trigger {
    padding-bottom: 14px;
  }
  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -3px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #0095ba; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #ffffff; /* Icon color */
  }


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

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

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

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 69px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }

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

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

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

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

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

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

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





/*---- Top Feature -------------------------------------------------------*/


body.salsa-home-2017 .hero-text h1 {
    font-family: "Open Sans";
    font-size: 24pt;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 56pt;
    margin: 60px 0 0;
    padding: 40px 0 0;
}
.engage {
    color: #ff9156;
    font-size: 59pt;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-left: -7px;
}
.world {
    color: #ffffff;
    font-size: 96pt;
    font-weight: bold;
    display: block;
    margin-bottom: 70px;
    margin-top: 20px;
}
body.salsa-home-2017 .hero-text p {
    font-weight: 400;
    line-height: 22pt;
}
body.salsa-home-2017 .hero-text .and {
    position: relative;
    top: -20px;
    margin: 0 15px;
    color: #ffffff;
    font-size: 24pt;
    font-weight: 300;
    text-transform: uppercase;
}
body.salsa-home-2017 .hero-text a {
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.3s ease-in-out 0.1ms;
}
body.salsa-home-2017 .hero-text a:hover {
    border-bottom: 1px solid #0ecfff;
}
body.salsa-home-2017 .hero-wrapper h1::after {
    height: 0px !important;
}
body.salsa-home-2017 .body-container-wrapper .hero-wrapper {
    margin-top: -150px !important;
}
body.salsa-pricing-page .body-container-wrapper .hero-wrapper {
    margin-top: -230px !important;
}
.header-buttons {
    max-width: 900px !important;
    width: 100 !important;
    margin: 30px auto 0 !important;
    float: none !important;
}
#HeaderCTAButton-1, #HeaderCTAButton-2, #HeaderCTAButton-3, #HeaderCTAButton-4 {
    background-color: rgba(59,163,223,0.85);
    display: block;
    float: left;
    min-width: 358px;
    min-height: 80px;
    padding: 0 20px;
    margin-bottom: 40px;
    transition: all 0.3s ease-in-out 0.1ms;
}
#HeaderCTAButton-1:hover, #HeaderCTAButton-2:hover {
    background: rgba(59,163,223,0.65) !important;
}
#HeaderCTA-image {
    float: left;
    display: inline-block;
    margin-right: 15px;
}
#HeaderCTA-title {
    font-family: "Open Sans";
    font-weight: 300;
    color: white;
    display: inline-block;
    position: relative;
    top: 10px;
    float: left;
    text-align: left;
    line-height: 20pt;
}
#HeaderCTA-button-1, #HeaderCTA-button-2, #HeaderCTA-button-3, #HeaderCTA-button-4 {
    background-color: rgba(255, 145, 86, 0.65);
    color: white;
    display: inline-block;
    float: left;
    font-family: "Open Sans";
    font-size: 28pt;
    font-weight: 300;
    height: 80px;
    padding: 10px 30px;
    margin-right: 20px;
}
#HeaderCTA-button-2, #HeaderCTA-button-4 {
    margin-right: 0px;
}
@media (min-width: 50px) and (max-width: 900px) { 
    body.salsa-home-2017 .hero-text h1 {
    margin-top: 180px !important;
    }
}
@media (min-width: 50px) and (max-width: 768px) { 
    body.salsa-home-2017 .hero-text h1 {
    padding: 0 !important;
    margin-top: 140px !important;
    }
    .salsa-logo-white {
    margin-left: 20px !important;
    }
}

/*----- Salsa Stack Graphic -----------------------------------------*/
#stack-front-box {
-webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.3);
box-shadow:        0px 3px 8px 0px rgba(50, 50, 50, 0.3);
}
#stack-front-box h3 {
    font-size: 12pt !important;
    line-height: 16pt !important;
    font-weight: 400 !important;
    color: white;
    letter-spacing: 1px !important;
    margin-bottom: 5px;
    padding: 10px 0;
}
#stack-front-box ul {
    padding-left: 0;
}
#stack-front-box ul li {
    letter-spacing: 1px;
    padding-left: 0;
    font-size: 10pt;
    margin-bottom: 0px;
    list-style: none;
}
#stack-front-box ul li:before {
    display: none;
}
.engage-stack-block {
    width: 23%;
}
#stack-front-box .need-crm h3 {
    font-size: 20pt !important;
    line-height: 20pt !important;
    font-weight: 300 !important;
    color: white;
    letter-spacing: 1px !important;
    margin-bottom: 0 !important;
    max-width: 330px;
    max-width: 600px !important;
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 20px;
}
.need-crm .accordion-section-title {
    border: 1px solid white;
    max-width: 240px;
    min-width: 240px;
    padding: 4px 20px;
    background: white;
    color: #ff9156 !important;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    transition: all 0.3s ease-in-out 0.1ms;
    margin: 0 !important;
    border: 1px solid #ff9156 !important;
}
.need-crm .accordion-section-title:hover {
    background: #ff9156 !important;
    color: white !important;
    cursor: pointer;
}
.need-crm .accordion-section-title::after {
    content: "\f067";
    color: #ff9156;
    font-family: FontAwesome;
    font-size: 10pt;
    margin-left: 15px;
    font-weight: 300;
    transition: all 0.3s ease-in-out 0.1ms;
}
.need-crm .accordion-section-title:hover::after {
    color: white;
}
.need-crm .accordion-section-content {
    padding: 0px 20px 40px !important;
}
#stack-front-box #accordion-1 {
    background-color: white;
}
.accordion #stack-front-box {
    padding: 20px 0 !important;
}


/*----About Us-------------------------------------------------------*/

#about-us {
    /*background: url("//www.salsalabs.com/hubfs/Tabbed_Landing_Page/PolyBackground.jpg") no-repeat 0 0 !important;*/
    /* background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Hero%20Images/Homepage-AboutUs.jpg") no-repeat 0 0 !important; */
    background: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Homepage/Backgrounds/RepeatPolys3.jpg") no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center;
}
#about-us h1 {
    background: rgba(241, 118, 28, 0.65);
    font-size: 30pt;
    color: white;
    font-weight: 400;
    display: inline-block;
    padding: 10px 20px;
}
#about-us .centered-smaller, .container-fluid .row-fluid .centered-smaller {
    max-width: 1200px;
}
#about-us p {
    color: #555 !important;
    font-weight: 400;
}
#about-us .section-intro {
    margin-bottom: 0 !important;
    padding-top: 60px;
}
#about-us .section-intro::after {
    background: none !important;
}
@media (min-width: 50px) and (max-width: 500px) { 
    #about-us h1 {
    font-size: 24pt;
    }
    #about-us .section-intro {
    padding-top: 20px;
    }
}

/*----Info Graphic-------------------------------------------------------*/

#homepage-infographic-section {
    padding-bottom: 100px;
background: rgb(40,129,198) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgba(40,129,198,1) 1%, rgba(23,94,149,1) 60%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(40,129,198,1) 1%,rgba(23,94,149,1) 60%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(40,129,198,1) 1%,rgba(23,94,149,1) 60%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2881c6', endColorstr='#175e95',GradientType=0 ) !important; /* IE6-9 */
}
#infographic-group {

}
.infographic-header {
    text-align: center;
    font-family: "Open Sans";
    font-size: 32pt;
    color: white;
    font-weight: 400;
    margin-bottom: 60px;
    line-height: 34pt;
}
.old-way {
    float: left !important;
    max-width: 560px;
    padding: 0 20px;
    width: 100% !important;
}
.salsa-way {
    max-width: 560px;
    padding: 0 20px;
    width: 100% !important;
}
.old-way h2, .salsa-way h2 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 24pt !important;
    color: white;
    font-weight: 700 !important;
    margin-bottom: 10px;
}
.old-way h3, .salsa-way h3 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 18pt !important;
    color: white;
    font-weight: 300;
    padding-bottom: 20px;
    border-bottom: 1px solid #31a0d6 !important;
    line-height: 22pt !important;
}
#homepage-infographic-section .next-section-arrow {
    border: 2px solid white !important;
    color: white !important;
    top: 20px !important;
}
#homepage-infographic-section .next-section-arrow:hover {
    background-color: #0cbeea !important;
}
@media (min-width: 50px) and (max-width: 1200px) { 
    .old-way {
    float: none !important;
    max-width: 100%;
    text-align: center;
    }
    .salsa-way {
    max-width: 100%;
    text-align: center;
    }
}


/*---- Boost / Deepen/ Accelerate -------------------------------------------------------*/

#boost-deepen-accelerate {
    /* background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/boost-deepen-accelerate-background.jpg") no-repeat 0 0 !important; */
    background-size: cover !important;
    padding-bottom: 100px;
}
.boost-deepen-accelerate-header {
    text-align: center;
    font-family: "Open Sans";
    font-size: 32pt;
    color: #ff9156;
    font-weight: 400;
    margin-bottom: 60px;
    line-height: 34pt;
}
.boost-deepen-accelerate-image {
    margin-bottom: 30px;
}
.boost, .deepen, .accelerate {
}
.boost h2, .deepen h2, .accelerate h2 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 24pt !important;
    color: #666666;
    font-weight: 300 !important;
    margin-bottom: 20px;
    line-height: 28pt !important;
}
.boost p, .deepen p, .accelerate p {
    text-align: center;
    font-family: "Open Sans";
    font-size: 16pt;
    color: #666666;
    font-weight: 300;
    padding-bottom: 20px;
    line-height: 22pt;
}
#boost-deepen-accelerate .next-section-arrow {
    top: 20px !important;
}

/*---- Testimonials -------------------------------------------------------*/

body.salsa-home-2017 .hero-wrapper-2, body.salsa-pricing-page .hero-wrapper-2, #testimonials {
    background-attachment: fixed;
    background-color: #009cc4;
    /* background-image: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/testimonial-background.jpg") !important; */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 242px !important;
    max-height: 350px;
    background-position: center center;
}
.testimonial-slides {
    position: relative;
    top: -20px;
}
body.salsa-home-2017 .hs_cos_flex-slides, body.salsa-pricing-page .hs_cos_flex-slides, .#testimonials .hs_cos_flex-slides {
    font-size: 16pt;
    line-height: 24pt;
}
.quote {
    text-align: right !important;
    font-style: italic;
    font-weight: 300 !important;
    font-size: 16pt;
    line-height: 18pt !important;
}
#testimonials .hs_cos_flex-slider, body.salsa-home-2017 .hs_cos_flex-slider, body.salsa-pricing-page .hs_cos_flex-slider {
    background: transparent !important;
    padding: 20px;
}
#testimonials .hs_cos_flex-slider .hs_cos_flex-slides img, body.salsa-home-2017 .hs_cos_flex-slider .hs_cos_flex-slides img,
body.salsa-pricing-page .hs_cos_flex-slider .hs_cos_flex-slides img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 3px solid white;
    display: inline-block;
    float: left;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    margin: 20px 20px 20px 60px;
}
#testimonials .hs_cos_flex-slider .caption, body.salsa-home-2017 .hs_cos_flex-slider .caption,
body.salsa-pricing-page .hs_cos_flex-slider .caption {
    background-color: transparent !important;
    padding: 0 5% 0 250px;
    top: 50px;
}
#testimonials .hs_cos_flex-slider .caption p, body.salsa-home-2017 .hs_cos_flex-slider .caption p,
body.salsa-pricing-page .hs_cos_flex-slider .caption p {
    font-size: 20pt;
    line-height: 24pt;
    text-align: left;
    font-weight: 500 !important;
    margin-bottom: 0;
}
.hs_cos_flex-control-nav li {
    display: none !important;
} 
#testimonials .hs_cos_flex-slider .hs_cos_flex-direction-nav li a, body.salsa-home-2017 .hs_cos_flex-slider .hs_cos_flex-direction-nav li a,
body.salsa-pricing-page .hs_cos_flex-slider .hs_cos_flex-direction-nav li a {
    background: transparent !important;
    border-top: 0px !important;
    height: 40px;
    width: 40px;
}
#testimonials .hs_cos_flex-slider .hs_cos_flex-direction-nav li a::before, body.salsa-home-2017 .hs_cos_flex-slider .hs_cos_flex-direction-nav li a::before,
body.salsa-pricing-page .hs_cos_flex-slider .hs_cos_flex-direction-nav li a::before {
    font-size: 65pt !important;
}
#testimonials .hs_cos_flex-viewport, body.salsa-home-2017 .hs_cos_flex-viewport, body.salsa-pricing-page .hs_cos_flex-viewport { 
    overflow: visible !important;
}



@media (min-width: 50px) and (max-width: 1000px) { 
#testimonials {
    max-height: 500px;
}
#testimonials .hs_cos_flex-slider .hs_cos_flex-slides img, body.salsa-home-2017 .hs_cos_flex-slider .hs_cos_flex-slides img,
body.salsa-pricing-page .hs_cos_flex-slider .hs_cos_flex-slides img {
    display: block;
    float: none;
    margin: 0 auto;
}
#testimonials .hs_cos_flex-slider .caption, body.salsa-home-2017 .hs_cos_flex-slider .caption,
body.salsa-pricing-page .hs_cos_flex-slider .caption {
    padding: 0 40px;
    top: 180px;
}
body.salsa-home-2017 .hero-wrapper-2, body.salsa-pricing-page .hero-wrapper-2, #testimonials .hero-wrapper-2 {
    padding: 70px 0 0 !important;
    max-height: 100% !important;
}
body.salsa-home-2017 .hs_cos_flex-slider, body.salsa-pricing-page .hs_cos_flex-slider, body.salsa-product-overview .hs_cos_flex-slider,
#testimonials .hs_cos_flex-slider {
    margin: 0 0 300px;
}
}
@media (min-width: 50px) and (max-width: 500px) { 
body.salsa-home-2017 .hs_cos_flex-slider, body.salsa-pricing-page .hs_cos_flex-slider, body.salsa-product-overview .hs_cos_flex-slider,
#testimonials .hs_cos_flex-slider {
    margin: 0 0 450px;
}
#testimonials {
    max-height: 730px;
}
#testimonials .hs_cos_flex-slider .caption p,
.quote {
    text-align: center !important;
}
}


/*---- Clients -------------------------------------------------------*/

#clients {
    padding: 100px 0;
}
#clients .client-logo {
    width: 100% !important;
    max-width: 150px !important;
    padding: 0px !important;
    margin: 0 5px !important;
}
#clients h1, #clients h2 {
    font-size: 32pt !important;
    line-height: 36pt !important;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center !important;
    font-weight: 400 !important;
    color: #868686;
}
@media (min-width: 50px) and (max-width: 1260px) { 
.client-logos {
    float: none !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
}
}
@media (min-width: 50px) and (max-width: 1120px) { 
.client-logos {
    max-width: 600px !important;
}
  #clients .centered {
    max-width: 590px !important;
}
}
@media (min-width: 50px) and (max-width: 767px) { 
.smart-clients .smart-client-logo {
    max-width: 180px !important;
    float: left;
}
#clients .centered {
    max-width: 590px !important;
}
}
@media (min-width: 50px) and (max-width: 620px) { 
#clients .centered {
    max-width: 400px !important;
}
#clients h2 {
    font-size: 28pt !important;
    line-height: 34pt !important;
}
}


/*---- Case Studies -------------------------------------------------------*/

#case-studies {
    padding: 80px 0 !important;
}
#case-studies {
    background-color: #f8f8f8;
}

.case-study-title h2 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 32pt !important;
    color: #009cc3;
    font-weight: 400 !important;
    margin-bottom: 60px;
    line-height: 36pt !important;
}
.card-header h4 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 16pt !important;
    font-weight: 300 !important;
    border-bottom: none;
    line-height: 20pt !important;
    padding: 10px;
    min-height: 70px;
}
.card-link {
    text-align: center;
    min-height: 70px !important;
}
.card-link a {
    border: 2px solid #ff9156;
    color: #ff9156 !important;
    font-family: "Open Sans";
    font-size: 10pt;
    font-weight: 300;
    margin-top: 20px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    transition: all 0.3s ease-in-out 0.1ms;
    background-color: transparent;
}
.card-link a:hover {
    background-color: #ff9156 !important;
    color: white !important;
}
body.case-study-list-page .card-box img {
    max-height: 190px;
}
@media (min-width: 50px) and (max-width: 600px) {
#the-bottom-line-buttons {
    max-width: 270px !important;
}
.default-button-6 {
    margin-right: 0 !important;
    margin-bottom: 20px;
}
}


/*---- Bottom CTA -------------------------------------------------------*/

#bottom-cta {
    background-color: #fcfcfc;
    background-image: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/bottom-cta-background.jpg") !important;
    background-repeat: no-repeat;
    min-height: 360px;
    background-attachment: local;
    background-position: center center;
}
#bottom-cta .centered-small {
    max-width: 1200px !important;
}
#bottom-cta h2 {
    font-family: "Open Sans";
    font-size: 26pt !important;
    font-weight: 400 !important;
    line-height: 34pt !important;
}
#bottom-cta-text {
    float: left;
    margin: 20px;
    max-width: 720px;
}
#bottom-cta-button {
    margin: 40px 20px 20px;
}
body.feature #bottom-cta-button, body.salsa-product-details #bottom-cta-button {
    display: inline-block;
    margin: 50px auto 0 !important;
    float: right;
}
.stat-cta #bottom-cta-button {
    margin: 50px 0 !important;
    max-width: 290px; 
    float: right;
}
@media (min-width: 50px) and (max-width: 1260px) { 
body.feature #bottom-cta-button, body.salsa-product-details #bottom-cta-button, .stat-cta #bottom-cta-button {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
}
}
@media (min-width: 50px) and (max-width: 1100px) { 
#bottom-cta-text {
    float: none;
    margin: 0 auto;
    max-width: 720px;
    text-align: center;
}
}


/*---- Footer -------------------------------------------------------*/

/*.footer-container-wrapper {
    position: relative !important;
    top: -147px !important;
}*/
#footer-wrapper {
    background-color: #e9e9e9 !important; /*4A4A4A */.product-page-video-header .hero-video
    background: #e9e9e9 !important;
    padding: 20px;
}
#footer-wrapper .footer-main {
    background-color: transparent !important;
    background-image: none !important;
}
#footer-wrapper .footer-main ul {
    list-style: none !important;
    padding-left: 0 !important;
}

#footer-wrapper .footer-main li::before, #footer-bottom-links li::before {
    content: none !important;
}
#footer-wrapper .footer-main li {
    font-size: 12pt;
    font-weight: 600;
    color: gray;
    letter-spacing: 1px;
    line-height: 1.6;
}
#footer-bottom-links li {
    line-height: 1.6;
}
#footer-wrapper .footer-main li:first-child {
    margin-bottom: 10px;
}
#footer-wrapper .footer-main li a {
    color: gray !important; /*white*/
    font-size: 11pt;
    font-weight: 300;
    letter-spacing: 1px;
}
#footer-wrapper .footer-main li a:hover {
    color: gray !important;  /*white*/
}
#footer-wrapper .footer-main li a:after {
  border-bottom: none !important;
  transform: none !important;
}
#footer-wrapper .footer-main li a:hover:after {
  transform: none !important;
}
#footer-wrapper .footer-main li a:after {
  left: 0%;
  top: 0%;
  content: '';
  transition: all 0.3s linear;
  width: 100%;
  border-bottom: 1px solid gray;
  transform: scaleX(0);
}
#footer-wrapper .footer-main li a:hover:after {
  transform: scale(1);
}
#footer-wrapper .footer-main .centered {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #828282 !important;
    padding: 20px 0 40px;
}
#footer-wrapper .footer-column {
    width: 100%;
    max-width: 280px !important;
    margin: 0 10px !important;
    text-align: center;
}
#footer-wrapper .footer-column .default-button {
    text-transform: none !important;
    font-weight: 400 !important;
}
#footer-wrapper .footer-column .default-button::after {
    content: "\f105" !important;
    color: white !important;
    font-family: FontAwesome !important;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
#footer-wrapper .footer-column .request-pricing-header-list {
    font-weight: 400 !important;
}

#footer-wrapper .salsa-info {
    text-align: left;
    max-width: 25%;
    width: 100%;
    margin-left: 0;
}
#footer-wrapper .global-footer-subscribe {
    text-align: center !important;
    max-width: 25%;
    width: 100%;
    margin-left: 0;
}
#footer-wrapper .global-footer-subscribe h3 {
    font-size: 14pt !important;
    font-weight: 300 !important;
    line-height: 18pt !important;
    margin-bottom: 10px;
    color: gray !important;
}
#footer-wrapper .global-footer-subscribe label {
    float: left;
    margin: 13px 10px 0 0;
    color: gray;
}
#footer-wrapper .global-footer-subscribe .hs-form .hs-input {
    max-width: 230px !important;
    width: 100% !important;
    background: lightgray !important;
    color: white !important;
    margin-bottom: 0px !important;
}
#footer-wrapper .global-footer-subscribe ul li a {
    color: black !important;
  font-size: 8.5pt;
}
#footer-wrapper .global-footer-subscribe .hs-button.primary {
    padding: 5px 14px !important;
    border: 1px solid gray !important;
    border-radius: 0 !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    margin: 0 auto 0 !important;
    max-width: 500px !important;
    background-color: transparent !important;
    font-weight: 300 !important;
    font-size: 10pt !important;
    line-height: 14pt !important;
    letter-spacing: .1em !important;
    transition: all 0.3s ease-in-out 0.1ms !important;
    color: gray !important;
  height: auto !important;
}
#footer-wrapper .global-footer-subscribe .hs-button.primary:hover {
    background-color: #ff9156 !important;
    border: 1px solid #ff9156 !important;
    color: white !important;
}
#social-links-container {
    padding-bottom: 10px;
    position: relative;
    display: block;
}
#footer-wrapper .social-links {
    text-align: right;
    max-width: 15%;
    width: 100%;
    margin-left: 0;
    float: right;
}
#footer-wrapper .social-links img {
    margin: 0 5px;
    width: 25px;
    height: 25px;
}
#footer-wrapper .social-links li a, #footer-wrapper .contact-info a {
    color: gray !important;
    font-size: 9pt;
    line-height: 9pt;
}
#footer-wrapper .social-links li a:hover, #footer-wrapper .contact-info a:hover {
    color: gray !important
}
#footer-wrapper .contact-info {
    float: right;
    margin-left: 0;
    max-width: 170px;
    text-align: right;
    width: 100%;
}
#footer-wrapper .default-button {
    font-size: 10pt !important;
    padding: 5px 10px !important;
    color: white !important;
    border: transparent !important;
    margin: 10px 0 !important;
}
#footer-wrapper .default-button::after {
    content: "\f105" !important;
    color: white !important;
    font-family: FontAwesome !important;
    font-size: 12pt;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.1ms;
}
#footer-wrapper .default-button:hover::after {
    color: white;
}
@media (min-width: 50px) and (max-width: 1260px) { 
    #footer-wrapper .footer-column {
    margin: 0 10px !important;
    max-width: 220px !important;
    }
     #footer-wrapper .footer-main .centered {
        max-width: 1000px !important;
    }
    #footer-wrapper .badge {
    max-width: 270px !important;
    margin: 0 0 0 20px !important;
    width: 270px;
    }
    #footer-wrapper .social-links {
    max-width: 13% !important;
    }
}
@media (min-width: 50px) and (max-width: 1000px) { 
    #footer-wrapper .footer-main .centered {
        max-width: 700px !important;
        margin-bottom: 20px;
    }
    #footer-wrapper .footer-column:nth-child(3) {
        clear: left;
        margin: 50px 10px !important;
    }
    #footer-wrapper .footer-column:nth-child(4) {
        margin: 50px 10px !important;
    }
    #footer-wrapper .footer-column {
        max-width: 330px !important;
        float: left !important;
    }
}
@media (min-width: 50px) and (max-width: 900px) { 
    #footer-wrapper .salsa-info {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    }
    #footer-wrapper .global-footer-subscribe {
    margin: 20px auto;
    max-width: 100%;
    width: 100%;
    }
    #footer-wrapper .global-footer-subscribe label {
    float: none;
    margin: 0 auto;
    }
    #footer-wrapper .global-footer-subscribe .hs-form .hs-input {
    margin: 0 auto;
    max-width: 280px !important;
    width: 100% !important;
    float: none !important;
    }
    #footer-wrapper .global-footer-subscribe .hs-button.primary {
        margin: 0 auto !important;
    }
    #footer-wrapper .social-links {
    float: none;
    margin: 60px auto 20px;
    max-width: 100% !important;
    text-align: center;
    }
    #footer-wrapper .badge {
    max-width: 100% !important;
    margin: 60px auto 0 !important;
    float: none;
    }
}
@media (min-width: 50px) and (max-width: 760px) { 
    #footer-wrapper .footer-main .centered {
        max-width: 500px !important;
    }
    #footer-wrapper .footer-column {
        max-width: 220px !important;
    }
}
@media (min-width: 50px) and (max-width: 650px) { 
    #footer-wrapper .footer-column {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 10px 50px !important;
    }
}
@media (min-width: 50px) and (max-width: 500px) { 
    #footer-wrapper .social-links li {
    display: block !important;
    float: none;
    }
    #footer-wrapper .social-links {
        max-width: 210px !important;
    }
    #footer-wrapper .footer-column, #footer-wrapper .footer-column:nth-child(3), #footer-wrapper .footer-column:nth-child(4) {
    margin: 50px 0px !important;
    }
}

/*******************************************************************/
/*    Pricing Pages                                                */
/*******************************************************************/


/*---- Pricing Page 2 -------------------------------------------------------*/

#pricing {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Pricing%20Page/PricingPolygons.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    padding: 100px 0 0;
}
#crm-pricing-block, #engage-pricing {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Pricing%20Page/PricingPolygons.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
body.salsa-pricing-page-3 .hero-wrapper h1::after {
    background: none;
}
body.salsa-pricing-page .hero-wrapper {
    min-height: 540px !important;
}
body.salsa-pricing-page .hero-wrapper::after {
    background: none !important;
}
.pricing-title {
    position: relative;
    text-align: center;
    top: -250px;
}
body.salsa-pricing-page-3 .pricing-title {
    top: 250px;
}
.pricing-title h1 {
    color: white;
    font-size: 36pt;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 40pt;
    font-family: "Open Sans";
}
.tabber-wrap ul, .pricing-anchors {
    text-align: center;
    background: transparent;
    position: relative;
    top: -260px;
    margin: 0 auto !important;
    width: 100%;
    max-width: 720px !important;
    padding: 0;
    float: none !important;
}
.tabber-wrap ul li {
    list-style: none !important;
}
.tabber-wrap ul li a, .pricing-anchors a {
    border-left: 4px solid white;
    border-right: 4px solid white;
    border-top: 4px solid white;
    display: inline-block;
    max-width: 360px;
    padding: 10px 20px;
    width: 100%;
    float: left;
    color: white !important;
    font-family: "Open Sans";
    font-size: 16pt;
    line-height: 18pt;
    font-weight: 600;
    background-color: transparent;
    transition: all 0.3s ease-in-out 0.1ms;
}
.tabber-wrap ul li:first-child a, .pricing-anchors a:first-child {
    border-right: 3px solid white !important;
}
.tabber-wrap ul li:last-child a, .pricing-anchors a:last-child {
    border-left: 3px solid white !important;
}
.tabber-wrap ul li a:hover, .tabber-wrap ul li.active a, .pricing-anchors a:hover, .pricing-anchors a.active {
    background-color: white;
    color: #fda575 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
.tabber-wrap ul li .subtitle, .pricing-anchors .subtitle {
    font-size: 12pt;
    font-weight: 400;
}
body.salsa-pricing-page .tabber-content {
    border: 24px solid #eaeaea;
    padding: 40px 40px;
    background-color: white;
    top: -190px;
    position: relative;
    min-height: 580px !important;
}
body.salsa-pricing-page-2 .tabber-content {
    min-height: 920px !important;
    border: none !important;
    background-color: transparent !important;
}
body.salsa-pricing-page .tabber-content h1 {
    text-align: center;
    color: #0095ba;
    font-weight: 500;
    letter-spacing: .01em;
    clear: both;
}
body.salsa-pricing-page .tabber-content h2,
body.salsa-product-overview #what-you-get .text h3 {
    text-align: center;
    color: #0095ba;
    font-weight: 500;
    letter-spacing: .01em;
    clear: both;
    padding-top: 30px !important;
}
#BlueBox {
    display: block;
    background-color: #e3f9ff;
    border-radius: 10px;
    width: 300px;
    height: 350px;
    float: left;
    text-align: center;
    padding: 30px;
}
body.salsa-product-overview #BlueBox {
    height: auto;
}
#BlueBoxAddOn {
    max-width: 490px;
    width: 100%;
    display: block;
    background-color: #e3f9ff;
    border-radius: 10px;
    height: auto;
    float: left;
    text-align: center;
    padding: 30px;
}
#BlueBox ul, #BlueBoxAddOn ul {
    padding-left: 0 !important;
}
#BlueBox ul li, #BlueBoxAddOn ul li {
    padding-left: 0 !important;
}
#BlueBox ul li::before, #BlueBoxAddOn ul li::before {
    content: none !important;
}
#BlueBoxFull {
    width: 100%;
    display: block;
    background-color: #e3f9ff;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
}
#BlueBoxFull .boxtitle {
    font-size: 24pt;
    line-height: 26pt;
}
#BlueBoxFullMarketing {
    display: block;
    background-color: #e3f9ff;
    border-radius: 10px;
    width: 100%;
    height: 350px;
    text-align: center;
    padding: 30px;
}
#BlueBoxFullMarketing .boxtitle {
    font-size: 18pt;
    line-height: 20pt;
}
#tab-1 #BlueBox {
    width: 300px;
    margin-bottom: 40px;
}
#engage-pricing-block {
    background: radial-gradient(#64c3f2 25%, #1d6296) !important;
    padding: 40px;
    margin-top: -200px;
}
/* Pricing Page 4 */
#new-blue-box {
    background: rgba(0, 62, 81, 0.25);
    padding: 20px 20px 0;
    text-align: center;
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/white-engage.png");
    background-position: right top;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    border: 1px solid white;
}
#new-blue-box-2 {
    background: rgba(0, 62, 81, 0.25);
    padding: 20px 20px 0;
    text-align: center;
    background-image: url("https://www.salsalabs.com/hubfs/Salsa%20Website%202017/Images/orange-crm.png");
    background-position: right top;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    width: 100%;
    max-width: 200px;
    border: 5px solid #ff9156;
    min-height: 600px;
}
#new-blue-box-3 {
    background: rgba(0, 62, 81, 0.25);
    padding: 20px 20px 0;
    text-align: center;
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/white-engage.png");
    background-position: right top;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    width: 100%;
    max-width: 200px;
    border: 1px solid white;
    min-height: 600px;
}
#new-blue-box h3, #new-blue-box-2 h3, #new-blue-box-3 h3  {
    font-size: 14pt !important;
    font-weight: 400 !important;
    line-height: 18pt !important;
}
.pricing-block-2 #new-blue-box {
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/white-engage.png") !important;
}

#new-blue-box ul li::before, #new-blue-box-2 ul li::before, #new-blue-box-3 ul li::before {
    content: "\f00c" !important;
    color: #2dcbff;
}
#new-blue-box ul li, #new-blue-box-2 ul li, #new-blue-box-3 ul li {
    padding-left: 25px;
    text-align: left;
    color: white;
    font-size: 11pt;
    line-height: 12pt;
    margin-bottom: 10px;
}


body.salsa-pricing-2017 .tabber-wrap ul li a, body.salsa-pricing-2017 .pricing-anchors a {
    background: rgba(0, 62, 81, 0.5);
}

.fixed-pricing-tabs {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    padding: 0 0 0 30% !important;
    background-color: white !important;
    left: 0;
    border-bottom: 2px solid #ff9156;
    transition: position 0.3s ease-in-out 0.1ms;
}
.fixed-pricing-tabs a {
    color: #fda575 !important;
    transition: color 0.3s ease-in-out 0.1ms;
    background: rgba(0, 62, 81, 0) !important;
}
.fixed-pricing-tabs a:hover {
    color: #0095ba !important;
}


/* Pricing Page Version B */


body.pricing-version-b .hero-wrapper {
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/Default-Background-No-Mask.jpg") !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
body.pricing-version-b #crm-pricing-block, #engage-pricing {
    background: none !important;
}

body.pricing-version-b #engage-pricing .default-button::after, body.pricing-version-b #crm-pricing-block .default-button::after {
    font-size: 24pt;
    margin-left: 40px;
    float: right;
}
body.pricing-version-b #pricing-stack-front-box #stack-front-box ul {
    margin-left: 20px;
}
body.pricing-version-b #pricing-stack-front-box #stack-front-box ul li {
    letter-spacing: 1px;
    padding-left: 0;
    font-size: 9pt !important;
    margin-bottom: 5px !important;
    list-style: none;
    line-height: 12pt !important;
    text-align: left !important;
}
body.pricing-version-b #pricing-stack-front-box #stack-front-box h3 {
    font-size: 10pt !important;
    line-height: 13pt !important;
}

@media (min-width: 50px) and (max-width:1500px) { 
    .fixed-pricing-tabs {
    padding: 0 0 0 23% !important;
    }
}
@media (min-width: 50px) and (max-width:1200px) { 
    #BlueBox {
    width: 230px;
    padding: 20px;
    }
    body.salsa-pricing-page-2 .tabber-content {
    margin: 0 auto;
    max-width: 930px;
    min-height: 820px;
    width: 100%;
    }
    #tab-0 #BlueBox:nth-child(8), #tab-0 #BlueBox:nth-child(10), #BlueBoxAddOn {
    max-width: 384px;
    }
    body.salsa-pricing-page-2 #BlueBoxAddOn {
    max-width: 100% !important;
    }
    #tab-1 #BlueBox {
    width: 100% !important;
    margin-bottom: 0 !important;
    }
    #tab-1 #plus {
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    }
    .fixed-pricing-tabs {
    padding: 0 0 0 18% !important;
    }
}
@media (min-width: 50px) and (max-width:1100px) {
    body.pricing-version-b #engage-pricing .orange-pricing-buttons, body.pricing-version-b #crm-pricing-block .orange-pricing-buttons {
    max-height: 100%;
    margin: 60px auto 40px  !important;
    float: none !important;
}
}
@media (min-width: 50px) and (max-width:1000px) { 
    #BlueBox {
    width: 100% !important;
    margin-bottom: 0 !important;
    }
    #tab-0 #BlueBox:nth-child(8), #tab-0 #BlueBox:nth-child(10), #BlueBoxAddOn {
    max-width: 100%;
    }
    #tab-1 #BlueBox {
    max-width: 100% !important;
    width: 100% !important;
    }
    #plus {
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    }
    #BlueBox ul {
     top: 0 !important;
     margin: 0 auto;
    }
    .tabber-wrap ul li .subtitle {
    font-size: 12pt;
    }
    body.salsa-pricing-page-2 .tabber-wrap ul li a {
    font-size: 14pt;
    max-width: 300px;
    }
    body.salsa-pricing-page-2 .tabber-wrap ul {
    max-width: 680px;
    }
    .fixed-pricing-tabs {
    padding: 0 0 0 12% !important;
    }
    body.pricing-version-b #engage-pricing .default-button, body.pricing-version-b #crm-pricing-block .default-button {
    font-size: 11pt !important;
    }
    body.pricing-version-b #engage-pricing .default-button::after, body.pricing-version-b #crm-pricing-block .default-button::after {
    font-size: 11pt !important;
    }
}
@media (min-width: 50px) and (max-width:900px) {
    .fixed-pricing-tabs {
    padding: 0 0 0 8% !important;
    }
}
@media (min-width: 50px) and (max-width:880px) {
    body.salsa-pricing-2017 #pricing-anchors {
    margin-top: 30px !important;
    }
    body.salsa-pricing-2017 .engage-logo, body.salsa-pricing-2017 .pricing-plus-sign, body.salsa-pricing-2017 .crm-logo {
    margin: 0 auto !important;
    float: none !important;
    }
    body.salsa-pricing-2017 .crm-logo {
    margin-bottom: 30px !important;
    }
}
@media (min-width: 50px) and (max-width:768px) {
    #new-blue-box ul, #new-blue-box-2 ul, #new-blue-box-3 ul {
    margin: 0 auto !important;
    width: 100%;
    padding: 0;
    max-width: 200px;
    }
    #new-blue-box, #new-blue-box-2, #new-blue-box-3 {
    min-height: 100% !important;
    padding: 20px 20px 30px !important;
    max-width: 100% !important;
    }
    #new-blue-box h3, #new-blue-box-2 h3, #new-blue-box-3 h3 {
    text-align: center !important;
    margin-top: 20px;
    }
    #engage-pricing-block .add, #crm-pricing-block .add {
    margin: 40px 0 !important;
    }
    #crm-pricing-block .orange-plus,  #crm-pricing-block .white-plus {
    max-width: 100% !important;
    }
    #engage-pricing-block #all-you-get {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg) !important;
    display: block !important;
    text-align: center;
    margin-top: -90px;
    margin-bottom: 130px;
    }
    #engage-pricing-block #all-you-get .all-you-get-image {
    margin: 0 130px !important;
    min-height: 100% !important;
    display: inline-block !important;
    }
    #crm-pricing-block #all-you-get {
    display: none !important;
    }
    #engage-pricing-block .last-column {
    margin-top: -170px !important;
    }
    #engage-pricing-block .donor-management-image, #engage-pricing-block .digital-marketing-image {
    max-width: 100% !important;
    }
    body.salsa-pricing-2017 .tabber-wrap ul li a, body.salsa-pricing-2017 .pricing-anchors a {
        max-width: 100% !important;
    }
    body.salsa-pricing-2017 .body-container-wrapper .hero-wrapper {
    margin-top: -160px !important;
    margin-bottom: -42px;
    }
    body.salsa-pricing-2017 #pricing-anchors {
    margin-top: -6px !important;
    }
    .fixed-pricing-tabs {
    padding: 0 !important;
    }
    body.pricing-version-b .hero-wrapper {
    background: url(https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/Mobile-Polygons.jpg) !important;
    background-size: cover !important;
    }
}
@media (min-width: 50px) and (max-width:675px) { 
    body.salsa-pricing-page-2 .tabber-wrap ul {
    max-width: 320px;
    top: -327px !important;
    padding: 0 !important;
    }
    body.salsa-pricing-page-2 .tabber-wrap ul li a {
    max-width: 100% !important;
    }
    body.salsa-pricing-page-2 .page-header {
    position: relative;
    top: -100px;
    }
    body.salsa-pricing-page-2 #BlueBoxFullMarketing ul {
    top: 0px !important;
    margin: 0 auto;
    }
    body.salsa-pricing-page-2 #BlueBoxAddOn ul {
    top: 0px !important;
    margin: 0 auto;
    }
    
}
@media (min-width: 50px) and (max-width:560px) { 
    body.salsa-pricing-page-2 .tabber-wrap ul {
    top: -361px !important;
    }
    body.salsa-pricing-page-2 .page-header {
    top: -40px;
    }
    body.salsa-pricing-2017 .body-container-wrapper .hero-wrapper {
    margin-top: -100px !important;
    margin-bottom: -97px;
    }
    body.salsa-pricing-2017 .tabber-wrap ul li a, body.salsa-pricing-2017 .pricing-anchors a {
    padding: 10px 5px !important;
    }
    #engage-pricing-block #all-you-get {
    display: none !important;
    }
    #engage-pricing-block .white-plus {
    margin-bottom: 170px !important;
    }
    #crm-pricing-block .white-plus {
    margin-bottom: 20px !important;
    }
    #crm-pricing-block .pricing-plus-sign {
        max-width: 27px !important;
    }
    body.pricing-version-b #engage-pricing .default-button, body.pricing-version-b #crm-pricing-block .default-button {
    font-size: 8.5pt !important;
    }
    body.pricing-version-b #engage-pricing .default-button, body.pricing-version-b #crm-pricing-block .default-button {
    padding: 10px !important;
    }
}
#BlueBox:nth-child(8), #BlueBox:nth-child(10) {
    width: 100%;
    max-width: 490px;
}
#BlueBox #figure, #BlueBoxFullMarketing #figure, #BlueBoxAddOn #figure {
    background-color: white;
    border: 8px solid #0095ba;
    border-radius: 100px;
    height: 145px;
    width: 145px;
    margin: 0 auto 20px;
}
#BlueBox .boxtitle, #BlueBoxAddOn .boxtitle, #BlueBoxFullMarketing .boxtitle, #BlueBoxFull .boxtitle {
    color: #0095ba;
    font-family: "Open Sans";
    font-size: 18pt;
    font-weight: 600;
    line-height: 20pt;
    padding: 0px;
    margin-bottom: 10px;
}
#plus {
    color: #0095ba;
    display: block;
    float: left;
    font-size: 60pt;
    font-weight: 700;
    margin: 0 15px;
    position: relative;
    text-align: center;
    top: 100px;
    width: 50px;
}
#plusfull {
    color: #0095ba;
    display: block;
    float: left;
    font-size: 60pt;
    font-weight: 700;
    margin: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}
body.salsa-pricing-page .tabber-content ul {
    top: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/*---- Pricing FAQ -------------------------------------------------------*/

.pricing-faq-title {
    text-align: center;
    color: #0095ba;
    font-weight: 500;
    letter-spacing: .01em;
    clear: both;
    font-size: 36pt;
    line-height: 40pt;
    margin-bottom: 60px;
}
.faq {
    padding: 0 60px;
}
.faq h2 {
    font-family: "Open Sans";
    font-weight: 700 !important;
    font-size: 18pt !important;
    line-height: 22pt !important;
    color: #868686;
    letter-spacing: .01em;
}

/*---- Get In Touch -------------------------------------------------------*/

#get-in-touch, get-in-touch {
    background-image: url("/hubfs/Salsa%20Website%202017/Pricing%20Page/GetInTouch-Background.jpg") !important;
    background-size: cover;
    padding: 80px 20px;
    background-position: center center;
}
.get-in-touch-title h2 {
    text-align: center;
    color: #0095ba;
    font-weight: 500;
    letter-spacing: .01em;
    clear: both;
    font-size: 36pt;
    line-height: 40pt;
    margin-bottom: 60px;
}
.phone-chat-demo {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 950px;
    text-align: center !important;
    width: 100% !important;
}
#GetInTouchBox {
    display: inline-block;
    background-color: transparent;
    border-radius: 10px;
    border: 2px solid #0095ba;
    width: 285px;
    height: 370px;
    float: left;
    text-align: center;
    padding: 30px;
    margin: 0 15px !important;
    transition: background-color 0.3s ease-in-out 0.1ms !important;
}
#GetInTouchBox .boxtitle {
    border-bottom: 1px solid #0095ba;
    color: #0095ba;
    display: inline-block;
    font-size: 18pt;
    font-weight: 600 !important;
    line-height: 22pt;
    margin-bottom: 20px !important;
    max-width: 70% !important;
    padding-bottom: 5px;
    width: 100% !important;
}
#GetInTouchBox p {
    color: #0095ba;
    line-height: 18pt;
}
#GetInTouchBox a {
    color: #0095ba !important;
    font-weight: 600;
}
#GetInTouchBox .default-button {
    padding: 8px 15px;
    color: white;
}
#GetInTouchBox .default-button a {
    padding: 8px 15px;
    color: white !important;
    font-width: 500 !important;
}

@media (min-width: 50px) and (max-width: 1000px) {
    #GetInTouchBox { 
    width: 100%;
    margin-bottom: 20px !important;
    }
}



/*---- Pricing CTA -------------------------------------------------------*/


body.salsa-pricing-page #bottom-cta {
    background-image: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Pricing%20Page/FundraisinCTA-Background2.jpg") !important;
}
.pricing-bottom-cta-title {
    font-family: "Open Sans";
    font-size: 30pt;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 34pt;
    padding-bottom: 50px;
    text-align: center;
}
body.salsa-pricing-page #bottom-cta-button {
    margin: 0;
}

.fundraising-cta-text p {
    font-family: "Open Sans";
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 22pt;
    color: white;
    max-width: 500px;
}
@media (min-width: 50px) and (max-width: 1200px) {
    .fundraising-cta-text {
    width: 100% !important;
    text-align: center;
    }
    .fundraising-cta-text p {
    max-width: 100%;
    }
    .screenshot {
    float: none !important;
    margin-left: 0 !important;
    text-align: center;
    width: 100% !important;
    }
}


/* ---- Pricing Page 1 Options -----*/
.pricing-columns {
    background: #10b7e1 none repeat scroll 0 0;
    display: block !important;
    height: 550px;
    position: relative;
    text-align: center;
    max-width: 344px;
    float: left;
    width: 100%;
    border-right: 3px solid #0095ba;
}
#tab-1 .pricing-columns {
    max-width: 50%;
    height: 450px;
}
#tab-1 .marketing-automation, #tab-1 .online-advocacy {
    display: block;
    float: left;
    max-width: 33%;
    width: 100%;
}
@media (min-width: 50px) and (max-width: 680px) {
    #tab-1 .marketing-automation, #tab-1 .online-advocacy {
    max-width: 100% !important;   
    }
    #tab-1 .product-price-section-3 .plus-sign {
    width: 100% !important;
    }
    #tab-1 .pricing-columns {
    height: 690px !important;
    }
}
#tab-1 .product-price-section-1, #tab-1 .product-price-section-2 {
    width: 100%;
    max-width: 430px;
}
#tab-1 .product-price-section-3 .plus-sign {
    font-size: 53pt !important;
    top: 0px;
    color: white;
    float: left;
    width: 33%;
}
.pricing-columns:first-child {
    clear: both;
}

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


PRICING PAGES


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

#habla_window_div textarea{
    min-height: 50px !important;
    margin-top: 5px !important;
}

.olrk-state-expanded #habla_window_div{
    bottom:0 !important;
}


.interior-page .footer-container-wrapper{
    position:relative;
    bottom:-1px;
}

/* SPECIFIC BACKGROUND IMAGES */
.pricing-fundraising{
    background-image:url('//cdn2.hubspot.net/hubfs/667248/Salsa_2016/Product_Pages/Marketing-image.jpg?t=1452625703541');
}

/*pricing sash*/
.best-pricing-sash img{
    width: 95px !important;
    border-width: 0px;
    border: 0px;
    position: absolute;
    top: -9px;
    right: -8px;
}

   
/* BACKGROUND IMAGE */
   
.pricing-hero{
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    display: block;
    position: relative;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.pricing-side-menu{
    background: white;
    height: 100vh;
    position: relative;
    display: block;
    border-right: 5px solid #dbdbde;
    width: 95%;
    z-index: 0;
    min-width: 230px;
    max-width:230px;
}

.stuck .pricing-side-menu{
    position: fixed;
    top: 45px;
    height: 100vh;
    overflow-y: hidden;
    border-top: 1px solid #dbdbde;
    z-index: 0;
}

.stuck {
    position: fixed;
    z-index: 1;
    overflow-y: scroll;
    top: 0!important;
}


.pricing-side-menu ul{
    list-style: none;
    margin: 0px 0;
    padding: 0;
    position:relative;
    z-index:5;
}

.pricing-side-menu ul li{
    font-size: 14px;
    padding: 15px 10px;
    font-weight: 400;
    color: #959EA7;
    border-bottom: 1px solid #bfc2c6;
    display: block;
    -webkit-transition: border-left .2s ease-in-out;
    -moz-transition: border-left .2s ease-in-out;
    -o-transition: border-left .2s ease-in-out;
    -ms-transition: border-left .2s ease-in-out;
    transition: border-left .2s ease-in-out;
    position:relative;
}

.pricing-side-menu ul li:last-child{
    background: #F7F7F7;
        height: 51px;
}

.pricing-side-menu ul li:last-child a{
        display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 15.5px 0 15.5px 65px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.pricing-side-menu ul li:last-child:before{
    content: "\f075";
    font-family: FontAwesome;
    background: #F1851C;
    display: block;
    float: left;
    font-size: 21px;
    height: 51px;
    width: 51px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    text-align: center;
    color: #ECECEC;
    border-right: 1px solid #BFC2C6;
}

.pricing-side-menu ul li:last-child:hover{
    background: #ECECEC;
}

.pricing-side-menu ul li a{
        color: #959EA7;
}

.pricing-side-menu ul li:hover,  .active-side-tab{
    border-left: 5px solid #f1851c;
    padding-left: 10px;
    display:block;
    color:#FFF !important;
}

.active-side-tab, .active-side-tab a{
    color:#FFF !important;
    background:#f1851c;
}

.pricing-page-content{
    margin: 0 0;
    margin-left: 0 !important;
    display: block !important;
    padding: 55px 0 0 35px;
}

.pricing-module-header, .pricing-module-body{
    background: #eaeaea;
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 10px 0;
    position: relative;
    min-height: 150px;
}
#tab-1 .pricing-module-header {
    min-height: 450px;
    max-width: 50%;
    float: left !important;
    width: 100%;
}

.single-pricing .pricing-module-header{
    width:50%;
    max-width:100%;
    float:left !important;
}

.single-pricing .centering-box{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin: 32% auto;
}

.pricing-module-header form{
    
}

.pricing-module-body{
    background:#00809e;
    padding:0;
}

.pricing-module-header::before{
    width: 0;
    content: '';
    height: 0;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-left: 52px solid #ff9156;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
#tab-1 .pricing-module-header::before {
    border-bottom: 207px solid transparent;
    border-left: 72px solid #ff9156;
    border-top: 243px solid transparent;
    max-width: 50%;
}

.pricing-instructions, .pricing-instructions-sub{
    font-size: 20px;
    clear: both;
    font-weight: 600;
    display: block;
    position: relative;
    top: 20px;
    text-align: center;
}

.single-pricing .pricing-instructions, .single-pricing .pricing-instructions-sub {
    font-weight: 500;
    display: block;
    position: relative;
    left:0 !important;
    top:0 !important;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.pricing-instructions-sub{
    font-size:14px;
    font-style:italic;
}

.pricing-column{
    display: block !important;
    background: #69bcce;
    text-align: center;
    height: 550px;
    position: relative;
}

.single-pricing .pricing-column, .single-pricing .pricing-module-header{
    width: 50%;
    height: 440px !important;
    display: block !important;
    margin:0;
}

.single-pricing .plus-sign {
    font-size: 25px !important;
    font-weight: 800;
    position: relative;
    padding: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -19px;
    margin-top: 27px;
    color: #FFF;
}

.single-pricing .pricing-module-header:before{
    width: 0;
    content: '';
    height: 0;
    border-top: 220px solid transparent;
    border-bottom: 220px solid transparent;
    border-left: 52px solid#f1851c;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
@media (min-width: 50px) and (max-width: 1200px) { 
    .pricing-columns {
    max-width: 33% !important;
    }
    #tab-1 .pricing-columns {
        max-width: 100% !important;
    }
    #tab-1 .pricing-module-header::before {
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
    }
    #tab-1 .pricing-module-header {
        width: 100%;
        max-width: 100% !important;
        min-height: 250px;
    }
    #tab-1 .radioP-Buttons {
    margin: 40px auto 0 !important;
}
body.salsa-pricing-page .tabber-content {
    min-height: 820px !important;
}
}

@media (min-width: 50px) and (max-width: 1000px) { 
    .pricing-module-header::before {
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    }
    .radioP {
    text-align: left !important;
    float: none !important;
    clear: both;
    }
    .pricing-module-header {
    min-height: 250px !important;
    }
    .radioP-Buttons {
    max-width:300px !important;
    }
    .tabber-wrap ul {
    max-width: 500px;
    }
    .tabber-wrap ul li a {
    max-width: 250px;
    }
}
@media (min-width: 50px) and (max-width: 960px) { 
    .pricing-columns {
    max-width: 100% !important;
    }
}
@media (min-width: 50px) and (max-width: 620px) { 
    body.salsa-pricing-page .tabber-content {
    border: none;
    padding: 0;
    }
    .tabber-wrap ul li a {
    font-size: 12pt !important;
    max-width: 130px !important;
    padding: 5px !important;
    }
    .tabber-wrap ul {
    max-width: 300px !important;
    top: -247px !important;
    }
    .product-price-section-3 ul {
    top: 0 !important;
    padding-left: 0px !important;
    }
}
@media (min-width: 50px) and (max-width: 560px) { 
    .pricing-title {
    top: -320px !important;
    }
    .tabber-wrap ul {
    top: -299px !important;
    padding-left: 20px !important;
    }
    .product-price-section-3 ul {
    top: 0 !important;
    padding-left: 0px !important;
    }
    body.salsa-pricing-page .tabber-content {
    top: -300px !important;
    }
}

.pricing-cta-positioning, .pricing-cta-positioning-first{
 position: absolute;
    bottom: 10px;
    border-top: 1px solid #00809e;
    width: 215px !important;
    margin: 0 auto;
    left: 50%;
    margin-left: -107.5px !important;
    padding-top: 5px;
}
.pricing-column-cta {
    display: inline-block;
    margin: 170px auto 0;
    max-width: 180px;
    position: relative;
    width: 100%;
}
.pricing-column-cta-2 {
    display: inline-block;
    margin: 50px auto 0;
    max-width: 180px;
    position: relative;
    width: 100%;
}
.pricing-column-cta-3 {
    display: inline-block;
    margin: 10px auto 0;
    max-width: 180px;
    position: relative;
    width: 100%;
}
.pricing-column-cta a, .pricing-column-cta-2 a, .pricing-column-cta-3 a {
    border: 1px solid white !important;
    font-weight: 600 !important;
    padding: 5px 10px !important;
    font-family: "Open Sans" !important;
    background-color: #ff9156 !important;
    color: white !important;
    font-size: 14pt;
}
.see-features {
    margin-top: 20px !important;
    position: relative;
    clear: both;
}
.see-features a {
    color: white !important;
}
.pricing-cta-positioning-first{
    border:none;
}

/* Pricing text styles */
.addon-box {
    border: 1px solid #eaeaea;
    padding: 40px;
    text-align: center;
    margin: 40px 0;
}
.addon-features {
    margin-bottom: 0;
}

.pricing-header{
    background: #0095ba;
    padding: 8px;
    text-transform: lowercase;
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    text-align:center;
    line-height:20px;
}

.pricing-header-sub{
        font-size: 14px;
}

.product-price-section-1, .product-price-section-2{
    padding: 10px 15px 10px;
    border-bottom: 1px solid #00809e;
    width: 250px;
    margin: 0 auto;
}

.product-price-section-3{
    width: 90%;
    padding: 10px 15px 10px;
        margin: 0 auto;
    }

.single-pricing .product-price-section-3 {
        width: 392px;
    padding: 10px 15px 10px;
    margin: 0 auto;
    float: none;
}

.single-pricing .product-price-section-3 ul{
    float:left;
    margin: 1px 0;
}

.single-pricing .product-price-section-3 ul:last-child{
    float:right !important;
}

.single-pricing .product-price-section-3 ul li{
    text-align:left;
}

.product-price{
    color: #FFF;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}

.product-price-additional{
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    margin-top: -10px;
}

.product-description{
        text-align: center;
    color: #FFF;
    font-style: italic;
    font-size: 14px;
    padding: 3px 0 5px;
    line-height: 18px;
    font-weight: 400;
}

.pricing-number{
    color: #FFF;
    font-size: 37px;
    font-weight: 700;
    text-align: center;
}

.dollar-sign{
    font-size: 24px;
    position: relative;
    top: -9px;
}

.plus-sign{
        font-size: 23px !important;
    font-weight: 800;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
}

.product-price-section-3 ul{
        margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}

.product-price-section-3 ul li{
    color: #FFF;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 12px;
    clear: both;
    width: 100%;
    display: block;
}

.product-price-section-3 ul li:before{
    content:none;
}

.see-all-fts{
        font-size: 14px;
    font-style: italic;
    color: #FFF;
}

.add-on-header{
    max-width: 800px;
    margin: 40px auto 15px;
    display: block;
    text-align: center;
    margin-left: auto !important;
    float: none !important;
}

.add-on-packages{
    font-size: 28px;
    line-height: 45px;
}

.add-on-sub{
    color: #9E9E9E;
    text-align: center;
    font-style: italic;
    font-size: 20pt;
    line-height: 24pt;
}

.add-on-plus{
    color: #10b7e1;
    font-size: 70px;
    font-weight: 900;
    position: relative;
    text-align: center;
}

.price-addon-package{
    border: 1px solid #dbdbde;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 800px;
    float: none !important;
    padding: 10px 20px;
    margin: 0 auto 30px;
}

.add-on-packages-container{
    display: block;
    position: relative;
}

.add-on-packages-container:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 25px;
	margin-left: -25px;
}

.salsa-package-includes{
    background: #dbdbde;
    display: block;
    padding: 50px 20px 30px;
    float: none !important;
    margin: 40px auto 50px !important;
}

.salsa-includes-list{
    margin: 0 auto;
    display: block;
    float: none;
    max-width: 470px;
}

.salsa-package-includes h2{
    text-align:center;
}

.salsa-package-includes ul{
    float: left;
    display: block;
    margin-top: 26px;
}

.salsa-package-includes ul li:before{
content:none;
}

.faq-container{
    max-width: 800px;
    display: block;
    float: none !important;
    margin: 0 auto !important;
}

.left-faq, .right-faq{
    float:left;
    display:block;
    width:50%;
    margin-top:30px;
}

.faq-group{
    width: 100%;
    margin: 10px auto 30px;

    display: block;
}

.faq{
    padding:15px;
}


/* Radio Buttons For Price Selection */
.radioP-Buttons {
    display: block;
    margin: 30px auto 0;
    max-width: 780px;
    position: relative;
    text-align: center;
    width: 100%;
}
#tab-1 .radioP-Buttons {
    max-width: 300px;
    margin: 90px auto 0;
}
.radioP-Buttons input[type="radio"] {
    left: 5px;
    top: 3px;
}
.radioP-Buttons label {
    font-size: 12pt;
    display: block;
    margin-top: -5px;
}
.radioP {
    display: block;
    position: relative;
    margin: 8px 10px;
    padding-left: 30px;
    font-weight: 500 !important;
    font-size: 14px;
    top: -3px;
    float: left !important;
}
#tab-1 .radioP {
    float: left !important;
}

input[type="radio"] {
  display: block;
  position: absolute;
  top:0;
  left:0;
  z-index: 0;
}

/* For IE 7-8-9

input[type="radio"] {
  display: inline-block;
}
input[type="radio"] + label span.radioButtonGraph {
  display: none;
}

*/

input[type="radio"] + label span.radioButtonGraph {
appearance: none;
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: hsla(0,0,100%,.15) 0 1px 1px,inset hsla(0,0,0,.5) 0 0 0 1px;
    background: #efefef;
    background-image: radial-gradient(ellipse at center,#CCCCCC 0,#cccccc 40%,#efefef 45%);
    background-repeat: no-repeat;
    transition: background-position .15s cubic-bezier(.8,0,1,1);
    border: 1px solid #ccc;
}

input[type="radio"]:checked + label span.radioButtonGraph {
  transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1);
}

input[type="radio"] + label span.radioButtonGraph {
  background-position: -24px 0;
}
input[type="radio"]:checked + label span.radioButtonGraph {
  background-position: 0 0;
}



/*----- Pricing Page 3 Options -----*/

body.salsa-pricing-page-3 .sticky-menu, body.salsa-pricing-page-1 .sticky-menu, body.salsa-pricing-page-2 .sticky-menu {
    display: none !important;
}
body.salsa-pricing-page #main {
    background: transparent;
    border: none;
    width: 100% !important;
    max-width: 850px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}
body.salsa-pricing-page #main h1,
body.salsa-pricing-page #main h2,
body.salsa-pricing-page #main h3 {
    color: white;
    text-align: center;
    padding-bottom: 30px;
}
body.salsa-pricing-page #main h2 {
    font-weight: 400;
}
body.salsa-pricing-page #main p {
    color: white;
    margin-bottom: 30px;
}
body.salsa-pricing-page #main input[type="radio"], body.salsa-pricing-page #main input[type="checkbox"] {
    height: 30px !important;
    margin-right: 15px;
    width: 30px !important;
    float: left;
}
body.salsa-pricing-page #main input[type="radio"]:checked, body.salsa-pricing-page #main input[type="checkbox"]:checked { 
    height: 30px !important;
    margin-right: 15px;
    width: 30px !important;
}
body.salsa-pricing-page #sidebar {
    background-color: white;
    border: 20px solid #ebebeb;
    margin-top: 65px;
    padding: 20px 20px 40px;
}
body.salsa-pricing-page #sidebar h3 {
    color: #0095ba;
    padding: 20px;
    border-bottom: 2px solid #ebebeb;
    font-weight: 500;
    font-size: 24pt;
    line-height: 26pt;
}
#simple-price-total {
    text-align: center !important;
    margin-top: 0px !important;
}
#simple-price-total-num {
    color: #0095ba !important;
    margin-top: 20px !important;
    font-weight: 700 !important;
    font-size: 24pt !important;
    line-height: 26pt !important;
    display: block !important;
}
body.salsa-pricing-page #main select { 
    font-size: 12pt !important;
    letter-spacing: .01em !important;
    color: #868686 !important;
    padding: 10px !important;
}
#simple-price-details {
    text-align: center !important;
    color: #868686 !important;
    font-size: 12pt !imporant;
}
#simple-price-details h3 {
    color: #868686 !important;
    font-size: 14pt !important;
    line-height: 18pt !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}
@media (min-width: 50px) and (max-width: 500px) { 
    body.salsa-pricing-page #main p {
    display: block !important;
    max-width: 160px !important;
    }
}

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


Product Overview Pages


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

body .hero-wrapper h1::after {
    background: none !important;
}
.hero-wrapper .header {
    font-family: "Open Sans";
    font-size: 40pt;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 46pt;
}

body.salsa-product-overview .hero-wrapper h1 {
    padding: 0px;
    margin: 0 auto 40px;
    max-width: 1000px;
}
.hero-text p {
    max-width: 1000px;
    margin: 0 auto 30px;
}
.hero-wrapper .subheader {
    font-family: "Open Sans";
    font-size: 24pt;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 28pt;
    color: white;
}
#product-header-CTA {
    background-color: rgba(0, 0, 0, 0.2);
    height: auto;
    margin: 30px auto;
    max-width: 700px;
    padding: 40px 20px 60px;
    width: 100%; 
    border: 1px solid white;
}
#product-header-CTA blockquote {
  display:block;
  padding: 15px 20px 55px 45px;
  margin: 20px 0px;
  position: relative;
  
  /*Font*/
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 1.2;
  color: white;
  text-align: justify;
  quotes: "“" "”" "‘" "’";
  font-style: normal;
}

#product-header-CTA blockquote::before {
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: "Georgia, serif";
  font-size: 40px;
  font-weight: bold;
  color: white;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

#product-header-CTA blockquote::after {
  /*Reset to make sure*/
  content: "\201D" !important;
  font-family: "Georgia, serif";
  font-size: 40px;
  font-weight: bold;
  color: white;
}

#product-header-CTA blockquote .blockquote-source {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 1.2;
  color: white;
  text-align: right;
  float: right;
  font-style: italic;
  margin: 40px 0 20px;
}

.f-nav {  /* To fix main menu container */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.side-nav {  /* To fix side menu container */
    z-index: 9999;
    position: fixed;
    top: 20px;
    max-width: 277px;
}
.overview-menu #main-menu-container {
    text-align: center; /* Assuming your main layout is centered */
    background-color: rgba(8, 149, 187, 1);
   
}
.overview-menu #main-menu {
    display: inline-block;
    width: 100%; /* Your menu's width */
    margin: 20px auto;
    max-width: 1000px;
}
.overview-menu a {
    color: white !important;
    font-family: "Open Sans";
    font-size: 16pt;
    letter-spacing: .01em;
    line-height: 20pt;
    padding: 20px 32px;
    background-color: transparent;
    transition: all 0.3s ease-in-out 0.1ms;
}
.overview-menu a:hover {
    background-color: #04acd9;
}

#overview .header h2 {
    font-size: 40pt;
    line-height: 44pt;
    color: #777777 !important;
    text-align: center;
}
#overview .header p {
    font-size: 24pt;
    line-height: 28pt;
    color: #777777 !important;
    letter-spacing: .01em;
    font-weight: 400;
    text-align: center;
}
#overview .section-intro::after {
    background: none !important;
}
.video-embed {
    padding: 15px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.5);
    margin-bottom: 30px;
}
#salsa-can-help {
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Homepage/Backgrounds/RepeatPolys3.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 160px;
}
.salsa-can-help-text {
    margin: 0 auto !important;
    text-align: center;
    float: none !important;
    max-width: 1200px;
}
.salsa-can-help-text .attention-stat {
    color: #0895bb;
    font-size: 36pt;
    line-height: 40pt;
    margin: 0 auto 30px;
    max-width: 1000px;
}

#process {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/boost-deepen-accelerate-background.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    padding-bottom: 130px;
}
#process .process-title h2 {
    color: #ff9156;
    padding-bottom: 40px;
    text-align: center;
    font-size: 40pt;
    line-height: 44pt;
}
body.salsa-product-overview #process .tabber-wrap ul {
    max-width: 1000px !important;
    top: 0;
}
#process .tabber-wrap ul li {
    max-width: 250px;
    display: block;
    float: left;
}
#process .tabber-wrap ul li a {
    background-color: #949496;
    color: white !important;
    font-size: 16pt;
    font-weight: 400;
    line-height: 18pt;
    transition: all 0.3s ease-in-out 0.1ms;
}

#process .tabber-wrap ul li a:hover, #process .tabber-wrap ul li a:active  {
    background-color: #0895bb;
}
#process .tabber-wrap ul li.active a {
    background-color: #0895bb !important;
}
#process .tabber-content h3 {
    font-size: 22pt;
    line-height: 26pt;
}
#process .tabber-content {
    border: 1px solid #949496;
    padding: 50px;
    background-color: white;
}
#ProcessScreenshot {
    float: left;
    margin: 0 30px 20px 0;
    max-width: 45%;
}
#ProcessTabFeatures {
    clear: both;
    display: block;
    text-align: center;
    padding: 20px 20px 5px;
    background-color: rgba(8, 149, 187, 1);
}
#ProcessTabFeatures p {
    color: white;
}
.product-overview-cta {
    background: url("/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/ctabackground1.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    padding: 100px 20px;
}
.stat-cta {
    padding: 50px 20px;
}
.stat-cta .centered {
    max-width: 1000px !important;
}
.product-overview-cta .centered-small  {
    max-width: 1200px;
}
.product-overview-cta #bottom-cta-text  {
    max-width: 780px;
    margin: 20px 50px 20px 20px;
}
.stat-cta #bottom-cta-text {
    max-width: 600px;
    padding: 20px !important;
    margin: 0;
}
.product-overview-cta #bottom-cta-text h2  {
    color: white;
    font-size: 28pt !important;
    line-height: 32pt !important;
}
.stat-cta #bottom-cta-text h2  {
    color: white;
    font-size: 24pt !important;
    line-height: 28pt !important;
}

.overview-features {
    margin: 0 auto;
    text-align: center;
    padding: 100px 20px;
}
.overview-features .text {
    max-width: 1240px;
}
.overview-features .text h2 {
    font-size: 40pt;
    line-height: 44pt;
    letter-spacing: .01em;
    margin-bottom: 20px;
}
.overview-features .text p {
    font-size: 18pt;
    line-height: 22pt;
    letter-spacing: .01em;
    margin-bottom: 20px;
}
#feature-block {
    max-width: 1300px;
    margin: 40px auto !important;
    float: none;
    padding: 60px 20px;
    background-color: #f4f4f4;
}
#feature-block .image {
    margin-right: 40px;
    max-width: 500px;
}
#feature-block .text {
    text-align: left;
    margin: 0;
}
#feature-block .text h3 a {
    font-weight: 500 !important;
    color: #0095ba; !important;
}
#feature-block .text p {
    font-weight: 300 !important;
}

body.salsa-product-overview #bottom-cta {
    background-image: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/ctabackground1.jpg") !important;
    padding:  60px 20px 60px !important;
}
body.salsa-product-overview #bottom-cta .text h2 {
    color: white;
    font-size: 40pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 44pt;
    text-align: center;
}
#salsa-engage-bottom, #salsa-crm-bottom {
    border: 1px solid white;
    display: block;
    float: left;
    max-width: 430px;
    padding: 30px;
    text-align: center;
    width: 100%;
    margin: 20px;
    background-color: rgba(0, 0, 0, 0.2);
}
#salsa-engage-bottom p, #salsa-crm-bottom p {
    color: white !important;
    line-height: 18pt;
    font-weight: 300;
}
body.salsa-product-overview #bottom-cta .centered-small {
    max-width:1000px !important;
}
body.salsa-product-overview .reveal-modal, body.salsa-smart-home .reveal-modal {
    margin-left: -400px;
    max-width: 800px;
}
@media (min-width: 50px) and (max-width: 1260px) { 
    #product-overview-cta #bottom-cta-text {
    float: none !important;
    margin: 20px auto !important;
    text-align: center !important;
}
}
@media (min-width: 50px) and (max-width: 1060px) { 
    #ProcessScreenshot {
    float: none;
    margin: 0px auto 30px;
    max-width: 640px;
    }
    #process .tabber-wrap ul {
    max-width: 720px;
    }
    #process .tabber-wrap ul li {
    float: none !important;
    max-width: 100%;
    }
    #process .tabber-wrap ul li a {
    max-width: 360px;
    }
    #process .tabber-content {
    text-align: center;
    }
    #salsa-engage-bottom, #salsa-crm-bottom {
    float: none;
    margin: 20px auto;
    max-width: 500px;
}
}
@media (min-width: 50px) and (max-width: 1000px) { 
    .overview-features .online-fundraising,
    .overview-features .donor-management,
    .overview-features .digital-marketing {
    background-color: transparent;
    padding: 20px;
    border-bottom: 1px solid gray;
    }
    .overview-features .online-fundraising .image,
    .overview-features .donor-management .image,
    .overview-features .digital-marketing .image {
    float: none;
    margin-left: 0;
    max-width: 100% !important;
    width: 100%;
    border-bottom: 1px solid gray;
    }
    .overview-features .online-fundraising .image img,
    .overview-features .donor-management .image img,
    .overview-features .digital-marketing .image img {
    width: 100% !important;
    }
    .overview-features .online-fundraising .text,
    .overview-features .donor-management .text,
    .overview-features .digital-marketing .text {
    text-align: center;
    width: 100%;
    margin: 60px 0;
    }
}
@media (min-width: 50px) and (max-width: 860px) { 
    .overview-menu {
    display: none !important;
    }
    #salsa-can-help {
    padding: 110px 60px !important;
    }
    body.salsa-product-overview .reveal-modal {
    margin-left: 0;
    left: 0;
    }
}
@media (min-width: 50px) and (max-width: 760px) { 
    #process .tabber-wrap ul li a {
    max-width: 100% !important;
    }
    #process .tabber-wrap ul {
    top: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    }
    #process .tabber-content {
    background-color: transparent;
    border: medium none;
    padding: 20px 0;
    }
    .salsa-can-help-text .attention-stat {
    font-size: 20pt !important;
    line-height: 24pt !important;
    }
    .salsa-can-help-text .attention-stat span {
    font-size: 36pt !important;
    line-height: 40pt !important;
    }
    body.salsa-product-overview #salsa-can-help {
    padding: 80px 20px 20px !important;
    }
}



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


Product Detail Pages


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

body.salsa-product-details .hero-wrapper {
    background-color: #fcfcfc;
    background-image: url("/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/ProductDetailBackground.jpg") !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 1191px !important;
    padding-bottom: 0 !important;
    padding-top: 80px;
    height: auto;
}
body.non-profit-marketing-software .hero-wrapper {
    min-height: 906px !important;
}
.detail-header-image {
    margin: 0 auto;
    max-width: 100%;
    transition: filter 0.3s ease-in-out 0.1ms;
    filter: brightness(92%);
}
.detail-header-image:hover {
}
body.salsa-product-details .hero-wrapper h1, .hero-wrapper h1 {
    font-size: 38pt;
    font-weight: 600;
    letter-spacing: .01em;
    margin: 0;
    padding: 20px 0;
    color: white !important;
    line-height: 42pt;
}
body.salsa-product-details  .hero-wrapper::after {
    background: none !important;
}
body.salsa-product-details  .hero-wrapper .centered-small {
    max-width: 900px !important;
}
body.salsa-product-details #salsa-can-help {
    background-color: white;
    margin: -371px auto 0;
    padding: 100px 20px 60px;
    position: relative;
    background-image: url("/hubfs/1_Website/Salsa%20Website%202017/Homepage/Backgrounds/RepeatPolys3.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
#salsa-helps .text {
    background: rgba(0, 0, 0, 0) url("//cdn2.hubspot.net/hub/273774/file-1281286278-png/mp/themes/Act-Theme/images/bottom-shadow5.png") no-repeat scroll center bottom / 100% 8px;
    bottom: -8px;
    text-align: center;
    margin-bottom: 70px;
    padding-bottom: 30px;
}
#salsa-helps .text h2 {
    font-size: 40pt;
    line-height: 44pt;
}
#salsa-helps .solution-icon i {
    background-color: #ff9156;
    width: 100px;
    height: 100px;
    line-height: 72pt;
    font-size: 40pt;
}
#detailed-features {
    background-color: #0095ba;
    padding: 100px 20px;
}
#detailed-features h2 {
    text-align: center;
    color: white;
    font-size: 48pt;
    line-height: 52pt;
    letter-spacing: .01em;
    font-weight: 400;
    margin-bottom: 40px;
}
#detailed-features .detailed-features {
    text-align: center;
    padding: 20px;
    min-height: 370px;
}
#detailed-features .detailed-features h3 {
    border-bottom: 1px solid #0cbeea;
    color: white;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-weight: 400 !important;
    font-size: 20pt !important;
    line-height: 24pt !important;
}
#detailed-features .detailed-features p {
    font-weight: 300;
    color: white;
}
#detailed-features .detailed-features a {
    border-bottom: 1px dashed #7ee5ff;
    color: #7ee5ff !important;
    display: inline-block;
    font-size: 14pt;
    margin: 30px auto 0 !important;
    max-width: 130px;
    padding: 0 !important;
    text-align: center;
    width: 100%;
    font-weight: 500;
    transition: all 0.3s ease-in-out 0.1ms;
}
#detailed-features .detailed-features a:hover {
    border-bottom: 1px dashed white;
    color: white !important;
}
#what-you-get {
    /* background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Pricing%20Page/PricingPolygons.jpg") no-repeat 0 0 !important; */
    background-size: cover !important;
    padding: 100px 20px;
}
#what-you-get .centered {
    max-width: 1100px;
}
#what-you-get h2 {
    text-align: center;
    color: #0095ba;
    font-size: 48pt;
    line-height: 52pt;
    letter-spacing: .01em;
    font-weight: 400;
    margin-bottom: 40px;
}
#what-you-get .what-you-get {
    text-align: center;
    padding: 20px;
    width: 100%;
    max-width: 300px;
    min-height: 610px;
}
#what-you-get .what-you-get h2 {
    color: white;
    margin-bottom: 20px;
    font-size: 20pt;
    line-height: 24pt;
    font-weight: 400;
    border-bottom: 1px solid #868686;
    padding-bottom: 20px;
}
#what-you-get .plus {
    margin-top: 60px;
}
#what-you-get .plus h2 {
    font-weight: 600 !important;
}
#what-you-get .what-you-get p {
    color: white;
    font-weight: 300;
}
#what-you-get .what-you-get a {
    font-weight: 400;
    transition: all 0.3s ease-in-out 0.1ms;
}
#what-you-get .what-you-get a:hover {
    color: white !important;
}
#watchnow-button a {
    padding: 20px;
    display: block;
    background-color: #ff9156;
    color: white !important;
    display: none;
    font-weight: 500;
    font-size: 18pt;
    line-height: 22pt;
}
body.salsa-product-details #salsa-crm-bottom, body.salsa-details-non-profit #salsa-crm-bottom {
    max-width: 100%;
}
body.salsa-product-overview .mobile-changes-graphic {
    display: none;
}
body.non-profit-marketing-software #salsa-can-help {
    margin: -200px auto 0;
    z-index: 1;
}
@media (min-width: 50px) and (max-width: 1260px) { 
    #what-you-get .what-you-get {
    max-width: 100%;
    min-height: 100%;
    margin-left: 0 !important;
    }
    #what-you-get .plus {
    margin: 20px auto;
    width: 100%;
    text-align: center;
    }
}
@media (min-width: 50px) and (max-width: 1040px) { 
   body.salsa-product-details .hero-wrapper {
    min-height: 1300px !important;
    }
    body.salsa-product-details .top-cta-product-pages {
    text-align: center !important;
    }
    body.salsa-product-details .top-cta-product-pages a {
    float: none !important;
    }
    body.salsa-product-details .top-cta-product-pages h2 {
    text-align: center !important;
    float: none !important;
    }
    body.non-profit-marketing-software .hero-wrapper {
    min-height: 1010px !important;
    }
}
@media (min-width: 50px) and (max-width: 900px) { 
    #detailed-features .detailed-features {
        min-height: 290px;
    }
    body.salsa-product-details .hero-wrapper {
    min-height: 1138px !important;
    }
    body.salsa-product-details #salsa-can-help {
    margin: -100px auto 40px;
    }
    body.non-profit-marketing-software .hero-wrapper {
    min-height: 1030px !important;
    }
}
@media (min-width: 50px) and (max-width: 850px) { 
    body.salsa-product-details #salsa-can-help {
    margin: -200px auto 40px;
    }
    body.salsa-product-overview .salsa-can-help-text {
    display: none;
    }
    body.salsa-product-details .salsa-can-help-text {
    display: block;
    }
    body.salsa-product-overview .mobile-changes-graphic {
    display: block;
    }
}
@media (min-width: 50px) and (max-width: 740px) { 
    .top-cta-product-pages h2 {
    text-align: center !important;
    font-size: 24pt !important;
    line-height: 28pt !important;
    }
    body.salsa-product-details .hero-wrapper {
    min-height: 1080px !important;
    }
    body.non-profit-marketing-software .hero-wrapper {
    min-height: 980px !important;
    }
}
@media (min-width: 50px) and (max-width: 500px) { 
    body.salsa-product-details .hero-wrapper {
    min-height: 1000px !important;
    }
    #watchnow-button a {
    display: block;
    }
}
@media (min-width: 50px) and (max-width: 480px) { 
    body.salsa-product-details .hero-wrapper {
    min-height: 1020px !important;
    }
    body.non-profit-marketing-software .hero-wrapper {
    min-height: 930px !important;
    }
}


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


Product Feature Pages


========================================================================== */
body.feature .feature-hero h1 {
    text-align: center;
    margin: 0 auto 40px;
    font-weight: 500;
    max-width: 900px;
}
body.feature .opening-feature .hs-cta-wrapper a {
    background: #ff9156 !important;
    color: #fff !important;
    font-size: 16px !important;
    border: 1px solid white !important;
    font-weight: 500 !important;
    padding: 20px !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0.1ms;
}
body.feature .body-container-wrapper {
    color: white !important;
    background: rgba(0, 0, 0, 0) url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Homepage/Backgrounds/RepeatPolys3.jpg") repeat-y scroll center center / cover;
    background-attachment: fixed;
}
body.feature .hs_cos_wrapper_type_cta a {
    color: white !important;
    background: #ff9156 none repeat scroll 0 0 !important;
}
body.feature .opening-feature .hs-cta-wrapper a:hover {
    opacity: .9 !important;
    background: #ff9156 none repeat scroll 0 0 !important;
    background-color: #ff9156 none repeat scroll 0 0 !important;
}
body.interior-page .left-ft {
    float: right !important;
}
body.feature .single-feature h2 {
    font-size: 18pt !important;
    line-height: 22pt !important;
    font-weight: 400 !important;
    margin: 0 20px 20px !important;
}
body.feature .single-feature p {
    margin: 0 20px !important;
}
a#cta_button_494351_3aa26488-1d3e-4ac2-a7d3-1dac9d80af16 {
    background: #ff9156 none repeat scroll 0 0;
    border: medium none !important;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: block;
    float: none;
    font-size: 14px;
    margin: 10px auto;
    padding: 8px 0;
    text-align: center;
    text-shadow: none;
    width: 100% !important;
    max-width: 400px;
}
a#cta_button_494351_3aa26488-1d3e-4ac2-a7d3-1dac9d80af16:hover {
    background: #ff9156 none repeat scroll 0 0;
}
#cta_button_494351_3aa26488-1d3e-4ac2-a7d3-1dac9d80af16:hover {
    background: #ff9156 none repeat scroll 0 0;
    background-color: #ff9156 none repeat scroll 0 0;
}
.other-features-container {
    display: block !important;
    float: none !important;
    margin-bottom: 0;
    margin-left: auto !important;
    margin-right: auto;
    margin-top: 0;
    max-width: 100%;
    width: 100% !important;
    /*background: rgba(0, 0, 0, 0) url("https://www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/BluePolys4.jpg") repeat-y scroll center center / cover;*/
    background: rgba(0, 0, 0, 0) url("https://www.salsalabs.com/hubfs/1_Website/1_Thank_You_Page_2017/Images/Thank-You-Top-Header.jpg") repeat-y scroll center center / cover;
    border-top: 2px solid white;
}
.other-features-container .feature-block-text li a {
    color: white !important;
    transition: all 0.3s ease-in-out 0.1ms;
    opacity: 1;
}
.other-features-container .feature-block-text li a:hover {
    opacity: .8;
}
.rectangle {
    max-width: 480px;
}
#rectangle {
    width: 100%;
    height: 300px;
    background: #ff9156;
    float: left;
}
.other-features-container ul {
    margin: 0 !important;
}
.feature-block-text {
    padding: 20px;
    margin-top: 40px;
}
.feature-block-text li {
    margin-bottom: 10px;
    line-height: 16px;
}
.feature-block-text li a {
    color: #5f6062 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-size: 16px;
    line-height: 16px !important;
}
#other-features-text {
    margin-top: 90px;
    text-align: left;
    float: right;
}

.triangle {
    margin-left: 0 !important;
}
#triangle-right {
    width: 0;
    height: 0;
    border-top: 150px solid transparent;
    border-left: 70px solid #ff9156;
    border-bottom: 150px solid transparent;
}
@media (min-width: 50px) and (max-width: 1700px) { 
    .rectangle {
    max-width: 410px;
    }
}
@media (min-width: 50px) and (max-width: 1500px) { 
    .rectangle {
    max-width: 300px;
    }
    .feature-block-text {
    max-width: 250px !important;
    width: 100% !important;
    }
}
@media (min-width: 50px) and (max-width: 1260px) { 
    .rectangle {
    max-width: 220px;
    }
    .feature-block-text {
    max-width: 220px !important;
    }
}
@media (min-width: 50px) and (max-width: 1080px) { 
    .rectangle {
    max-width: 180px;
    }
}
@media (min-width: 50px) and (max-width: 1000px) {
    #rectangle {
    height: auto;
    width: 100% !important;
    padding: 20px;
    }
    .rectangle {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 100%;
    width: 100% !important;
    }
    #other-features-text {
    text-align: center;
    }
    .triangle {
    float: none !important;
    margin: 0 auto !important;
    width: 100% !important;
    }
    #other-features-text {
    float: none;
    margin-top: 0px;
    }
    .other-features-container ul {
    float: none;
    width: 100%;
    }
    .other-features-container .group-title li {
    display: inline;
    }
    #triangle-right {
    border-color: #ff9156 transparent transparent;
    border-style: solid;
    border-width: 40px 60px;
    display: block;
    height: 0;
    margin: 0 auto !important;
    max-width: 100px !important;
    width: 100% !important;
    }
    .feature-block-text {
    margin: 0 !important;
    max-width: 33% !important;
    text-align: center;
    }
}
@media (min-width: 50px) and (max-width: 800px) {
    .feature-block-text {
    max-width: 100% !important;
    }
    .other-features-container {
    padding: 0 !important;
    margin: 0 !important;
    }
    .other-features-container .group-title {
    display: block;
    }
}


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


    Webinars


========================================================================== */
body.webinars-page .hero-wrapper  {
    padding-top: 100px !important;
    min-height: 100% !important;
    background: rgb(49,160,214); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(49,160,214,1) 0%, rgba(33,90,165,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(49,160,214,1) 0%,rgba(33,90,165,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(49,160,214,1) 0%,rgba(33,90,165,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31a0d6', endColorstr='#215aa5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#featured-webinar .hero-wrapper h1 {
    font-size: 60px !important;
    letter-spacing: 1px !important;
}
#featured-webinar {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border: 3px solid #fda575;
    min-height: 350px;
    margin-top: 20px;
}
#featured-webinar h2 {
    background-color: #fda575;
    font-size: 24pt !important;
    line-height: 28pt !important;
    max-width: 100%;
    padding: 5px 15px 10px;
    text-align: center;
    width: 100% !important;
    font-weight: 300 !important;
}
.featured-webinar-left {
    display: block;
    float: left;
    max-width: 100% !important;
    text-align: center;
    width: 100% !important;
}
.featured-webinar-left h3 {
    padding: 0 20px;
    margin-bottom: 0 !important;
    font-size: 20pt !important;
    line-height: 24pt !important;
    text-align: center !important;
    font-weight: 500;
}
.featured-webinar-left p {
    padding: 10px 20px 15px;
    text-align: center !important;
    margin-bottom: 0;
}
.featured-webinar-right {
    display: block;
    float: none !important;
    max-width: 170px !important;
    text-align: center;
    width: 200px;
    margin: 30px auto !important;
    top: 30px;
    position: relative;
}
.featured-webinar-day {
    display: inline-block;
    font-size: 12pt;
    margin: 48px auto 0;
    max-width: 100% !important;
    text-transform: uppercase;
}
.featured-webinar-month {
    display: inline-block;
    font-size: 16pt;
    margin: 0 auto;
    max-width: 100% !important;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    top: -15px;
}
.featured-webinar-date {
    display: block;
    font-size: 50pt;
    font-weight: 700;
    margin: 0 auto;
    max-width: 100% !important;
    position: relative;
    top: -50px;
}
.featured-webinar-button {
    width: 100% !important;
    max-width: 100% !important;
}
.featured-webinar-button a {
    background-color: transparent;
    font-size: 11pt;
    line-height: 15pt;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    color: #fda575 !important;
    border: 1px solid #fda575 !important;
    transition: all 0.3s ease-in-out 0.1ms;
    position: relative;
    top: -40px;
    width: 100% !important
    max-width: 100% !important;
}
.featured-webinar-button a:after {
    content: "\f105";
    color: #fda575;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 10px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.featured-webinar-button a:hover {
    background-color: #fda575;
    color: white !important;
    cursor: pointer;
}
.featured-webinar-button a:hover:after {
    color: white !important;
}
.featured-webinar-left ul {
    display: inline-block;
    margin-left: 10px;
    max-width: 400px;
    width: 100%;
}
.featured-webinar-left ul li:before {
  content: "\f00c" !important; /* FontAwesome Unicode */
  color: #02abdf !important;
  left: -10px !important;
}
.featured-webinar-left ul li {
  font-size: 12pt;
  line-height: 16pt;
  padding-left: 20px;
  margin-bottom: 10px;
  text-align: left;
}
.webinars-block {
    border: 2px solid #2476b5;
    background-color: white;
    margin-bottom: 40px;
}

.webinar-item {
  position: relative;
  border: none;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.webinar-image {
    overflow: hidden;
}
.webinar-item img {
  max-width: 100%;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  transition: all 2s;
    max-height: 251px !important;
}
.webinar-item img:nth-of-type(1); .webinar-item img:nth-of-type(2); .webinar-item img:nth-of-type(3); .webinar-item img:nth-of-type(4); .webinar-item img:nth-of-type(5); {
    filter: brightness(.5) !important;
}
.webinar-item p {
    opacity: 0;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
    /*-moz-transform: scale(.9);
  -webkit-transform: scale(.9);
    transform: scale(.9);*/
  opacity: 1;

}

.webinar-item:hover img {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.webinar-item:hover p {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
  transform: scale(1);
}
#webinars-group {
    max-width: 1100px;
}

.webinars-block h2 {
    background-color: #2476b5;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    color: white;
    margin-bottom: 0;
    font-size: 24pt !important;
    line-height: 28pt !important;
}
#webinar-image1, #webinar-image2, #webinar-image3, #webinar-image4 {
    background: blue;
    padding: 40px 70px;
}
.webinar-item p {
    color: white;
    display: block;
    font-size: 14pt;
    line-height: 18pt;
    margin: -170px 40px 30px;
    padding: 20px 40px;
    text-align: center;
    position: relative;
    border: 1px solid rgba(255,255,255,.5);
    background: rgba(0,0,0,.2);
    font-weight: 300 !important;
    min-height: 140px;
}
#webinar-list-group {
    display: inline-block;
    margin: 5px 0 5px 20px;
    max-width: 470px;
    width: 100%;
}
#webinar-info {
    padding: 10px;
    float: none;
    display: block;
    max-width: 100%;
    text-align: center;
    min-height: 100px;
}
#webinar-info .title {
    color: #02abdf;
    font-family: "Open Sans";
    font-size: 16pt;
    font-weight: 400;
    line-height: 20pt;
}
#webinar-info .date {
    font-family: "Open Sans";
    font-size: 14pt;
    font-weight: 400;
    line-height: 18pt;
}
.webinar-item .button {
    margin: 30px auto 0;
    text-align: center;
}
.webinar-item .button a {
    background-color: white;
    border: 1px solid #fda575;
    color: #fda575 !important;
    font-family: "Open Sans";
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 5px 10px;
    text-transform: uppercase !important;
    transition: all 0.3s ease-in-out 0.1ms;
}
.webinar-item .button a:after {
    content: "\f105";
    color: #fda575;
    font-family: FontAwesome;
    font-size: 12pt;
    margin-left: 10px;
    transition: all 0.3s ease-in-out 0.1ms;
}
.webinar-item .button a:hover {
    color: white !important;
    background-color: #fda575;
}
.webinar-item .button a:hover:after {
    color: white !important;
}
@media (min-width: 50px) and (max-width: 1000px) {
    #featured-webinar {
    padding-bottom: 70px !important;
    }
    #featured-webinar h2 {
    text-align: center;
    }
    .featured-webinar-left {
    max-width: 100% !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    }
    .featured-webinar-left ul {
    display: block;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    }
    .featured-webinar-right {
    float: none !important;
    margin: 0 auto !important;
    clear: both !important;
    }
    .featured-webinar-button {
    margin-top: 60px;
    }
    #webinar-list-group {
    max-width: 390px;
    }
}
@media (min-width: 50px) and (max-width: 900px) {
    .featured-webinar-left h3, .featured-webinar-left p {
    text-align: center !important;
    }
    .featured-webinar-left ul {
    display: block;
    float: none !important;
    margin: 0 auto;
    max-width: 400px !important;
    padding-left: 0 !important;
    width: 100%;
    }
    .featured-webinar-left ul li {
    margin-bottom: 20px !important;
    }
    .webinars-block h2 {
    margin: 0;
    max-width: 100%;
    width: 100%;
    }
    .webinar-image img {
    max-height: 100%;
    width: 100% !important;
    height: 100% !important;
    }
    .webinar-image {
    margin-bottom: 50px;
    }
    #webinar-list-group {
    margin-right: 30px !important;
    max-width: 90%;
    }
    .webinar-item p {
    position: relative;
    top: -60px;
    }
    .featured-webinar-month, .featured-webinar-day {
    display: block;
    }
}
@media (min-width: 50px) and (max-width: 500px) {

.featured-webinar-left ul {
    display: block;
    float: none !important;
    margin: 0 auto 0 30px;
    max-width: 85% !important;
    padding-left: 0 !important;
    width: 100%;
    }
.webinar-image {
    margin-bottom: 0;
    }
#webinar-info {
    display: block;
    float: none;
    max-width: 100;
    text-align: center;
    }
.webinar-item .button {
    float: none;
    margin-bottom: 30px;
    margin-top: 10px;
    text-align: center;
    }
    .webinar-item p {
    display: none;
    }
}


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


    Why Salsa Page


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

body.comparison-page .hero-wrapper {
     
}
body.comparison-page .hero-wrapper .centered {
    max-width: 900px;
}
body.why-salsa {
    overflow-x: hidden;
}
/* #ipad {
    background-image: url("https://www.salsalabs.com/hubfs/Salsa%20Website%202017/Images/iPad.png") !important;
    max-width: 831px;
    margin: 40px auto 0;
    background-size: cover;
} */
#ipad img {
    max-width: 831px !important;
    width: 100%;
}
body.comparison-page #salsa-can-help {
    text-align: center;
    background-image: none !important;
    margin-top: -200px !important;
}
body.comparison-page #salsa-can-help .centered {
    max-width: 900px;
}
#client-letter {
    background-color: #404040;
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/DreamcatchersBackground2.jpg") !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding: 120px 20px 120px;
}
#client-letter .centered {
    max-width: 900px;
}
#client-letter a {
  border: solid 1px #fda575 !important;
  padding: 10px;
  background-color: transparent;
  color: #fda575 !important;
}
#client-letter a:hover {
  background-color: #fda575 !important;
  color: white !important;
}
#comparison-blocks {
    padding: 0 20px 60px;
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Homepage/Backgrounds/RepeatPolys3.jpg") !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#comparison-blocks .centered {
    max-width: 950px !important;
}
#comparison-blocks .webinars-block {
    border: 1px solid #cbcbcb;
    -webkit-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px 0px 24px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         0px 0px 24px 0px rgba(50, 50, 50, 0.35);
}
#comparison-blocks .webinars-block h2 {
    font-weight: 300 !important;
    font-size: 18pt !important;
    line-height: 22pt !important;
    padding: 10px 20px;
}
#comparison-blocks .webinar-item:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#comparison-blocks .webinars-block ul li {
    margin-bottom: 10px;
}
#comparison-blocks .webinars-block ul li:before, #anchor-links ul li:before {
    font-size: 18pt;
    line-height: 18pt;
    color: #ff9156;
}
#anchor-links {
    text-align: center;
    padding-bottom: 80px;
}
#anchor-links .centered {
    max-width: 900px;
}
#anchor-links .text {
    max-width: 390px;
    margin: 0 20px;
}
#anchor-links ul  {
    margin: 0 auto;
    max-width: 440px;
    width: 100%;
    padding-left: 0;
}
body.why-salsa #webinar-info {
    max-width: 100%;
}
#anchor-links ul li, body.why-salsa #webinar-info ul li {
    text-align: left;
    margin-bottom: 10px;
}
body.why-salsa #webinar-info ul li {
    font-size: 14pt;
    line-height: 18pt;
    margin-bottom: 20px;
}
body.why-salsa #webinar-info ul li::before {
    font-size: 11pt;
}
#anchor-links ul li a, body.why-salsa #webinar-info ul li a {
    color: #31a0d6 !important;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
    transition: all  0.3s ease-in-out 0.1ms;
}
#anchor-links ul li a:hover, body.why-salsa #webinar-info ul li a:hover {
    border-bottom: 1px solid #31a0d6;
    cursor: pointer;
}
#anchor-links .next-section-arrow {
    margin: 60px 0 0;
    position: relative;
    top: 0 !important;
}
.salsa-is-different h2 {
    color: #0095ba;
    font-size: 38pt;
    font-weight: bold;
    line-height: 42pt;
    margin-bottom: 0;
}
#salsa-difference {
    padding: 60px 20px 100px;
    background-attachment: fixed;
    /*background-image: url("https://www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/faint-polygons.jpg") !important;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#salsa-difference .centered {
    max-width: 900px !important;
}
#salsa-difference h3, #salsa-difference p {
    margin: 0 auto 20px;
    max-width: 1000px;
}
#salsa-difference h3 {
    font-weight: 400 !important;
    font-size: 24pt !important;
    line-height: 28pt !important;
}
#salsa-difference img {
    display: block;
    margin: 0 auto;
    max-width: 1000px !important;
    width: 100%;
}
#salsa-difference .next-section-arrow {
    margin-top: 40px;
    top: 0;
}
#single-testimonial {
    padding: 80px 20px;
    background-color: #fda575;
}
#single-testimonial .centered {
    max-width: 900px !important;
}
#single-testimonial blockquote {
  display:block;
  padding: 15px 45px 15px 45px;
  margin: 0 0 40px;
  position: relative;
  font-family: "Open Sans";
  font-size: 18pt;
  line-height: 1.4;
  color: white;
  text-align: center;
}
#single-testimonial blockquote::before {
  content: "\201C";
  font-family: "Times New Roman";
  font-size: 80px;
  font-weight: 700;
  color: white;
  position: absolute;
  left: 0px;
  top:-11px;
  margin-right: 20px;
}
#single-testimonial blockquote::after {
  content: "\201D";
  font-family: "Times New Roman";
  font-size: 80px;
  font-weight: 700;
  color: white;
  position: relative;
  left: 10px;
  top:-20px;
  display: inline;
  margin-left: 20px;
  float: right;
}
.homepage-case-studies blockquote::before {
  font-size: 60px !important;
  font-weight: 300 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  top: 10px !important;
}
.homepage-case-studies blockquote::after {
  left: 16px !important
  margin-left: 0 !important;
  top: 20px !important;
  font-size: 60px !important;
  font-weight: 300 !important;
}
#single-testimonial .quote-image {
    margin: 20px auto 10px;
    max-width: 100px !important;
    width: 100%;
    float: none;
}
#single-testimonial .quote-image img {
    border: 3px solid #fda575 !important;
    border-radius: 50%;
    /* filter: grayscale(100%); */
    height: 100px !important;
    width: 100px !important;
    box-shadow: 0 0 0 6px white;
}
#single-testimonial .quote-name {
    text-align: center;
}
#single-testimonial .quote-name p {
    color: white !important;
    margin-bottom: 0 !important;
}
#single-testimonial .quote-company {
    max-width: 120px;
    margin: 0 auto !important;
    float: none;
}
#software-reviews {
    padding: 40px 20px;
}
#software-reviews .centered {
    max-width: 900px !important;
}
#software-reviews h2 {
    color: #0095ba;
    font-size: 38pt;
    font-weight: bold;
    line-height: 42pt;
}
#software-reviews .smedium-stack {
    text-align: center;
}
#software-reviews .row-fluid-wrapper {
    margin: 20px 0 40px;
}
#customer-performance {
    padding: 60px 20px;
}
#customer-performance .centered {
    max-width: 900px !important;
}
#customer-performance .customer-performance-stat {
    padding: 0 30px;
}
#customer-performance h2 {
    color: #0095ba;
    font-size: 38pt;
    font-weight: bold;
    line-height: 42pt;
    text-align: center;
    margin-bottom: 50px;
}
#customer-performance .row-fluid {
    margin: 20px 0;
}
#NTEN-Section {
    /* background-image: url("https://www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/BluePolys7.jpg") !important; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 100px 0;
}
#NTEN-Graphic-Badge {
    display: none;
}
#NTEN-Graphic-Badge ul {
    padding-left: 0;
}
#NTEN-Graphic-Badge ul li {
    color: white !important;
    margin-bottom: 40px;
    text-align: center !important;
    font-size: 16pt !important;
    line-height: 20pt !important;
}
#NTEN-Graphic-Badge ul li::before {
    content: none !important;
}
@media (min-width: 50px) and (max-width: 1260px) {
    body.why-salsa #salsa-engage-stack {
    margin: 0 auto !important;
    float: none !important;
    max-width: 93% !important;
    }
}
@media (min-width: 50px) and (max-width: 1100px) {
    body.why-salsa .why-salsa-header-text, body.why-salsa .why-salsa-header-image {
    width: 100%;
    float: none;
    max-width: 100%;
    padding: 20px;
    margin: 0 auto;
    }
    body.why-salsa .why-salsa-header-text h1, body.why-salsa .why-salsa-header-text p {
    text-align: center !important;
    }
    body.why-salsa .hero-wrapper {
    padding-top: 40px !important;
    min-height: 970px !important;
    }
}
@media (min-width: 50px) and (max-width: 900px) {
    body.why-salsa .hero-wrapper {
    min-height: 880px !important;
    }
    #anchor-links .text {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
    }
    #anchor-links .text h3 {
    text-align: center !important;
    }
    #anchor-links ul li {
    text-align: center !important;
    }
    #anchor-links ul li::before {
    content: none !important;
    }
    body.why-salsa #salsa-can-help {
    margin: -100px auto 0px;
    }
}
@media (min-width: 50px) and (max-width: 850px) {
    body.why-salsa .webinars-block .webinar-image img {
    width: 100% !important;
    max-width: 100% !important;
    }
    body.why-salsa .webinars-block .webinar-image {
    margin-bottom: 0 !important;
    }
}
@media (min-width: 50px) and (max-width: 768px) {
    #NTEN-Graphic-Badge {
    display: block;
    }
    #NTEN-Graphic-Quotes {
    display: none;
    }
    #software-reviews img {
    margin-bottom: 30px;
    }
}
@media (min-width: 50px) and (max-width: 600px) {
    body.why-salsa #question-mark-circle {
    float: none !important;
    margin: 0 auto !important;
    }
    body.why-salsa .salsa-is-different h2 {
    float: none !important;
    }
    body.why-salsa #salsa-difference #numbered-circle {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    padding: 12px 27px !important;
    height: 75px !important;
    width: 75px !important;
    -radius: 40px !important;
    -moz-border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    }
    #salsa-difference .centered {
    text-align: center;
    }
}
@media (min-width: 50px) and (max-width: 680px) {
    body.why-salsa .hero-wrapper {
    min-height: 800px !important;
    }
}
@media (min-width: 50px) and (max-width: 480px) {
    body.why-salsa .hero-wrapper {
    min-height: 810px !important;
    }
}
@media (min-width: 50px) and (max-width: 400px) {
    body.why-salsa .hero-wrapper {
    min-height: 890px !important;
    }
}

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


    Comparision Pages


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

body.vs .hero-wrapper {
    min-height: 100% !important;
    padding: 20px !important;
    /* background: radial-gradient(at bottom, #0096D6 12%, #00328F) !important; */
}
#comparision-image {
    padding: 60px 0;
    /* background: radial-gradient(at bottom, #0096D6 12%, #00328F); */
}
#comparision-image .centered {
    max-width: 900px;
}
#salsa-u {
    background: transparent !important;
    margin-top: 40px;
}
#salsa-u ul li {
    margin-bottom: 15px;
    font-weight: 300;
}
#salsa-u ul li:before {
  left: -10px !important;
}



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


    Thank You Page


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

body.thank-you-page-2017 #header {
    background: url("https://www.salsalabs.com/hubfs/1_Website/1_Thank_You_Page_2017/Images/Thank-You-Top-Header.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 60px 20px;
}
body.thank-you-page-2017 .body-container-wrapper {
    padding-top: 0px !important;
    margin-top: -5px !important;
}
body.thank-you-page-2017 .body-container-wrapper {
    padding-top: 0px !important;
    margin-top: -5px !important;
}
body.thank-you-page-2017 #thank-you-footer ul li {
    margin-bottom: 0px !important;
}
body.thank-you-page-2017 #thank-you-footer form {
    background-color: transparent !important;
}
body.thank-you-page-2017 #thank-you-footer input[type="submit"] {
    font-size: 14px !important;
}
body.thank-you-page-2017 #thank-you-footer .hs-form .hs-input {
    max-width: 270px !important;
}

@media (min-width: 50px) and (max-width: 1000px) {
    body.thank-you-page-2017 #thank-you-feature-blocks {
        padding: 0 !important;
    }
}
@media (min-width: 50px) and (max-width: 768px) {
    body.thank-you-page-2017 .thank-you-message {
    padding: 0 20px !important;
    text-align: center !important;
    }
    body.thank-you-page-2017 #thank-you-feature-section {
    padding: 80px 0 !important;
    }
    body.thank-you-page-2017 #thank-you-feature-blocks {
    margin-bottom: 20px;
    }
    body.thank-you-page-2017 #thank-you-feature-blocks img {
    width: 100% !important;
    }
    body.thank-you-page-2017 #thank-you-feature-blocks p {
    min-height: 80px !important;
    }
}


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


    Our Story


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

/* Our story text*/
.os-top-blurb{
    text-align: center;
    font-family: "Open Sans";
    font-size: 18pt;
    color: #868686;
    font-weight: 300;
    margin-bottom: 60px;
}
/* Our story background*/
#our-story-section{ 
    background: #0095ba !important;
    padding: 50px 0 40px 0;
}
/* Our story text*/
.os-txt-wrap p{
    text-align:left;
    color:white;
}
/* Our story header*/
.os-txt-wrap h2{
    text-align:center;
    color:white;
    font-family: "Open Sans";
    font-size: 28pt;
    color: white;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.map-img{
 text-align:center;   
}

#world-map-section{
    width:100% !important;
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Pricing%20Page/PricingPolygons.jpg?t=1482961843662") repeat-y 0 0 !important;
    background-size: 100% !important;
    padding:0 0 20px 0;
}
.world-map-title .secondary-header{
    text-align: center;
    font-family: "Open Sans";
    font-size: 32pt;
    color: #ff9156;
    font-weight: 400;
    line-height: 36pt;
    margin-top:60px;
}
#redirect-section{
    background-color:#f9f9f9;
    
}
.redirect-link{
    font-size:13pt;
}
#redirect-boxes{
    margin-top:40px;
}

/*------------------------ MGT Team / Join Team / News START -----------------------------------*/

.boost h2, .deepen h2, .accelerate h2 {
    text-align: center;
    font-family: "Open Sans";
    font-size: 24pt;
    color: #666666;
    font-weight: 300;
    margin-bottom: 20px;
}
.boost p, .deepen p, .accelerate p {
    text-align: center;
    font-family: "Open Sans";
    font-size: 16pt;
    color: #666666;
    font-weight: 300;
    padding-bottom: 20px;
    line-height: 22pt;
}
/*---- MGT Team / Join Team / News END -------------------------------------------------------*/
.footer-bottom{
    padding-top:0 !important;
}
@media (min-width: 50px) and (max-width: 620px) {  
body.our-story p{
    font-size:12pt;
}
body.our-story h1{
   font-size:25pt; 
}
body.our-story .our-story h2{
    font-size: 16pt;
}
body.our-story .world-map-title .secondary-header {
    font-size: 20pt;
}
}


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


    Management Team


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

#main-bio-section{
    margin-bottom:20px;
}

.bio-section{
    border-bottom:1px solid #007592;
    margin-bottom:40px;
}

.job-title{
    color:#ff9156;
    font-size:16pt;
    margin-bottom:20px;
}

.favorite-quote{
    color:#0095ba;
}

.bio-text{
    margin-bottom:20px;
}

@media (min-width: 50px) and (max-width: 620px) {  
body.management-team p{
    font-size:12pt;
}
body.management-team h1{
   font-size:25pt; 
}
}

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


    Careers


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

.join-salsa h1{
    color:#0895bb;
    margin-bottom: 9px;
    font-size: 33pt;
    font-family: "Open Sans";
}

#moving-background{
    background-attachment: fixed;
    background-color: #fcfcfc;
    /* background-image: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/testimonial-background.jpg?t=1485375293633") !important; */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 40px 0 !important;
    background-position: center center;
}

.os-txt-wrap ul li{
    color:white;
    font-family: "Open Sans";
    font-size: 14pt;
    line-height: 22pt;
    letter-spacing: .01em;
}

#how-to-apply{
    margin-top:50px;
    margin-bottom:40px;
}

#how-to-apply h2{
    font-family: "Open Sans";
    font-size: 31pt;
    color: #ff9156;
    font-weight: 400;
    line-height: 36pt;
    margin:0 0 10px 0;
}

@media (min-width: 50px) and (max-width: 620px) {
body.careers .os-txt-wrap ul li{
font-size: 12pt;
}
body.careers .join-salsa h1{
    font-size: 23pt;
}
body.careers #how-to-apply h2{
    font-size: 23pt;
}
body.careers body.careers.os-txt-wrap h2, body.careers.boost h2, body.careers.deepen h2, body.careers.accelerate h2{
    font-size:20pt;
}
}

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


    Support Page


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

#support-top{
    margin-bottom:0px;
}
.support-actions{
    padding:10px;
    max-width:300px;
}
body.support-page #webinars-section{ 
 padding: 30px 0 !important;
 background-image:none !important;
}
body.support-page #webinars-section .webinar-item img {
  max-width: 70%;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
    max-height: 251px !important;
}
body.support-page .webinars-block {
    border: 2px solid #0b85a2;
}
body.support-page #moving-background{  
    background-attachment: fixed;
    background-color: #fcfcfc;
    background-image: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/bottom-cta-background.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0 20px 0 !important;
    background-position: center center;
}
.support-text{
    padding: 50px 0 40px 0;
    color:white;
    font-size:22px;
}
body.support-page .webinar-item .button{
    text-align:center;
    float:none;
    padding: 10px 0 18px 0;
}
body.support-page .webinar-item img {
  max-width: 70%;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  transition: all .4s;
    max-height: 251px !important;
}
body.support-page .webinar-item p {
    opacity: 100;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
}
body.support-page .webinar-item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
body.support-page .webinar-item:hover p {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
  transform: scale(1);
}
#reach-out{
    background-color:#f9f9f9;  
    padding-top: 50px;
    padding-bottom:40px;
}
body.support-page .centered, body.support-page .container-fluid .row-fluid .centered {
    max-width:940px;
}
body.support-page .mobile-support-graphic {
    display:none;
}
body.support-page .desktop-support-graphic{
    text-align:center;
}

@media (min-width: 50px) and (max-width: 420px) {
body.support-page h2{
        font-size:18px !important;
}
.support-text{
    padding: 20px 0 10px 0;
    font-size:17px;
}
body.support-page .webinar-item p{
    color: rgb(134, 134, 134);
    display: block;
    font-size: 10pt;
    line-height: 18pt;
    margin: 10px 0 20px;
    padding: 0 10px;
}
body.support-page .webinar-item .button a{
    font-size:9pt;
}
body.support-page .webinar-item .button{
    margin-bottom:10px;
}
.support-actions{
    max-width:200px;
}
}

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


    Best Practices Page


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

body.best-practices .body-container-wrapper {
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Homepage/Backgrounds/RepeatPolys3.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
body.best-practices h2 {
    font-size: 22pt !important;
    font-weight: 400 !important;
    line-height: 26pt !important;
}
body.best-practices .default-button.negative {
    color:white !important;
    font-size: 16px !important;
    border: 1px solid white !important;
    font-weight: 600 !important;
    font-family: "Open Sans" !important;
}
body.best-practices .default-button:hover {
    background-color: #e98651 !important;
}
body.best-practices b, body.best-practices strong {
    font-weight: 600;
}

@media (min-width: 50px) and (max-width: 620px) {
body.best-practices h2{
    font-size:1.8em;
}
}


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


    Partners Page


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

body.partners-page .body-container-wrapper {
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Homepage/Backgrounds/RepeatPolys3.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
body.partners-page h2 {
    font-size:2.0em;
}
body.partners-page .default-button.negative {
    color:white !important;
    font-size: 16px !important;
    border: 1px solid white !important;
    font-weight: 600 !important;
    font-family: "Open Sans" !important;
}
body.partners-page .default-button:hover {
    background-color: #e98651 !important;
}
body.partners-page b, body.partners-page strong {
    font-weight: 600;
}

@media (min-width: 50px) and (max-width: 620px) {
body.partners-page h2{
    font-size:1.8em;
}
}


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


    Case Studies Page


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

body.case-studies-2017 h1 {
    margin-left:0 !important;
}
body.case-studies-2017 h2 {
    margin-bottom:30px;
    color:#ff9156; 
    font-weight: 600;
    font-size: 50px;
    text-align:center;
}
body.case-studies-2017 h3 {
    font-weight:400;
    margin-bottom: 15px;
}
body.case-studies-2017 .flexible-listing-item h2 {
    font-weight:400 !important;
    font-size: 20pt !important;
    line-height: 24pt !important;
}
body.case-studies-2017 .content-section {
    padding-bottom:0 !important;
}
body.case-studies-2017 .default-button.negative {
    color:white !important;
    font-size: 16px !important;
    border: 1px solid white !important;
    font-weight: 600 !important;
    font-family: "Open Sans" !important;
}
body.case-studies-2017 .default-button:hover {
    background-color: #e98651 !important;
}
body.case-studies-2017 b, body.case-studies-2017 strong {
    font-weight: 600;
}
body.case-studies-2017 .body-container-wrapper {
    padding-top:0 !important;
}
body.case-studies-2017 #s-org-header {
    margin-bottom:80px;
}
body.case-studies-2017 .centered {
    max-width:980px !important;
}
body.case-studies-2017 #global-menu-header .centered {
    max-width:100% !important;
}
body.case-studies-2017 #footer-wrapper .footer-main .centered {
    max-width:1200px !important;
}
body.case-studies-2017 #footer-wrapper .centered {
    max-width:1240px !important;
    padding-top:20px;
}
body.case-studies-2017 .footer-bottom {
    padding:0 !important;
}
#org-video {
    margin-bottom:50px;
}
#org-video-2 {
    margin-bottom:0px;
}


/*-----Organization Bio----*/

body.case-studies-2017 .organization-logo{
    text-align:center;
}
body.case-studies-2017 .key-features p {
    font-size:12pt;
    line-height:1.3;
    margin-top:10px;
    display:none;
}
body.case-studies-2017 #features {
    background-color:#e3f9ff;
    border-radius: 10px;
    width: 100%;
    padding: 20px 20px 0 20px;
    margin-bottom:60px;  
}
.organization-description-2 {
padding: 15px;
margin: 30px 0;
background-color: transparent !important;
border-radius: 10px;
}

/*-----The Challenge----*/

body.case-studies-2017 .callout-section {
    /*background-color:#00A6CC;*/
    padding:40px 0px;
    background-image: url(" //www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/BluePolys-moreblue.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
body.case-studies-2017 #callout-textbox p {
    color:white;
    font-size:16pt;
    margin-bottom: 0px;
    font-style:italic;
}
body.case-studies-2017 .quote-sub-title {
    font-weight:bold;
    text-align:center;
    color:white;
    font-size: 30px;
}
body.case-studies-2017 .quote-area {
    margin-top:-45px;
}
body.case-studies-2017 .quote-by {
    color:rgba(255, 255, 255, 0.37);
}
body.case-studies-2017 .quote-right-image{
    text-align:right;
    margin-top: -30px;
}
body.case-studies-2017 .standout-section{
    background-color: #f3f3f3;
    padding: 5px;
    border-radius: 2px;
    margin-bottom:50px;
}

/*-----The Results----*/


body.case-studies-2017 #moving-background {
    background-attachment: fixed;
    background-color: #fcfcfc;
    background-image: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Homepage/Backgrounds/boost-deepen-accelerate-background.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 40px 0 !important;
    background-position: center center;
}
body.case-studies-2017 .result-paragraph p {
    font-style:italic;
    line-height:19pt;
    font-size:13pt;
}
body.case-studies-2017 #main-bio-section {
    margin-bottom:20px;
}
body.case-studies-2017 .result-sections {
    border-bottom:3px solid #e0e0e0;
    margin-bottom:40px;
    padding:0 0 20px 0;
}
body.case-studies-2017 .result-sections-2{
    border-bottom:3px solid #e0e0e0;
    margin-bottom:40px;
    padding:0 0 20px 0;
}
body.case-studies-2017 .short-title{
    font-size:20pt;
    color:#03add2;
    margin-bottom:10px;
}
body.case-studies-2017 .favorite-quote{
    color:#0095ba;
}
body.case-studies-2017 .bio-text{
    margin-bottom:20px;
}


/*-----The Bottom Line----*/

body.case-studies-2017 #bottom-line{
    background-color: #2476b5 !important;
    padding:50px 0 40px 0 !important;
    color:#fff;
    font-size:16pt;
}

@media (min-width: 620px) and (max-width: 890px) {

/*-----Organization Bio----*/
body.case-studies-2017 .organization-logo {
    text-align:center;
    max-width:400px;
    margin-bottom: 20px;
}

/*-----The Challenge----*/
body.case-studies-2017 .quote-area {
    margin-top:-10px;
}
body.case-studies-2017 .quote-right-image {
    margin-top: -10px;
}
}

@media (min-width: 50px) and (max-width: 620px) {  
body.case-studies-2017 h1 {
   font-size:25pt; 
}  
body.case-studies-2017 h2 {
   margin-bottom:20px;
   font-size: 40px;
}
body.case-studies-2017 h3 {
    margin-top:20px;
}
body.case-studies-2017 p {
    font-size:12pt;
}

/*-----Organization Bio----*/
body.case-studies-2017 .organization-logo {
    margin-bottom: 20px;
    text-align:center;
}
body.case-studies-2017 .organization-description {
    text-align:center;
}
body.case-studies-2017 .organization-description-2 {
    text-align:center;
}

/*-----The Challenge----*/
body.case-studies-2017 .quote-sub-title {
   font-size: 20px;
}
body.case-studies-2017 #callout-textbox p {
    font-size:12pt;
}
body.case-studies-2017 .quote-area {
 margin-top:0px;
}
body.case-studies-2017 .quote-right-image {
    margin-top: 5px;
}

/*-----The Bottom Line----*/
body.case-studies-2017 .the-bottom-line-text{
    font-size:12pt;
}
}

@media (min-width: 50px) and (max-width: 760px) {
    .result-sections-2 > .row-fluid-wrapper > .row-fluid{
  display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
    .Q2-text-wrap{
        order: 2;
-webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    
        width: 100%;
    }
    .Q2-image-wrap {
        order: 1;
-webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
        width: 100%;
    }
}



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


    Wistia Player


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

/*.wistia_responsive_wrapper button, .wistia_responsive_wrapper input[type="submit"], .wistia_responsive_wrapper input[type="button"], .wistia_responsive_wrapper.hs-button.primary {
    background: transparent !important;
    background-color: transparent !important; 
}
.wistia_responsive_wrapper input[type="submit"] {
    background-color: #ff9156 !important;
}

.w-control-bar, .w-is-visible, .w-is-not-transitioning {
    background: rgba(0,0,0,.5) !important;
}*/
/* .w-control-bar, .w-is-visible, .w-is-not-transitioning {
    display: none !important;
} */
.new-product-features-video:hover, .features-screenshot:hover {
    cursor: pointer !important;
}
.w-menu-bar {
    background: rgba(0, 0, 0, .5) !important;
}
.w-menu--chapters .w-chapters {
    background: transparent !important;
}
.wistia_responsive_wrapper .w-chapters__scrollcontainer .w-menu__list-item button {
    background: transparent !important;
    background-color: transparent !important;
}
.w-control, .w-control--volume, .number-active-2, .w-control-bar__region--volume .w-control--icon {
    background-color: rgba(0, 0, 0, .3) !important; /*#ff9156 #31a0d6*/
}
.w-control-bar__region--volume .w-control--icon {
    background-color: transparent !important;
}
.wistia_responsive_wrapper h1 {
    font-size: 20pt !important;
    line-height: 24pt !important;
    margin: 10px auto !important;
}
.wistia_responsive_wrapper form label {
    float: left !important;
}
.wistia_responsive_wrapper form .input, .wistia_responsive_wrapper form .input .hs-input {
    max-width: 180px !important;
    float: left !important;
}
.wistiaHubspotFormWrapper {
    width: 100% !important;
    max-width: 370px !important;
    margin: 0 auto !important;
}
.wistia_responsive_wrapper form fieldset {
    max-width: 450px !important;
    float: none !important;
    margin: 0 auto;
}
.wistia_responsive_wrapper form fieldset li:before {
    display: none !important;
}
.wistia_responsive_wrapper form fieldset ul li {
    padding-left: 5px !important;
}
.wistia_responsive_wrapper form fieldset ul li label {
    font-size: 6.5pt !important;
    color: white !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}
.wistiaHubspotFormWrapper input[type="text"], .wistiaHubspotFormWrapper input[type="email"], .wistiaHubspotFormWrapper select {
    font-size: 11pt !important;
}
.wistiaHubspotFormWrapper form .hs_submit {
    max-width: 190px !important;
    margin: 15px auto 0 !important;
    float: none !important;
}
.wistiaHubspotFormWrapper form .hs-form-required {
    margin-right: 5px !important;
}
.wistiaHubspotFormWrapper select {
    border-radius: 0px !important;
    color: gray !important;
    padding: 0 10px!important;
    margin: 0 0 4px!important;
}
@media (min-width: 50px) and (max-width: 600px) {
.wistiaHubspotFormWrapper form fieldset {
    max-width: 340px !important;
}
.wistiaHubspotFormWrapper form fieldset .hs_firstname,
.wistiaHubspotFormWrapper form fieldset .hs_email,
.wistiaHubspotFormWrapper form fieldset .hs_company,
.wistiaHubspotFormWrapper form fieldset .hs_cause {
    float: none !important;
    max-width: 250px !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.wistia_responsive_wrapper form .input, .wistia_responsive_wrapper form .input .hs-input {
    max-width: 250px !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
}
}

    


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


    Smart Start Page


========================================================================== */
body.smart-start-page #hbl-live-chat-wrapper {
    display: none !important;
}
body.smart-start-page .hero-wrapper {
    background-image: none !important;
    background-color: white;
    padding-top: 80px !important;
    min-height: 0 !important;
}
body.smart-start-page .testimonial-title {
    color:#fff;
}
body.smart-start-page #testimonials q::before, body.smart-start-page #testimonials blockquote::before {
    color: white;
}
body.smart-start-page #testimonials accentColor1 .fa {
    display: none !important;
}
body.smart-start-page #testimonials .name, body.smart-start-page #testimonials .title {
    color: white;
    float: right;
}
body.smart-start-page #testimonials .ss-header-2 h1 {
    font-size: 27pt;
    line-height: 30pt;
    margin-bottom: 20px;
}
body.smart-start-page .ss-logo {
    margin-bottom: 60px;
    text-align: center;
}
#smart-start-header, body.smart-start-page .row-number-11 {
    background: url("//www.salsalabs.com/hubfs/Salsa%20Website%202017/Pricing%20Page/PricingPolygons.jpg") repeat-y 0 0 !important;
    background-size: 100% !important;
    padding: 100px 0 0;
}
body.smart-start-page .ss-header .secondary-header {
    text-align: center;
    color: #0095ba !important;
    font-weight: 500;
    letter-spacing: .01em;
    font-size: 30pt;
    line-height: 34pt;
    margin: 0 0 60px;
}
body.smart-start-page .ss-header h1 {
    text-align: center;
    color: #0095ba !important;
    font-weight: 500;
    letter-spacing: .01em;
    font-size: 30pt;
    line-height: 34pt;
    margin: 0 0 60px;
}
body.smart-start-page .ss-header-2 h1{
    text-align: center;
    color: white;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 45pt;
    margin: 5px;
}
body.smart-start-page .secondary-header{
    letter-spacing: .01em;
    text-align: center;
    font-size: 18pt;
}
body.smart-start-page .cohort-box{
    border:solid 6px #5f6062;
    padding:20px 20px 40px 20px;
    background-color:white;
    margin-bottom:70px;
}
body.smart-start-page .cohort-box-title{
    letter-spacing: .01em;
    margin: 0;
    text-align:center;
    font-size:35px;
    color:#5f6062;
}
body.smart-start-page .cohort-box-subtitle{
    background-color: rgb(0, 149, 186);
    padding: 1px 0px 1px 5px;
    color: white;
    margin:7px 0 15px 0;
    text-align:center;
}
body.smart-start-page .cohort-detail{
    font-size:11px;
    line-height: 14px;
    text-align:center;
}
body.smart-start-page .session-title{
    margin-bottom:2px;
    text-align:center;
}
body.smart-start-page .session-calendar-date{
    margin-bottom:5px;
    text-align:center;
    color:#5f6062;
    line-height:1.5;
    font-size:16px;
    font-weight:bold;
    background-color:#eee;
   padding: 5px 0;
}
body.smart-start-page #blueprint-section{
    padding:100px 0;
}
body.smart-start-page .bp-mobile-img .hs-image-widget {
    display:none;   
}
body.smart-start-page .wssw-section{
    padding:10px 0;
}
body.smart-start-page .wssw-img{
    margin-top:40px;
    margin-bottom:100px;
}
body.smart-start-page .wssw-mobile-img .hs-image-widget {
    display:none;   
}
body.smart-start-page .blueprint-img .hs-image-widget{
    margin:0 auto;
}
body.smart-start-page .ss-register-btn{
   background-color:#ff9156;
}
body.smart-start-page .cohort-box .default-button{
margin:20px 50px 0px 50px;
}
body.smart-start-page .ss-quote{
    color:white;
    padding-bottom:30px;
}
body.smart-start-page .hero-wrapper-2 .accentColor1 .fa {
    display:none;
}
body.smart-start-page .hero-wrapper-2 .testimonial-headshot{
        display:none;
}


@media (min-width: 50px) and (max-width: 620px) {
    
body.smart-start-page.ss-header h1{
    font-size: 22pt;
    line-height: 25pt;
}
body.smart-start-page .ss-header-2 h1{
    font-size: 22pt;
    line-height: 25pt;
}
body.smart-start-page .secondary-header{
    font-size: 14pt;
}
body.smart-start-page .bp-mobile-img .hs-image-widget {
    display:block;   
}
body.smart-start-page .blueprint-img .hs-image-widget{
    display:none;
}
body.smart-start-page .wssw-mobile-img .hs-image-widget {
    display:block;   
}
body.smart-start-page .wssw-img .hs-image-widget{
    display:none;
}
body.smart-start-page .wssw-img{
    margin-top:0px;
    margin-bottom:px;
}
body.smart-start-page .wistia_responsive_wrapper{
 left:50px !important;   
}
}


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


    Landing Pages


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

body.2017-landing-page #tab1-content {
    max-width: 46% !important;
}

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


    Blog


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

body.salsa-blog-template-2017 .header-inner-wrapper {
    max-width: 100% !important;
}

body.act-blog-i-template .content-section {
    padding: 20px 0;
}
body.act-blog-i-template .page-title-wrapper {
    background-color: #0095ba !important;
}
body.act-blog-i-template .page-title-wrapper .page-title h1 {
    font-family: "Open sans" !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 32pt !important;
    line-height: 36pt !important;
    text-align: center;
    letter-spacing: 0.05em !important;
}
body.act-blog-i-template .centered, body.act-blog-i-template .container-fluid .row-fluid .centered {
    max-width: 1350px !important;
}
body.act-blog-i-template .sidebar {
    border: none !important;
    max-width: 365px;
}
body.act-blog-i-template .sidebar p {
    font-size: 14pt;
    line-height: 18pt;
    font-weight: 300;
}
body.act-blog-i-template .sidebar h3 {
    font-size: 18pt !important;
    line-height: 22pt !important;
    color: #2476b5 !important;
    background-color: transparent !important;
    border-left: 7px solid #2476b5 !important;
    padding: 10px 10px 10px 20px !important;
    margin-bottom: 20px !important;
}
body.act-blog-i-template .sidebar .blog-nten {
    padding: 70px 0;
}

body.act-blog-i-template .sidebar .hs_submit .actions {
    text-align: center !important;
}
body.act-blog-i-template .column a, body.act-blog-i-template .sidebar a {
    color: #2476b5 !important;
}
body.act-blog-i-template .sidebar .blog-sidebar-subscribe .primary {
    float: left !important;
}
body.act-blog-i-template .sidebar .blog-sidebar-subscribe .hs-input {
    width: 100% !important;
}
body.act-blog-i-template .sidebar .default-button-5:hover {
    color: white !important;
}

body.act-blog-i-template .column .act-blog-post-title {
    line-height: 22pt !important;
    text-align: left;
    font-size: 18pt !important;
    min-height: 100px;
}
body.act-blog-i-template .act-blog-inner-template-single-post .act-blog-post-title {
    line-height: 36pt !important;
    font-size: 32pt !important;
}
body.act-blog-i-template .column .act-blog-post-title a {
    font-size: 18pt !important;
    line-height: 22pt !important;
    font-weight: 600;
}
body.act-blog-i-template .column .act-blog-post-title a:hover {
    display: cursor;
}

body.act-blog-i-template .section-intro {
    padding-bottom: 0px !important;
}
body.act-blog-i-template .section-intro h2 {
    margin-bottom: 10px !important;
}
body.act-blog-i-template .section-intro:after {
    background: none !important;
}
body.act-blog-i-template .act-blog-featured-image, body.act-blog-i-template .act-blog-featured-image img {
    max-width: 830px !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 180px !important;
    height: 180px !important;
}


body.act-blog-i-template .column .act-blog-more-button {
    color: white !important;
    border: 1px solid #ff9156 !important;
    color: #ff9156 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease-in-out 0.1ms;
    background-color: transparent !important;
}
body.act-blog-i-template .column .act-blog-more-button:hover {
    background-color: #ff9156 !important;
    color: white !important;
}
body.act-blog-i-template .act-blog-pagination {
    display: none;
}
body.act-blog-i-template .pagination {
    margin: 0 auto !important;
    float: none !important;
    max-width: 436px !important;
}
body.act-blog-i-template .pagination li a {
    color: #0095ba !important;
}
body.act-blog-i-template .pagination li {
    border: 1px solid #0095ba;
    padding: 6px;
    width: 40px;
    text-align: center !important;
    height: 40px;
    display: block !important;
    float: left !important;
    transition: all 0.3s ease-in-out 0.1ms;
    margin: 0 5px !important;
}
body.act-blog-i-template .pagination li:hover {
    cursor: pointer;
    background-color: #0095ba;
    color: white;  
}
body.act-blog-i-template .pagination li:hover a {
    color: white !important;  
}
body.act-blog-i-template .act-blog-post-listing-full-item {
    max-width: 44%;
    float: left;
    display: block !important;
    margin: 0 20px 60px;
    border-bottom: 1px solid lightgray;
    min-height: 280px;
}
body.act-blog-i-template .act-blog-post-listing-full-item:first-child {
    max-width: 100% !important;
    margin: 0 0 60px;
}
body.act-blog-i-template .act-blog-post-listing-full-item:first-child h2 a,
body.act-blog-i-template .act-blog-inner-template-single-post h2 {
    font-size: 32pt !important;
    line-height: 36pt !important;
    font-weight: 600 !important;
}
body.act-blog-i-template .act-blog-featured-image:first-child, body.act-blog-i-template .act-blog-post-listing-full-item:first-child img {
    height: 100% !important;
}
body.act-blog-i-template .section-intro .act-blog-post-author-top-intro, body.act-blog-i-template .section-intro .act-blog-post-published-on {
    opacity: 1 !important;
}
body.act-blog-i-template .section-intro {
    margin-bottom: 0 !important;
}
body.act-blog-i-template .section-intro .act-blog-post-header-data {
    text-align: left;
}
body.act-blog-i-template .act-blog-comments-count {
    display: none;
}
body.act-blog-i-template .act-blog-inner-template-single-post .act-blog-comments-count {
    display: block !important;
}
body.act-blog-i-template .act-blog-sharing {
    display: none;
}
body.act-blog-i-template .act-blog-inner-template-single-post .act-blog-sharing {
    display: block !important;
}
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-post-body p,
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-post-body ul,
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-post-body ol {
    display: none !important;
}
body.act-blog-i-template .act-blog-post-listing-full-item:first-child .act-blog-post-body p {
    display: block !important;
}
body.act-blog-i-template .act-blog-post-listing-full-item .screenshot-text {
    display: none !important;
}
body.act-blog-i-template .act-blog-more-and-comments {
    max-width: 280px;
    float: left;
}
body.act-blog-i-template .act-blog-post-topics {
    /* float: right;
    max-width: 300px; */
    margin: 0;
    padding: 0;
    display: none;
}
body.act-blog-i-template .act-blog-inner-template-single-post .act-blog-post-topics {
    float: none;
    max-width: 100%;
    margin: 30px 0 0;
    padding: 26px 0;
    display: block;
}
body.act-blog-i-template .column .bottom-shadow {
    display: none;
}
body.act-blog-i-template .column .act-blog-more-button {
    display: none;
}
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-featured-image {
    min-height: 176px !important;
}
body.act-blog-i-template .act-blog-inner-template-single-post .act-blog-post-listing-full-item .act-blog-featured-image {
    min-height: 100% !important;
}
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-post-body {
    max-height: 266px !important;
}
body.act-blog-i-template .act-blog-post-listing-full-item:first-child  .act-blog-post-body {
    max-height: 100% !important;
}
body.act-blog-i-template .sidebar .guide-list ul {
    padding-left: 0;
}
body.act-blog-i-template .sidebar .guide-list ul li:before {
    content: none !important;
}
body.act-blog-i-template .sidebar .guide-list ul li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}
body.act-blog-i-template .sidebar .guide-list ul li a {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}
body.act-blog-i-template .sidebar .form ul {
    margin: 0 auto !important;
}
#my_typeform {
display: block;
width: 100%;
height: 300px;
margin: 0 auto !important;
}
#typeform .form .questions {
    position: relative;
    font-family: "Source Sans Pro",sans-serif;
    padding: 0 20px;
    margin: 0 auto !important;
}
body.act-blog-i-template .sidebar #typeform {
    top: -300px !important;
}


.header-blog-signup-form input {
    max-width: 250px; 
    float: left;
    margin-right: 20px;
}
.header-blog-signup-form button, .header-blog-signup-form input[type="submit"], .header-blog-signup-form input[type="button"], .header-blog-signup-form .hs-button.primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 11px 25px !important;
    margin-left: 20px;
}
.header-blog-signup-form .field>label {
    color: white !important;
    float: left !important;
    margin: 16px 20px 0 0;
}
.header-blog-signup-form #hs_cos_wrapper_module_1492014411839564 {
    color: white;
    font-size: 24pt !important;
    font-weight: 700 !important;
}



@media (min-width: 50px) and (max-width: 768px) {
body.act-blog-i-template .act-blog-post-listing-full-item {
    width: 100% !important;
    max-width: 100% !important;
}
body.act-blog-i-template .act-blog-featured-image, body.act-blog-i-template .act-blog-featured-image img {
    height: 100% !important;
}
body.act-blog-i-template .act-blog-post-topics {
    display: none;
}
body.act-blog-i-template .act-blog-post-listing-full-item {
    max-width: 100%;
    float: none;
    margin: 0 20px 100px 0;
}
}
/* body.act-blog-i-template .act-blog-post-listing-full-item {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;

    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    box-orient: vertical !important;
}
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-post-header {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}
body.act-blog-i-template .act-blog-post-listing-full-item .act-blog-post-body {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
} */



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


    Video Library


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

.video-library-header {
    min-height: 300px !important;
    padding: 20px 60px;
    background: url(https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/Blog%20Images/SalsaBlogHeader.jpg?t=1492172255185) no-repeat 0 0 !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center -280px !important;
}
.video-library-header p {
    margin-top: 30px;
}
.video-search {
    float: left;
}
#video-library-block {
    max-width: 320px;
    margin: 15px 15px 25px;
    display: inline-block;
    float: left;
    /* min-height: 380px; */
    -webkit-box-shadow: 0px 8px 18px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 8px 18px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 8px 18px 0px rgba(50, 50, 50, 0.3);
    max-height: 180px;

}
#video-library-block h3 {
    display: none;

}
.video-select-list, #search-by {
    max-width: 250px;
    float: left;
}
.video-select-list {
    margin-right: 40px;
}
#search-by {
    margin-right: 20px;
}
#video-library-block img {
    margin-bottom: 20px;
}
#video-library-block h3 {
    font-size: 16pt !important;
    line-height: 20pt;
}

@media (min-width: 50px) and (max-width: 1060px) {
.video-select-list {
    max-width: 1000px;
}
#video-top-search-options #video-drop-down {
    margin-left: 0 !important;
}
#video-search h4 {
    float: none !important;
    clear: left;
}
#video-search #search-by {
    max-width: 80%;
    margin-right: 20px !important;
}
#video-library-block {
    max-width: 46% !important;
    width: 100% !important;
    max-height: 100% !important;
}
#video-library-block img {
    margin-bottom: 0 !important;
}
}
@media (min-width: 50px) and (max-width: 800px) {
#video-library-block {
    max-width: 45% !important;
    margin: 10px;
}
}
@media (min-width: 50px) and (max-width: 675px) {
#video-search #search-by {
    max-width: 100%;
    margin-bottom: 20px !important;
}
#video-top-search-options input[type="submit"] {
    margin: 0 auto !important;
    max-width: 210px !important;
    width: 100% !important;
    display: block;
    clear: both;
}
#video-library-block {
    max-width: 500px !important;
    margin: 30px auto !important;
    width: 100% !important;
    float: none !important;
    display: block;
}
}


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


    Solutions by Team


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

body.solutions-by-team #div1, body.solutions-by-team #div2, body.solutions-by-team #div3 {
    width: 500px;
    max-width: 500px;
    position: absolute;
}
#custom-horizontal-tabber {
    min-height: 709px;
}
#myTab1, #myTab2, #myTab3, #myTab4 {
    margin: 0 20px;
}
#myTab1:hover,
#myTab2:hover,
#myTab3:hover,
#myTab4:hover {
    cursor: pointer !important;
}
body.solutions-by-team #image1, body.solutions-by-team #image2, body.solutions-by-team #image3, body.solutions-by-team #image4 {
    width: 500px;
    max-width: 500px;
    position: absolute;
}
body.solutions-by-team #text1, body.solutions-by-team #text2, body.solutions-by-team #text3, body.solutions-by-team #text4 {
    width: 500px;
    max-width: 500px;
    position: absolute;
}
body.solutions-by-team #text1 ul, body.solutions-by-team #text2 ul, body.solutions-by-team #text3 ul, body.solutions-by-team #text4 ul {
    padding: 0 0 0 20px;
}
body.solutions-by-team #text1 ul li, body.solutions-by-team #text2 ul li, body.solutions-by-team #text3 ul li, body.solutions-by-team #text4 ul li {
    font-size: 11pt;
    line-height: 14pt;
    margin-bottom: 10px;
}
.vertical-tabs .default-button::after {
    display: none;
}
.vertical-tabs .default-button:active, .vertical-tabs button:active {
 
}
body.solutions-by-team #advocacy-bottom-cta {
    background: url(https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/advocacy-cta-graphic-2017.jpg) no-repeat 0 0 !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center !important;
}

/* --------- Animated Border Underlines ---------*/


#myTab1 h3, #myTab2 h3, #myTab3 h3, #myTab4 h3 {
    text-decoration: none;
    position: relative;
    padding: 10px;
    color: #000;
    transition: all 0.3s ease-in-out 0.1ms;
}
#myTab1 h3:hover, #myTab2 h3:hover, #myTab3 h3:hover, #myTab4 h3:hover {
    color: #868686;
}
#myTab1 h3:before, #myTab2 h3:before, #myTab3 h3:before, #myTab4 h3:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #868686;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0.1ms;
  transition: all 0.3s ease-in-out 0.1ms;
}
#myTab1 h3:hover:before, #myTab2 h3:hover:before, #myTab3 h3:hover:before, #myTab4 h3:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
body.solutions-by-team #mobile-vertical-tabs-version,
body.solutions-by-team #mobile-horizontal-tabs-version {
    display: none;
}
body.solutions-by-team .hero-wrapper {
    min-height: 1000px !important;
}
body.solutions-by-team #ipad img {
    max-width: 100% !important;
}

@media (min-width: 50px) and (max-width: 1180px) {
body.solutions-by-team .horizontal-tabs {
    display: none;
}
body.solutions-by-team #mobile-horizontal-tabs-version {
    display: block;
}
#custom-horizontal-tabber {
    margin-bottom: -60px !important;
}
#custom-horizontal-tabber ul {
    text-align: left;
}
#custom-horizontal-tabber h3 {
    margin-top: 60px;
    font-size: 20pt !important;
    font-weight: 500 !important;
}
}

@media (min-width: 50px) and (max-width: 960px) {
body.solutions-by-team .vertical-tabs {
    display: none;
}
body.solutions-by-team #mobile-vertical-tabs-version {
    display: block;
}
#mobile-vertical-tabs-version h3 {
    margin-top: 60px;
    font-size: 20pt !important;
    font-weight: 500 !important;
}
}

@media (min-width: 50px) and (max-width: 860px) {
body.solutions-by-team #ipad {
    margin-top: 100px;
}
body.solutions-by-team .icon {
    float: none !important;
    margin: 0 auto !important;
}
}

@media (min-width: 50px) and (max-width: 580px) {
body.solutions-by-team #ipad {
    margin-top: 0px;
}
#team-pages-bottom-buttons {
    max-width: 280px !important;
}
}


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


    Salsa Thrive


========================================================================== */
body.salsa-thrive .hero-wrapper {
    background-image: url("https://www.salsalabs.com/hubfs/1_Website/1_Thrive_Page/Thrive-Header.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    
}
body.salsa-thrive .thrive-band {
    background: rgba(52, 186, 219, .75);
    
}
.thrive-block {
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(196,196,196,1);
    -moz-box-shadow: 0px 3px 2px 0px rgba(196,196,196,1);
    box-shadow: 0px 3px 2px 0px rgba(196,196,196,1);
    min-height: 780px !important;
    display: block !important;
    position: relative;
    max-width: 348px;
}
.thrive-block p {
    margin: 0 0 20px !important;
}
.smart-start-block h2 {
    background-image: url(https://www.salsalabs.com/hubfs/1_Website/1_Thrive_Page/SmartStartIcon.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 12%;
}
.salsa-scholars-block h2 {
    background-image: url(https://www.salsalabs.com/hubfs/1_Website/1_Thrive_Page/ScholarsIcon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 22%;
}
.salsa-seek-block h2 {
    background-image: url(https://www.salsalabs.com/hubfs/1_Website/1_Thrive_Page/SeekIcon.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 17%;
}
.salsa-stars-block h2 {
    background-image: url(https://www.salsalabs.com/hubfs/1_Website/1_Thrive_Page/StarsIcon.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 18%;
}
.salsa-societies-block h2 {
    background-image: url(https://www.salsalabs.com/hubfs/1_Website/1_Thrive_Page/SocietiesIcon.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 18%;
}
.salsa-scoop-block h2 {
    background-image: url(https://www.salsalabs.com/hubfs/1_Website/1_Thrive_Page/ScoopIcon.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 18%;
}
.thrive-block ul li {
    font-weight: 300 !important;
    color: #868686 !important;
    margin-bottom: 10px !important;
}
.thrive-block ul li:before {
    color: #ff9156 !important;
}
body.salsa-thrive #thrive-mobile-block {
    display: none;
    background: #0095ba;
}
@media (min-width: 50px) and (max-width: 890px) {
    body.salsa-thrive #thrive-mobile-block {
    display: block !important;
    }
}
@media (min-width: 50px) and (max-width: 768px) {
    .thrive-block {
    max-width: 100%;
    margin-bottom: 60px;
    min-height: 100% !important;
    }
    .smart-start-block h2 {
    background-size: 50px; 
    }
    .salsa-scholars-block h2 {
    background-size: 75px;
    }
    .salsa-seek-block h2 {
    background-size: 65px;
    }
    .salsa-stars-block h2 {
    background-size: 70px;
    }
    .salsa-societies-block h2 {
    background-size: 65px;
    }
    .salsa-scoop-block h2 {
    background-size: 70px;
    }
    .thrive-block .default-botton {
    position: relative !important;
    margin: 0 auto !important;
    bottom: 0 !important;
    }
    .thrive-block #thrive-button {
    margin-top: 120px; 
    display: block;
    }
}

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


    Custom CTA Styles


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




#demo-cta-module {
    padding: 60px 200px;
    background: url("//www.salsalabs.com/hubfs/CTA_Graphics/Demo-CTA-image.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    background-position: 0 -230px !important;
}
#download-cta-module {
    padding: 60px 200px;
    background: url("//www.salsalabs.com/hubfs/CTA_Graphics/Download-CTA-image.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    background-position: 0 -230px !important;
}
#webinar-cta-module {
    padding: 60px 200px;
    background: url("//www.salsalabs.com/hubfs/CTA_Graphics/Webinar-CTA-image.jpg") no-repeat 0 0 !important;
    background-size: cover !important;
    background-position: 0 -230px !important;
}
#custom-cta-module-button {
    float: right;
    max-width: 400px;
    margin: 25px 0;
}
#custom-cta-module-text {
    color: white;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 18pt;
    display: inline-block;
    max-width: 600px;
}
#custom-cta-module-button a {
    background: #ff9156 none repeat scroll 0 0 !important;
    border: 1px solid white !important;
    border-radius: 0;
    color: #fff !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14pt;
    font-weight: 400 !important;
    letter-spacing: 0.05em;
    line-height: 1.43;
    max-width: 100%;
    padding: 15px 25px !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none;
}
#orange-cta-module {
    padding: 30px 100px;
    background-color: #ff9156;
}
#orange-cta-center {
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}
#orange-cta-arrow {
    float: left;
    margin: 13px 30px 0;
    max-width: 50px;
}
#orange-cta-text {
    color: white;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 20pt;
    line-height: 24pt;
}
@media (min-width: 50px) and (max-width: 1300px) { 
#demo-cta-module, #webinar-cta-module, #download-cta-module {
    padding: 60px 80px;
}
}
@media (min-width: 50px) and (max-width: 1050px) { 
#custom-cta-module-text {
    display: block;
    max-width: 100%;
    text-align: center;
}
#custom-cta-module-button {
    float: none;
    margin: 65px auto 0;
    max-width: 270px;
}
#webinar-cta-module, #demo-cta-module, #download-cta-module {
    background-position: 0 0 !important;
    padding: 60px 40px;
}
#orange-cta-module {
    padding: 30px 20px;
}
#orange-cta-center {
    max-width: 100%;
    text-align: center;
}
#orange-cta-arrow {
    display: none;
}
}



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


    Accordion


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

.accordion, .accordion-2, .accordion * {
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box;
}

.accordion, .accordion-2 {
overflow:hidden;
/* box-shadow:0px 1px 3px rgba(0,0,0,0.25); */
/*  border-radius:3px; */
}

/*----- Section Titles -----*/
.accordion-section-title, .accordion-section-title-2 {
width:100%;
padding:15px;
display:inline-block;
border-bottom:1px solid #1a1a1a;
/* Main Background Color */
background:#999;
transition:all linear 0.15s;
/* Type Size and Color */
font-size:1.200em;
color:#fff;
background-color: transparent;
}

.accordion-section-title.active, .accordion-section-title:hover,
.accordion-section-title-2.active, .accordion-section-title-2:hover {
/* Hover Background Color */
background:#777;
/* Type */
text-decoration:none;
}

.accordion-section:last-child .accordion-section-title,
.accordion-section:last-child .accordion-section-title-2 {
border-bottom:none;
/* Hover Title Color */
color:#fff;
}

/*----- Section Content -----*/
.accordion-section-content,
..accordion-section-content-2 {
padding:15px;
display:none;
/* Body Copy Color */
color:#333;
}



/*----- Section Titles -----*/
.calculator-buttons {
    width: 100% !important;
    max-width: 450px !important;
    margin: 80px auto 0 !important;
    float: none !important;
}
.accordion-section-title,
.accordion-section-title-2 {
width:100%;
padding:15px;
display:inline-block;
border: 1px solid white !important;
text-align: center;
margin: 20px 10px !important;
max-width: 300px;
/* Main Background Color */
background:#ff9156;
transition:all linear 0.15s;
/* Type Size and Color */
font-size:1.200em;
color:#fff !important;
text-decoration: none;
position: relative;
}

.accordion-section-title:hover,
.accordion-section-title-2:hover {
/* Hover Background Color */
background:#ff9156;
/* Type */
text-decoration:none;
opacity: .9 !important;
}

#accordion-1 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.accordion-section:last-child .accordion-section-title,
.accordion-section:last-child .accordion-section-title-2 {
border-bottom:none;
/* Hover Title Color */
color:#fff;
}

/*----- Section Content -----*/
.accordion-section-content,
.accordion-section-content-2 {
padding:20px 20px 40px;
display:none;

/* Body Copy Color */
color:#333;
}
.accordion-section-content p,
.accordion-section-content-2 p{
color:white;
margin: 0 auto;
max-width: 1200px;
}




/* #########################################################################
   #########################################################################
   ####################                                 ####################
   ####################         Mega Menu Styles        ####################
   ####################                                 ####################
   ##################################      #################################
   ###################################    ##################################
   ####################################  ###################################
   ######################################################################### */


/* GOOGLE FONT */
/* @import url("http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"); */
/* FONT AWESOME ICONS CSS */
/* @import url(../css/font-awesome.min.css); */
/* BOOTSTRAP CSS ONLY FOR MENU */
/* @import url(../css/bootstrap.min.css); */
/*================================================ MENU BASIC STYLE */
.mash-menu {
  padding: 0;
  display: block;
  position: relative;
  z-index: 999;
  float: none;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .mash-menu {
    float: left;
    width: 100%;
  }
}

.mash-menu * {
  /*=========================================== CSS FOR ALL ELEMENTS */
  outline: none !important;
  text-decoration: none !important;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  list-style: none;
  text-align: left;
  -webkit-tap-highlight-color: transparent !important;
}

.mash-menu i.fa {
  /*===================================== FONT AWESOME ICONS */
  font-family: FontAwesome;
}

.mash-menu section.mash-menu-inner-container {
  /*=========================================== SECTION */
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  min-height: 50px;
  background: #03a9f4;
}

@media screen and (max-width: 767px) {
  .mash-menu section.mash-menu-inner-container {
    min-height: 1px;
  }
}

.mash-menu .mash-brand, .mash-menu .mash-list-items {
  /*=========================================== MENU BRAND */
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-brand, .mash-menu .mash-list-items {
    width: 100%;
  }
}

.mash-menu .mash-brand > li, .mash-menu .mash-list-items > li {
  float: left;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 57px;
}

@media screen and (min-width: 768px) {
  .mash-menu .mash-brand > li:hover > a, .mash-menu .mash-list-items > li:hover > a {
    color: white;
    background: #14b4fc;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-brand > li, .mash-menu .mash-list-items > li {
    width: 100%;
    text-align: left;
    line-height: normal;
    cursor: pointer;
    position: relative;
  }
}

.mash-menu .mash-brand > li > a, .mash-menu .mash-list-items > li > a {
  width: 100%;
  margin: 0;
  display: block;
  font-size: 1.125em;
  font-weight: 400;
  padding-left: 15px;
  padding-right: 15px;
  color: rgba(255, 255, 255, 0.86);
  position: relative;
  overflow: hidden;
  transition: background 200ms ease;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-brand > li > a, .mash-menu .mash-list-items > li > a {
    line-height: normal;
    word-wrap: break-word;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.mash-menu .mash-brand > li > a img, .mash-menu .mash-list-items > li > a img {
  max-height: 20px;
  top: -3px;
  position: relative;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.mash-menu .mash-list-items {
  /*============================================== LIST ITEMS  */
}

@media screen and (min-width: 768px) {
  .mash-menu .mash-list-items {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-list-items {
    padding-top: 44px;
    display: none;
  }
}

.mash-menu .mash-list-items > li {
  line-height: normal;
  cursor: default;
}

.mash-menu .mash-list-items > li:after {
  display: none;
}

.mash-menu .mash-list-items > li.active {
  /*=========================================== LIST ITEMS ACTIVE */
}

.mash-menu .mash-list-items > li.active > a {
  background: #14b4fc;
  position: relative;
}

.mash-menu .mash-list-items > li:hover {
  /*============================================ LIST ITEMS HOVER */
}

.mash-menu .mash-list-items > li:hover > a {
  color: white;
  background: #14b4fc;
  position: relative;
}

.mash-menu .mash-list-items > li > a {
  font-size: 0.875em;
  padding: 20px 15px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 10;
  width: 100%;
  transition: background 200ms ease;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-list-items > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .mash-menu .mash-list-items > li > a:after {
    display: none;
  }
}

.mash-menu .mash-list-items.right {
  /*=============================================== RIGHT CLASS */
  float: right;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-list-items.right {
    padding-top: 0;
  }
}

.mash-menu .mash-list-items.right > li > .drop-down {
  right: 0;
}

.mash-menu .withripple {
  /*================================================= RIPPLE CSS EFFECT  */
  position: relative;
}

.mash-menu .ripple-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.mash-menu .ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  opacity: 0;
  pointer-events: none;
}

.mash-menu .ripple.ripple-on {
  transition: opacity 0.15s ease-in 0.1ms, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  transition: opacity 0.15s ease-in 0.1ms, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  transition: opacity 0.15s ease-in 0.1ms, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  opacity: .2;
}

.mash-menu .ripple.ripple-out {
  transition: opacity .1s linear 0.1ms !important;
  opacity: 0;
}

.mash-menu.separator {
  /*================================================ SEPARATOR */
}

.mash-menu.separator .mash-brand > li > a, .mash-menu.separator .mash-list-items > li > a {
  border-right: 1px solid #039fe5;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1);
  position: relative;
}

@media screen and (max-width: 767px) {
  .mash-menu.separator .mash-brand > li > a, .mash-menu.separator .mash-list-items > li > a {
    border-right: none;
    border-bottom: 1px solid #039fe5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}

.mash-menu.separator .mash-list-items.right {
  padding-top: 0;
}

.mash-menu.separator .mash-list-items.right > li > a {
  border-left: 1px solid #039fe5;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1);
  position: relative;
}

@media screen and (max-width: 767px) {
  .mash-menu.separator .mash-list-items.right > li > a {
    border-left: none;
    border-bottom: 1px solid #039fe5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}

@media screen and (max-width: 767px) {
  .mash-menu.separator .mash-search-bar {
    border: 1px solid #039fe5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}

.mash-menu .drop-down {
  /*=============================================== DROP DOWN */
  margin: 0;
  display: none;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  background: white;
  z-index: 999;
  min-width: 180px;
  padding: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .mash-menu .drop-down {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
    min-width: 10px;
    word-wrap: break-word;
    border-radius: 0;
    z-index: 9999;
  }
}

.mash-menu .drop-down li {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 999;
}

.mash-menu .drop-down li:first-child .drop-down {
  top: 0;
}

.mash-menu .drop-down li:first-child a {
  padding-top: 10px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .mash-menu .drop-down li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}

.mash-menu .drop-down li:last-child a {
  padding-bottom: 10px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .mash-menu .drop-down li:last-child a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}

.mash-menu .drop-down a {
  width: 100%;
  margin: 0;
  display: block;
  color: #505050;
  font-size: 0.8125em;
  padding: 6px 15px;
  position: relative;
  z-index: 999;
  transition: color 200ms ease;
}

.mash-menu .drop-down li:hover > a {
  color: #03a9f4;
  position: relative;
}

.mash-menu .drop-down .drop-down {
  /*========================================== SECOND LEVEL DROP DOWN */
  left: 100%;
  top: -8px;
  z-index: -1;
  display: none;
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .mash-menu .drop-down .drop-down {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

@media screen and (min-width: 768px) {
  .mash-menu .drop-down .drop-down li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

.mash-menu .drop-down .drop-down li:first-child a {
  padding-top: 15px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .mash-menu .drop-down .drop-down li:first-child a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

.mash-menu .drop-down .drop-down li:last-child a {
  padding-bottom: 15px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .mash-menu .drop-down .drop-down {
    left: 0;
    top: 0;
    z-index: 10;
    position: relative;
    display: none;
    border-top: 1px solid rgba(242, 242, 242, 0.86);
    border-bottom: 1px solid rgba(242, 242, 242, 0.86);
    box-shadow: none;
  }
  .mash-menu .drop-down .drop-down a {
    padding-left: 30px;
  }
  .mash-menu .drop-down .drop-down .drop-down a {
    padding-left: 50px;
  }
  .mash-menu .drop-down .drop-down .drop-down .drop-down a {
    padding-left: 70px;
  }
}

.mash-menu .drop-down .drop-down.left {
  /*======================================== ALIGN DROP DOWN LEFT SIDE */
  left: -100%;
}

@media screen and (max-width: 767px) {
  .mash-menu .drop-down .drop-down.left {
    left: 0;
  }
}

.mash-menu .mash-list-items > li > a i.fa {
  /*========================================== FONT AWESOME ICONS */
  font-size: 0.875em;
  float: left;
  display: inline-block;
  margin: 0;
  line-height: 16px;
  padding: 0 5px 0 0;
}

.mash-menu .mash-list-items > li > a i.fa.fa-indicator {
  float: right;
  padding-right: 0;
  padding-left: 5px;
}

.mash-menu .drop-down li a i.fa {
  float: left;
  margin: 0;
  display: inline-block;
  padding: 0 6px 0 0;
  line-height: 16px;
  font-size: 0.8125em;
}

.mash-menu .drop-down li a i.fa.fa-indicator {
  float: right;
  padding-right: 0;
  padding-left: 6px;
}

@media screen and (max-width: 767px) {
  .mash-menu .drop-down li a i.fa.fa-indicator {
    padding-right: 1px;
  }
}

.mash-menu .divider {
  /*=========================================== DIVIDER */
  margin: 8px 0 !important;
  padding: 0;
  display: block;
  height: 1px;
  background: rgba(230, 230, 230, 0.86) !important;
  width: 100%;
}

.mash-menu .mash-search-bar {
  /*============================================= SEARCH BAR */
  margin: 0;
  padding: 0;
  display: block;
  float: right;
}

@media screen and (min-width: 768px) {
  .mash-menu .mash-search-bar {
    display: block !important;
  }
  .mash-menu .mash-search-bar.search-bar-hide {
    /*=============================================== SEARCH BAR HIDE ON DESKTOP CLASS */
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-search-bar {
    display: none;
  }
  .mash-menu .mash-search-bar.search-bar-hide {
    /*=============================================== SEARCH BAR HIDE ON MOBILE CLASS */
    display: none !important;
  }
  .mash-menu .mash-list-items.search-bar-hide {
    padding-top: 0;
  }
}

.mash-menu .mash-search-bar li {
  margin: 0;
  padding: 15px 15px;
  display: block;
  float: left;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-search-bar li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.mash-menu .mash-search-bar form {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

.mash-menu .mash-search-bar label {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
}

.mash-menu .mash-search-bar input {
  margin: 0;
  display: block;
  float: left;
  max-width: 160px;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 0.875em;
  padding: 0;
  height: 25px;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.86);
  position: relative;
  opacity: 1 !important;
  font-weight: normal;
}

.mash-menu .mash-search-bar :-moz-placeholder {
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.86);
}

.mash-menu .mash-search-bar ::-moz-placeholder {
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.86);
}

.mash-menu .mash-search-bar :-ms-input-placeholder {
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.86);
}

.mash-menu .mash-search-bar ::-webkit-input-placeholder {
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.86);
}

.mash-menu .mash-search-bar .mash-search-bar-border {
  margin: 0;
  padding: 0;
  display: block;
  height: 0;
  width: 100%;
}

.mash-menu .mash-search-bar .mash-search-bar-border:after, .mash-menu .mash-search-bar .mash-search-bar-border:before {
  content: "";
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.36);
  height: 1px;
  width: 100%;
  transition: width 400ms ease;
}

.mash-menu .mash-search-bar .mash-search-bar-border:before {
  right: 0;
  left: auto;
}

.mash-menu .mash-search-bar input:focus + .mash-search-bar-border:after, .mash-menu .mash-search-bar input:focus + .mash-search-bar-border:before,
.mash-menu .mash-search-bar input:focus + .mash-search-bar-border:before {
  width: 0;
}

.mash-menu .mash-search-bar i.fa.fa-search {
  display: none;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-search-bar {
    width: 100%;
    position: absolute;
    top: 52px;
    background: #03a9f4;
    z-index: 999;
    border-left: none;
    border-right: none;
  }
  .mash-menu .mash-search-bar li, .mash-menu .mash-search-bar form, .mash-menu .mash-search-bar label, .mash-menu .mash-search-bar input {
    width: 100% !important;
    max-width: 100%;
  }
  .mash-menu .mash-search-bar i.fa.fa-search {
    display: block;
    position: absolute;
    top: -60px;
    right: 44px;
    color: rgba(255, 255, 255, 0.86);
    height: 44px;
    width: 44px;
    cursor: pointer;
    text-align: center;
    line-height: 44px;
    font-size: 1em;
    z-index: 999;
  }
}

.mash-menu .drop-down-large,
.mash-menu .drop-down-medium {
  /*============================================= FULL SIZE DROP DOWN */
  margin: 0;
  display: none;
  float: left;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  text-align: left;
  min-height: 100px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 0.8125em;
  z-index: 999;
  background: white;
  line-height: 18px;
  padding: 20px 5px 15px;
  overflow: hidden;
}

.mash-menu .drop-down-large > .vertical-tabs-container,
.mash-menu .drop-down-medium > .vertical-tabs-container {
  /*============================================= vertical tabs container */
  position: relative;
  top: 15px;
  margin-top: -35px;
  margin-right: -5px;
  margin-left: -5px;
}

@media screen and (max-width: 767px) {
  .mash-menu .drop-down-large,
  .mash-menu .drop-down-medium {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    display: none;
    border-radius: 0;
    z-index: 999;
  }
}

.mash-menu .drop-down-medium {
  /*========================================== DROP DOWN MEDIUM */
  left: 0;
  width: 100%;
  max-width: 600px;
  right: 0;
  margin: 0 auto;
}

.mash-menu .drop-down-medium.float-left {
  margin: 0;
  right: auto;
}

.mash-menu .drop-down-medium.float-right {
  margin: 0;
  left: auto;
  right: 0;
}

@media screen and (max-width: 991px) {
  .mash-menu .drop-down-medium {
    max-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
  }
}

.mash-menu .vertical-tabs {
  /*=========================================== VERTICAL TABS */
  margin: 0;
  width: 100%;
  float: left;
  display: block;
  padding: 20px 0;
  background: #f0f0f0;
}

@media screen and (max-width: 767px) {
  .mash-menu .vertical-tabs {
    display: none;
  }
}

.mash-menu .vertical-tabs:before {
  content: "";
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(240, 240, 240, 0.86);
}

.mash-menu .vertical-tabs a {
  float: left;
  width: 100%;
  display: inline-block;
  text-align: right;
  padding: 8px 15px;
  margin: 1px 0;
  font-weight: 500;
  color: #505050;
  position: relative;
  transition: background 200ms ease, color 200ms ease;
}

@media screen and (max-width: 767px) {
  .mash-menu .vertical-tabs a {
    text-align: left;
  }
}

.mash-menu .vertical-tabs a:hover, .mash-menu .vertical-tabs a.active {
  background: rgba(255, 255, 255, 0.86);
  color: #03a9f4;
}

.mash-menu .vertical-tabs i.fa {
  font-weight: bold;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .mash-menu .vertical-tabs i.fa {
    float: right;
    top: 2px;
    position: relative;
  }
}

.mash-menu .vertical-tabs-content {
  /*========================================= VERTICAL TABS CONTENT */
  background: white;
  display: none;
  float: left;
  width: 100%;
  padding: 20px 5px 15px;
  position: relative;
  z-index: 10;
}

.mash-menu .vertical-tabs-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 150%;
  background: white;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .mash-menu .vertical-tabs-content {
    border-top: 1px solid rgba(242, 242, 242, 0.86);
  }
}

.mash-menu .vertical-tabs-content-container > a {
  display: none;
}

@media screen and (max-width: 767px) {
  .mash-menu .vertical-tabs-content-container > a {
    position: relative;
    z-index: 9999;
    display: block;
    float: left;
    width: 100%;
    text-align: right;
    padding: 8px 15px;
    margin: 1px 0;
    font-weight: 500;
    color: #505050;
    transition: background 200ms ease, color 200ms ease;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .mash-menu .vertical-tabs-content-container > a {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .mash-menu .vertical-tabs-content-container > a:hover, .mash-menu .vertical-tabs-content-container > a.active {
    background: rgba(255, 255, 255, 0.86);
    color: #03a9f4;
  }
  .mash-menu .vertical-tabs-content-container > a i.fa {
    float: right;
  }
}

.mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile {
    display: block;
    color: #505050;
    width: 100%;
    margin: 0px;
    font-size: 1em;
    padding: 10px 15px;
    transition: color 200ms ease 0.1ms;
  }
  .mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile:hover {
    color: #03a9f4;
  }
  .mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile i.fa {
    float: right;
  }
}

.mash-menu .space-0 {
  /*===================================== SPACE 0 CLASS USED FOR REMOVE THE BOOTSTRAP COLUMNS SPACE */
  padding: 0 !important;
  margin: 0 !important;
}

.mash-menu img {
  max-width: 100%;
  margin-bottom: 10px;
}

.mash-menu p {
  color: #505050;
  font-weight: 400;
  line-height: 18px;
}

.mash-menu h1, .mash-menu h2, .mash-menu h3, .mash-menu h4, .mash-menu h5, .mash-menu h6 {
  color: #505050;
  font-weight: 400;
  font-size: 2.25em;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mash-menu h2 {
  font-size: 1.875em;
}

.mash-menu h3 {
  font-size: 1.625em;
}

.mash-menu h4 {
  font-size: 1.375em;
}

.mash-menu h5 {
  font-size: 1.125em;
}

.mash-menu h6 {
  font-size: 0.9375em;
}

.mash-menu .thumbnail {
  margin-bottom: 15px;
  border-radius: 0;
}

.mash-menu .thumbnail:hover {
  border-color: #03a9f4;
}

.mash-menu .lead {
  font-size: 1.25em;
  color: #505050;
}

.mash-menu small {
  font-size: 0.875em;
  color: #505050;
}

.mash-menu strong,
.mash-menu em,
.mash-menu abbr {
  color: #505050;
}

.mash-menu em {
  font-weight: 400;
  font-style: italic;
}

.mash-menu .text-primary {
  color: #009688;
}

.mash-menu .text-warning {
  color: #FF5722;
}

.mash-menu .text-danger {
  color: #F44336;
}

.mash-menu .text-success {
  color: #4CAF50;
}

.mash-menu .text-info {
  color: #03A9F4;
}

.mash-menu blockquote {
  border-left-color: #60ccfd;
  padding: 5px 15px;
  margin-bottom: 10px;
}

.mash-menu blockquote small:before {
  display: none;
}

.mash-menu .list-items, .mash-menu .order-items {
  /*===================================== LIST ITEMS */
  padding: 0;
  display: block;
  width: 100%;
  margin: 0 0 10px;
}

.mash-menu .list-items li, .mash-menu .order-items li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: decimal;
}

.mash-menu .list-items li:first-child a, .mash-menu .order-items li:first-child a {
  border-top: none;
  position: relative;
}

.mash-menu .list-items a, .mash-menu .order-items a {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid rgba(80, 80, 80, 0.1);
  color: #505050;
  font-weight: 400;
  position: relative;
  transition: color 200ms ease;
}

.mash-menu .list-items a:hover, .mash-menu .order-items a:hover {
  color: #03a9f4;
}

.mash-menu .list-items i.fa, .mash-menu .order-items i.fa {
  margin-right: 5px;
}

.mash-menu .list-items i.fa.fa-indicator, .mash-menu .order-items i.fa.fa-indicator {
  float: right;
  margin-left: 5px;
  margin-right: 10px;
}

.mash-menu .order-items li {
  /*============================================ ORDER LIST */
  position: relative;
}

.mash-menu .order-items li a {
  padding-left: 20px;
  position: relative;
}

.mash-menu .order-items li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  color: #505050;
  bottom: 0;
  line-height: 40px;
  text-align: left;
  list-style-type: inside !important;
  display: list-item !important;
}

.mash-menu .list-items-group {
  /*========================================= LIST GROUP ITEM */
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.mash-menu .list-items-group .list-group-image {
  float: left;
  width: 50px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.86);
}

.mash-menu .list-items-group .list-group-image img {
  max-width: 100%;
  float: left;
  margin-top: 10px;
  width: 100%;
}

.mash-menu .list-items-group .list-group-heading, .mash-menu .list-items-group .list-group-text {
  padding-left: 65px;
}

.mash-menu .list-items-group .divider {
  background: rgba(80, 80, 80, 0.1) !important;
}

.mash-menu .btn {
  text-transform: uppercase;
  position: relative;
  padding: 10px 25px;
  font-size: 1.0625em;
  margin: 0 4px 10px;
}

.mash-menu .btn.space-0 {
  padding: 10px 25px !important;
}

.mash-menu .btn.small {
  padding: 5px 10px;
  font-size: 1em;
}

.mash-menu .btn.small.space-0 {
  padding: 5px 10px !important;
}

.mash-menu .btn.btn-default, .mash-menu .btn.btn-primary, .mash-menu .btn.btn-success, .mash-menu .btn.btn-info, .mash-menu .btn.btn-custom, .mash-menu .btn.btn-warning, .mash-menu .btn.btn-danger {
  background: none;
  border: none;
  transition: all 200ms ease;
  border-radius: 3px;
  border-bottom: 2px solid whitesmoke;
}

.mash-menu .btn.btn-primary {
  background: #009688;
  color: rgba(255, 255, 255, 0.86) !important;
  border-bottom-color: #00635a;
}

.mash-menu .btn.btn-primary:hover {
  background: #00a596;
}

.mash-menu .btn.btn-success {
  background: #59B75C;
  color: rgba(255, 255, 255, 0.86) !important;
  border-bottom-color: #439a46;
}

.mash-menu .btn.btn-success:hover {
  background: #64bc66;
}

.mash-menu .btn.btn-info {
  background: #0FB2FC;
  color: rgba(255, 255, 255, 0.86) !important;
  border-bottom-color: #0394d5;
}

.mash-menu .btn.btn-info:hover {
  background: #1eb7fc;
}

.mash-menu .btn.btn-custom {
  background: #03a9f4;
  color: rgba(255, 255, 255, 0.86) !important;
  border-bottom-color: #0286c2;
}

.mash-menu .btn.btn-custom:hover {
  background: #0ab1fc;
}

.mash-menu .btn.btn-warning {
  background: #FF6736;
  color: rgba(255, 255, 255, 0.86) !important;
  border-bottom-color: #ff4003;
}

.mash-menu .btn.btn-warning:hover {
  background: #ff7345;
}

.mash-menu .btn.btn-danger {
  background: #F55549;
  color: rgba(255, 255, 255, 0.86) !important;
  border-bottom-color: #f22819;
}

.mash-menu .btn.btn-danger:hover {
  background: #f66358;
}

.mash-menu .box-orange, .mash-menu .box-red, .mash-menu .box-green, .mash-menu .box-blue {
  background: #FF5722;
  padding: 15px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 1em;
}

.mash-menu .box-red {
  background: #F44336;
}

.mash-menu .box-green {
  background: #4CAF50;
}

.mash-menu .box-blue {
  background: #03A9F4;
}

.mash-menu .panel {
  border-radius: 5px;
  border: 1px solid #ddd;
  border-bottom: 5px solid #E5E6E6;
  color: #505050;
  margin-bottom: 10px;
}

.mash-menu .panel .panel-heading {
  border: none;
  background: #eee;
  color: #505050;
}

.mash-menu .panel .panel-body {
  border: none;
  color: #505050;
}

.mash-menu .panel.panel-primary .panel-heading {
  background: #009688;
  color: rgba(255, 255, 255, 0.84);
}

.mash-menu .panel.panel-success .panel-heading {
  background: #4caf50;
  color: rgba(255, 255, 255, 0.84);
}

.mash-menu .panel.panel-info .panel-heading {
  background: #03a9f4;
  color: rgba(255, 255, 255, 0.84);
}

.mash-menu .panel.panel-warning .panel-heading {
  background: #ff5722;
  color: rgba(255, 255, 255, 0.84);
}

.mash-menu .panel.panel-danger .panel-heading {
  background: #f44336;
  color: rgba(255, 255, 255, 0.84);
}

.mash-menu .collapsible {
  /*=============================================== collapsible */
  padding: 0;
  display: block;
  position: relative;
  margin: 0 0 10px;
  color: #505050;
  overflow: visible;
  background-color: rgba(248, 248, 248, 0.7);
  border-radius: 5px;
  border: 1px solid #ddd;
  border-bottom: 5px solid #E5E6E6;
}

.mash-menu .collapsible .collapsible-header {
  padding: 10px;
  font-size: 1.125em;
  border-top: 1px solid #ddd;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 10;
  overflow: hidden !important;
}

.mash-menu .collapsible > li:first-child .collapsible-header {
  border-top: none;
}

.mash-menu .collapsible > li.active .collapsible-body {
  display: block;
}

.mash-menu .collapsible .collapsible-body {
  background-color: rgba(255, 255, 255, 0.86);
  padding: 20px;
  display: none;
  border-top: 1px solid #ddd;
  line-height: 18px;
}

.mash-menu .collapsible i.fa {
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

.mash-menu .card {
  /*======================================== IMAGE CARD */
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
  background-color: white;
  margin: 0 0 10px;
  border-radius: 2px 2px 5px 5px;
  border: 2px solid #E5E6E6;
  border-bottom: 5px solid #E5E6E6;
}

.mash-menu .card .card-image {
  position: relative;
}

.mash-menu .card img {
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.mash-menu .card .card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  color: white;
  font-size: 1.375em;
  font-weight: 300;
  -webkit-text-stroke-width: 0.8px;
}

.mash-menu .card .card-content {
  padding: 15px 20px;
  border-radius: 0 0 2px 2px;
}

.mash-menu .card .card-action {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 15px;
}

.mash-menu .card .card-action a {
  color: #03a9f4;
  margin-right: 20px;
  text-transform: uppercase;
  position: relative;
}

.mash-menu .card .card-action a:hover {
  text-decoration: underline !important;
}

.mash-menu .card.reveal .card-title {
  color: #505050;
  position: relative;
  top: 0;
  left: 0;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 10px;
  display: inline-block;
}

.mash-menu .card.reveal a {
  color: #03a9f4;
  text-transform: uppercase;
  position: relative;
}

.mash-menu .card.reveal a:hover {
  text-decoration: underline !important;
}

.mash-menu .card.reveal .card-reveal {
  padding: 15px 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 10;
  transition: -webkit-transform 800ms ease;
  transition: transform 800ms ease;
  transition: transform 800ms ease, -webkit-transform 800ms ease;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.mash-menu .card.reveal .card-content {
  background: white;
  position: relative;
  z-index: 15;
}

.mash-menu .card.reveal:hover .card-reveal {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.mash-menu [class*='col-'] {
  margin-bottom: 10px;
  position: static;
}

@media screen and (max-width: 767px) {
  .mash-menu [class*='col-'] {
    margin-bottom: 30px;
  }
}

.mash-menu .form-horizontal {
  /*======================================== HORIZONTAL FORM */
  border: 1px solid rgba(230, 230, 230, 0.86);
  padding: 20px;
  margin: 10px 0 0;
  display: inline-block;
  background: rgba(252, 252, 252, 0.86);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .mash-menu .form-horizontal {
    display: block;
  }
  .mash-menu .form-horizontal div {
    margin-bottom: 10px !important;
  }
}

.mash-menu .form-horizontal * {
  color: #505050 !important;
}

.mash-menu .form-horizontal input,
.mash-menu .form-horizontal label,
.mash-menu .form-horizontal textarea {
  width: 100% !important;
  line-height: 20px;
  resize: none;
}

.mash-menu .form-horizontal input {
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .mash-menu .form-horizontal .btn {
    width: 100%;
  }
}

.mash-menu .form-horizontal button i.fa {
  color: rgba(255, 255, 255, 0.86) !important;
  position: relative;
  left: 10px;
  display: none;
}

.mash-menu input[type='text'],
.mash-menu input[type='email'],
.mash-menu input[type='password'],
.mash-menu input[type='color'],
.mash-menu input[type='date'],
.mash-menu input[type='datetime'],
.mash-menu input[type='datetime-local'],
.mash-menu input[type='file'],
.mash-menu input[type='hidden'],
.mash-menu input[type='image'],
.mash-menu input[type='month'],
.mash-menu input[type='number'],
.mash-menu input[type='time'],
.mash-menu input[type='url'],
.mash-menu input[type='week'],
.mash-menu input[type='tel'],
.mash-menu textarea,
.mash-menu select {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2) !important;
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent !important;
}

.mash-menu input[type='text']:focus,
.mash-menu input[type='email']:focus,
.mash-menu input[type='password']:focus,
.mash-menu input[type='color']:focus,
.mash-menu input[type='date']:focus,
.mash-menu input[type='datetime']:focus,
.mash-menu input[type='datetime-local']:focus,
.mash-menu input[type='file']:focus,
.mash-menu input[type='hidden']:focus,
.mash-menu input[type='image']:focus,
.mash-menu input[type='month']:focus,
.mash-menu input[type='number']:focus,
.mash-menu input[type='time']:focus,
.mash-menu input[type='url']:focus,
.mash-menu input[type='week']:focus,
.mash-menu input[type='tel']:focus,
.mash-menu textarea:focus,
.mash-menu select:focus {
  background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
  -webkit-animation: input-highlight .5s forwards;
          animation: input-highlight .5s forwards;
  background-size: 0 2px, 100% 1px;
}

@-webkit-keyframes input-highlight {
  0% {
    background-size: 0 2px, 100% 1px;
  }
  100% {
    background-size: 100% 2px, 100% 1px;
  }
}

@keyframes input-highlight {
  0% {
    background-size: 0 2px, 100% 1px;
  }
  100% {
    background-size: 100% 2px, 100% 1px;
  }
}

.mash-menu input.menu-checkbox {
  display: none;
}

.mash-menu input.menu-checkbox:checked + label:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mash-menu label.menu-checkbox {
  font-weight: 400;
  color: #505050;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.0625em;
  line-height: normal;
  width: 100%;
}

.mash-menu label.menu-checkbox:before, .mash-menu label.menu-checkbox:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 16px;
  width: 16px;
  background: none;
  border: 2px solid #505050;
  border-radius: 2px;
}

.mash-menu label.menu-checkbox:after {
  content: "\f00c";
  width: 16px;
  height: 16px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  background-size: 100% 100%;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  background: #03a9f4;
  font-family: FontAwesome;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.625em;
  text-align: center;
  line-height: 12px;
  font-weight: 400;
}

.mash-menu input.menu-toggle {
  display: none;
}

.mash-menu input.menu-toggle:checked + label:after {
  left: 12px;
}

.mash-menu label.menu-toggle {
  font-weight: 400;
  color: #505050;
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.0625em;
  line-height: normal;
  width: 100%;
}

.mash-menu label.menu-toggle:before, .mash-menu label.menu-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  background: #60ccfd;
  border-radius: 100px;
  height: 12px;
  width: 30px;
}

.mash-menu label.menu-toggle:after {
  background: #03a9f4;
  height: 18px;
  width: 18px;
  top: 0;
  left: -3px;
  transition: left 400ms ease;
}

.mash-menu input.menu-radio {
  display: none;
}

.mash-menu input.menu-radio:checked + label:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mash-menu label.menu-radio {
  font-weight: 400;
  color: #505050;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.0625em;
  line-height: normal;
  width: 100%;
}

.mash-menu label.menu-radio:after, .mash-menu label.menu-radio:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 100px;
  border: 2px solid #505050;
}

.mash-menu label.menu-radio:after {
  border-color: #03a9f4;
  background: #03a9f4;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.mash-menu .mash-mobile-button {
  /*=========================================== mobile trigger button */
  border: none;
  background: #03a9f4;
  width: 50%;
  height: 51px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999;
  display: block;
}

.mash-menu .mash-mobile-button:hover span:before {
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .mash-menu .mash-mobile-button {
    display: none;
  }
}

.mash-menu .mash-mobile-button span {
  width: 60px;
  height: 52px;
  float: right;
  line-height: 54px;
  position: absolute;
  top: 0;
  text-align: center;
  margin: 0;
  right: 0;
  display: block;
  cursor: pointer;
  z-index: 9999;
  /* background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAgMAAABSqtRjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEWdnZ3///////9yOLbWAAAAAnRSTlMA32D/An0AAAABYktHRAH/Ai3eAAAACXBIWXMAAAsSAAALEgHS3X78AAAAEklEQVQI12MIBQEGCIkLkKgGAKK/CfcXmfkCAAAAAElFTkSuQmCC") no-repeat center; */
}

.mash-menu .mash-mobile-button span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: none;
  transition: background 200ms ease;
}

.mash-menu.mash-top-fixed .mash-menu-inner-container {
  /* ================================================ MENU FIXED ON TOP */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1280px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .mash-menu.mash-top-fixed .mash-menu-inner-container {
    max-width: 100%;
    margin: 0;
  }
  .mash-menu.mash-top-fixed .mash-menu-inner-container .mash-list-items {
    max-height: 400px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
  }
}

.mash-menu.mash-full-width {
  /* ==================================================== MENU FULL WIDTH */
  max-width: 100%;
}

.mash-menu.mash-full-width .mash-menu-inner-container {
  max-width: 100%;
  margin: 0;
}

.mash-menu .lead {
  -webkit-text-stroke-width: 0.025em;
}

.mash-menu .vertical-tabs-horizontal {
  /*======================================================= tabs */
  padding: 0;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 10px;
}

.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading {
  float: left;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading li {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
}

.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading li.active a {
  background: white;
}

.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading a {
  padding: 12px 15px;
  font-size: 1.125em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #505050;
  display: inline-block;
}

.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading i.fa {
  margin-right: 5px;
  display: inline-block;
}

.mash-menu .vertical-tabs-horizontal .horizontal-tab-content {
  display: block;
  margin: 0;
  float: left;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ddd;
  position: relative;
  z-index: 10;
  background: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16), 0 1px 0 0 rgba(0, 0, 0, 0.12);
}

.mash-menu .vertical-tabs-horizontal .horizontal-tab-content .horizontal-tab-panel {
  display: none;
}

.mash-menu .vertical-tabs-horizontal .horizontal-tab-content .horizontal-tab-panel.active {
  display: block;
}

.mash-menu .mash-error {
  /*==================================================== error class*/
  background: red;
  padding: 40px 20px 20px;
  text-align: center;
  color: white;
  position: relative;
  max-width: 400px;
  width: 100%;
  margin: 100px auto auto;
  z-index: 9999999;
  border-radius: 5px;
  font-size: 0.875em;
  overflow: hidden;
  letter-spacing: 1px;
  line-height: 25px;
  clear: both;
}

.mash-menu .mash-error:before {
  content: 'Error';
  position: absolute;
  line-height: normal;
  top: 0;
  left: 0;
  color: white;
  right: 0;
  text-align: left;
  padding: 5px 5px 5px 10px;
  letter-spacing: 1px;
  background: darkred;
}

.mash-menu .mash-extra {
  /*============================================== mash extra class */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 50px;
  z-index: 10;
  margin: 0;
  padding: 0;
}

.mash-menu .mash-extra > .mash-extra-container {
  background: #02638f;
  float: left;
  width: 100%;
  position: relative;
  min-height: 57px;
}

.mash-menu .mash-extra > .mash-extra-container > ul.mash-extra-links {
  float: right;
  padding: 0;
  display: block;
  margin: 0 150px 0 0;
}

.mash-menu .mash-extra > .mash-extra-container > ul.mash-extra-links > li {
  float: left;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 57px;
}

.mash-menu .mash-extra > .mash-extra-container > ul.mash-extra-links > li > a {
  width: 100%;
  margin: 0;
  display: block;
  font-size: 0.875em;
  font-weight: 400;
  padding-left: 15px;
  padding-right: 15px;
  color: rgba(255, 255, 255, 0.86);
  position: relative;
  overflow: hidden;
}

.mash-menu .mash-categories {
  /*============================================== categories */
  margin: 0;
  padding: 0;
  display: block;
  float: right;
}

.mash-menu .mash-categories * {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.mash-menu .mash-categories li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

.mash-menu .mash-categories a {
  margin: 0;
  padding: 0 15px 0 15px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.86);
  background: rgba(3, 169, 244, 0.3);
  font-size: 0.875em;
  line-height: 57px;
  transition: background 400ms ease;
  border-left: 1px solid #039fe5;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 99999999;
}

.mash-menu .mash-categories a i.fa {
  margin-left: 2px;
}

.mash-menu .mash-categories a:hover {
  background: #14b4fc;
}

.mash-menu .mash-table {
  /*============================================= table */
  padding: 0;
  border-bottom: 5px solid #E5E6E6;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: table;
  float: left;
  width: 100%;
  margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-table {
    white-space: nowrap;
    overflow-x: auto;
    display: block;
    width: 100%;
    border-bottom: none;
  }
}

.mash-menu .mash-table .mash-table-heading {
  color: #505050;
  padding: 10px 15px;
  border-bottom: 3px solid #E5E6E6;
}

.mash-menu .mash-table thead {
  background: #ECECEC;
}

.mash-menu .mash-table td,
.mash-menu .mash-table th {
  padding: 10px 15px;
  color: #505050;
  border: 1px solid #ddd;
  position: relative;
  display: table-cell;
  width: auto;
}

.mash-menu .menu-select-dropdown {
  float: left;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.mash-menu .dropdownjs {
  /*=================================================== select input element */
  position: relative;
  font-weight: normal;
  color: #505050;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 100%;
}

.mash-menu .dropdownjs:before {
  content: "\f0d7";
  position: absolute;
  font-family: "FontAwesome";
  right: 10px;
  top: 0;
  bottom: 0;
  line-height: 40px;
}

.mash-menu .dropdownjs > input {
  width: 100%;
  text-overflow: ellipsis;
  padding: 10px;
  font-size: 1.0625em;
}

.mash-menu .dropdownjs > input.focus ~ ul {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mash-menu .dropdownjs > ul {
  position: absolute;
  padding: 0;
  margin: 0;
  min-width: 200px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: 10000;
}

.mash-menu .dropdownjs > ul[placement=top-left] {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  bottom: 0;
  left: 0;
}

.mash-menu .dropdownjs > ul[placement=bottom-left] {
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  bottom: 0;
  left: 0;
}

.mash-menu .dropdownjs > ul > li {
  list-style: none;
  padding: 5px 10px;
}

.mash-menu .dropdownjs > ul > li.dropdownjs-add {
  padding: 0;
}

.mash-menu .dropdownjs > ul > li.dropdownjs-add > input {
  border: 0;
  padding: 10px 20px;
  width: 100%;
}

.mash-menu .dropdownjs > input[readonly] {
  cursor: pointer;
}

.mash-menu .dropdownjs select[data-dropdownjs][disabled] ~ input[readonly] {
  cursor: default;
}

.mash-menu .dropdownjs > ul {
  background: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  padding: 10px;
  overflow: auto;
  max-width: 500px;
}

.mash-menu .dropdownjs > ul > li {
  cursor: pointer;
  word-wrap: break-word;
}

.mash-menu .dropdownjs > ul > li.selected,
.mash-menu .dropdownjs > ul > li:active {
  background-color: #eaeaea;
}

.mash-menu .dropdownjs > ul > li:focus {
  outline: 0;
}

.mash-menu .dropdownjs > ul > li > .close:before {
  content: "\00d7";
  display: block;
  position: absolute;
  right: 15px;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .6;
}

.mash-menu .dropdownjs > ul > li > .close:hover:before {
  opacity: .9;
}

.mash-menu .mash-tabs-container {
  /*===================================================== mash tabs container */
  padding: 0;
  float: left;
  width: 100%;
  display: block;
  border-bottom: 5px solid #E5E6E6;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container {
    float: none;
  }
}

.mash-menu .mash-tabs-container .mash-tabs {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container .mash-tabs {
    border-collapse: collapse;
    border-spacing: 0;
  }
}

.mash-menu .mash-tabs-container .mash-tabs a {
  background: #ECECEC;
  padding: 10px 2px;
  display: table-cell;
  color: #505050;
  text-align: center;
  font-size: 1.125em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container .mash-tabs a {
    display: inline-block;
    width: 100%;
    border-radius: 0;
  }
}

.mash-menu .mash-tabs-container .mash-tabs a.active {
  background: white;
}

.mash-menu .mash-tabs-container .mash-tabs a.active:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: -1;
}

.mash-menu .mash-tabs-container .mash-tabs-content {
  float: left;
  width: 100%;
  background-color: white;
  padding: 20px 0 0;
  display: block;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container .mash-tabs-content {
    padding-top: 0;
  }
}

.mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile {
  display: none;
  background: #ECECEC;
  padding: 10px 2px;
  color: #505050;
  text-align: center;
  font-size: 1.125em;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile {
    display: inline-block;
    width: 100%;
    border-radius: 0;
  }
}

.mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile.active {
  background: white;
}

.mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile.active:before {
  display: none;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile {
    display: block;
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 0;
  }
}

.mash-menu .mash-tabs-container .mash-tabs-content > div[id*="tab-"] {
  display: none;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container .mash-tabs-content > div[id*="tab-"] {
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-tabs-container .mash-tabs-content {
    border-radius: 0;
    float: none;
  }
}

.mash-menu .mash-social-icons {
  float: right;
  margin: 0;
  padding: 0 15px;
  display: block;
}

.mash-menu .mash-social-icons li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  line-height: 57px;
}

.mash-menu .mash-social-icons a {
  color: rgba(255, 255, 255, 0.86);
  margin: 0;
  padding: 0 5px;
  display: inline-block;
  float: left;
  width: 100%;
  text-align: center;
}

.mash-menu .mash-social-icons a:hover {
  color: white;
}

@media screen and (max-width: 767px) {
  .mash-menu .mash-social-icons {
    width: 100%;
    text-align: center;
    font-size: 0;
  }
  .mash-menu .mash-social-icons li {
    float: none;
    display: inline-block;
  }
  .mash-menu .mash-social-icons li a {
    font-size: 16px;
    padding: 0 10px;
  }
}

@media screen and (min-width: 768px) {
  .mash-menu.right-to-left .mash-list-items > li, .mash-menu.right-to-left .mash-brand, .mash-menu.right-to-left .mash-list-items {
    /* ================================= menu link align right to left */
    float: right;
  }
  .mash-menu.right-to-left .mash-list-items.right,
  .mash-menu.right-to-left .mash-search-bar,
  .mash-menu.right-to-left .mash-social-icons {
    float: left;
  }
  .mash-menu.right-to-left .mash-list-items.right > li > .drop-down {
    right: auto;
  }
}

.mash-menu .nav-tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: none !important;
}

@media screen and (max-width: 767px) {
  .mash-menu .nav-tabs {
    display: block;
  }
}

.mash-menu .nav-tabs li {
  margin: 0 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border: none !important;
}

@media screen and (max-width: 767px) {
  .mash-menu .nav-tabs li {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
}

.mash-menu .nav-tabs li a {
  color: #505050;
  background: #ececec;
  border-left: 1px solid #e5e6e6 !important;
  border-right: 1px solid #e5e6e6 !important;
  border-top: 1px solid #e5e6e6 !important;
  font-size: 1.125em;
  cursor: pointer;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .mash-menu .nav-tabs li a {
    border-radius: 0;
    margin: 0;
  }
}

.mash-menu .nav-tabs li.active a {
  background: #ececec !important;
}

.mash-menu .tab-content {
  border: 1px solid #e5e6e6;
  border-radius: 5px;
  padding: 1.25em 1.25em 0.625em;
  margin-bottom: 1.25em;
  border-bottom-width: 5px;
}

@media screen and (max-width: 767px) {
  .mash-menu .tab-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.mash-menu .list-group {
  /* list group */
  color: #505050;
}

.mash-menu .list-group .active {
  background: #eeeeee;
  color: #505050;
  border-color: #e5e6e6;
}

.mash-menu .list-group .active:hover, .mash-menu .list-group .active:active, .mash-menu .list-group .active:focus {
  background: #eeeeee;
  color: #505050;
  border-color: #e5e6e6;
}

.mash-menu .list-group .list-group-item-text {
  color: #505050 !important;
}

.mash-menu .well {
  /* well */
  color: #505050;
}

.mash-menu .media {
  /* media */
  color: #505050;
}

.mash-menu .media .media-left {
  max-width: 100px;
  display: block;
  float: left;
}

@media screen and (max-width: 320px) {
  .mash-menu .media .media-left {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }
}


/* #########################################################################
   #########################################################################
   ####################                                 ####################
   ####################       Structured Data Hide      ####################
   ####################                                 ####################
   ##################################      #################################
   ###################################    ##################################
   ####################################  ###################################
   ######################################################################### */

.homepage-structured-markup, .dms-structured-markup, .fso-structured-markup, .np-crm-structured-markup, .digital-marketing-structured-markup,
.oa-structured-markup, .of-structured-markup, .pp-structured-markup {
    display: none !important;
}

#bg {
    background-image: radial-gradient(ellipse at center, #5cb1f1 0%,#06416d 100%) !important; /* #0c61a1 */
}

#bg svg {
    position: relative !important;
    top: -400px !important;
    height: 400px !important;
}
.smart-header-buttons #HeaderCTAButton-1 #HeaderCTA-title::after {
    content: "\f105";
    color: white;
    font-family: FontAwesome;
    font-size: 20pt;
    transition: all 0.3s ease-in-out 0.1ms;
    position: relative;
    top: -9px;
    float: right;
}
.smart-header-buttons #HeaderCTAButton-2 #HeaderCTA-title::after {
    content: "\f105";
    color: white;
    font-family: FontAwesome;
    font-size: 20pt;
    transition: all 0.3s ease-in-out 0.1ms;
    position: relative;
    top: -9px;
    float: right;
}
.smart-clients .smart-client-logo {
    width: 100% !important;
    max-width: 150px !important;
    padding: 0px !important;
    margin: 0 13px !important;
}
.smart-header-buttons #HeaderCTAButton-1 #HeaderCTA-title {
    max-width: 210px !important;
    width: 100% !important;
    min-width: 210px !important;
}
.smart-header-buttons #HeaderCTAButton-2 #HeaderCTA-title {
    max-width: 195px !important;
    width: 100% !important;
    min-width: 195px !important;
    margin-left: 15px;
}
.smart-header-buttons #HeaderCTAButton-1 #HeaderCTA-image, .smart-header-buttons #HeaderCTAButton-2 #HeaderCTA-image {
    width: 35px !important;
}
.smart-header-buttons #HeaderCTAButton-2 #HeaderCTA-image {
    margin-right: 15px !important;
}


/* ----------------------- Homepage Responsive ----------------------------- */
@media (min-width: 1401px) and (max-width: 1500px) {
.smart-homepage-image {
    max-height: 400px !important;
}
#smart-homepage-hero {
    margin-top: -260px !important;
}
}
@media (min-width: 1201px) and (max-width: 1400px) {
.announcement-bar {
    margin-top: -20px !important;
}
}
@media screen and (max-width: 1260px) {
#stack-top-box {
    display: none !important;
}
#salsa-engage-stack {
    margin-bottom: 110px !important;
}
.engage-stack-block {
    width: 47% !important;
    margin-top: 20px !important;
    margin-left: 9px !important;
    margin-right: 9px !important;
}
}
@media screen and (max-width: 1200px) {
#smart-homepage-hero {
    margin-top: -410px !important;
    margin-bottom: 40px;
}
#smart-homepage-hero .centered-small {
    margin: 0 100px !important;
}
.bg-image-section {
    min-height: 500px !important;
    background-size: cover !important;
    background-attachment: inherit !important;
}
.introducing-salsa {
    padding-top: 0 !important;
}
#hs_cos_wrapper_module_1500387394266498 {
    margin-top: 220px !important;
}
.team-gradient {
    display: none !important;
}
#down-triangle {
    display: none !important;
}
.homepage-team-pages .bg-image-section {
    background: none !important;
}
.smart-case-study, .smart-team-pages {
    width: 100% !important;
    min-height: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
}
#bg {
    height: 400px;
    max-height: 400px;
}
}
@media screen and (max-width: 1100px) {
.smart-header-buttons a {
    width: 100% !important;
    max-width: 520px !important;
}
.smart-header-buttons {
    margin: 30px auto 0 !important;
    max-width: 520px !important;
}
body.salsa-smart-home #accordion-1 {
    display: block !important;
    margin-top: 40px;
}
#accordion-1 #stack-front-box {
    margin-bottom: 15px !important;
}
.need-crm {
    display: none;
}
}
@media screen and (max-width: 1000px) {
#smart-homepage-hero .centered-small {
    margin: 0 auto !important;
    text-align: center;
    max-width: 90% !important;
}
#smart-homepage-hero .hero-text h1 {
    margin: 0 0 20px !important;
}
.introducing-salsa-text {
    width: 100% !important;
    max-width: 550px !important;
    float: none !important;
    margin: 0 auto 20px !important;
}
.introducing-salsa-text h2 {
    text-align: center !important;
}
#smart-homepage-hero #HeaderCTAButton-1, #HeaderCTAButton-2 {
    margin-bottom: 20px !important;
}
.smart-header-buttons {
    margin: 20px auto !important;
    text-align: center !important;
    max-width: 290px !important;
}
.integration-graphic {
    max-width: 94% !important;
}
.polygon-cta-group h2 {
    max-width: 640px !important;
}
}
@media screen and (max-width: 920px) {
.introducing-salsa .introducing-salsa {
    margin: 20px auto 0 !important;
    width: 100% !important;
    float: none !important;
}
#bg {
    background-image: url(https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/Mobile-Polygons.jpg) !important;
    background-size: cover !important;
    height: 100% !important;
}
.home-polygon-cta {
    height: 500px !important;
    max-height: 350px !important;
}
#bg svg {
    top: -400px !important;
    height: 500px !important;
    display: none !important;
}
}
@media screen and (max-width: 860px) {
.engage-stack-block {
    width: 97% !important;
}
.engage-stack-block {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
}
@media screen and (max-width: 740px) {
#smart-homepage-hero {
    margin-top: -440px !important;
}
.smart-clients .smart-client-logo {
    max-width: 180px !important;
    margin: 0 auto !important;
}
.bg-image-section {
    background: url(https://www.salsalabs.com/hubfs/1_Website/Salsa%20Website%202017/Images/Mobile-Polygons.jpg) !important;
    background-size: cover !important;
}
.home-polygon-cta #bg {
    padding-bottom: 100px !important;
}
.smart-header-buttons #HeaderCTAButton-2 #HeaderCTA-title {
    margin-left: 0px;
    max-width: 210px !important;
    min-width: 210px !important;
}
.smart-team-pages {
    background: #2476b5 !important;
}
.engage-stack-block {
    margin: 30px auto !important;
}
.homepage-case-studies #single-testimonial {
    padding: 10px 0 !important;
}
}
@media screen and (max-width: 680px) {
#bg {
    height: 100% !mportant;
    max-height: 100% !important;
}
}
@media screen and (max-width: 600px) {
.smart-header-buttons a {
    max-width: 300px !important;
}
.bg-image-section {
    min-height: 600px !important;
}
#smart-homepage-hero {
    margin-top: -570px !important;
}
.introducing-salsa-text {
    margin: 40px auto 0 !important;
}
.engage-stack-block {
    width: 100% !important;
}
#hs_cos_wrapper_module_1500387394266498 {
    margin-top: 140px !important;
}
.polygon-cta-group {
    margin-top: 70px !important;
    padding: 20px;
}
.polygon-cta-group h2 {
    font-size: 24pt !important;
    line-height: 28pt !important;
    text-align: center !important;
    max-width: 350px !important;
}
.home-polygon-cta .default-button {
    display: block;
    margin: 20px auto;
    float: none !important;
}
}
@media screen and (max-width: 500px) {
#bg {
    height: 100% !mportant;
    max-height: 100% !important;
}
#bg svg {
    top: -400px !important;
    height: 500px !important;
}
.salsa-white-logo-cta, .salsa-white-plus-cta, .organization-logos {
    float: none !important;
    margin: 0 auto 10px !important;
    display: block !important;
}
#HeaderCTAButton-1, #HeaderCTAButton-2 {
    margin: 0 auto !important;
    min-width: 100% !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.introducing-salsa li {
    font-size: 13pt !important;
    line-height: 17pt !important;
}
}


body.nexus-articles .accordion-section-title {
width:100%;
padding:15px;
display:inline-block;
border: none !important;
margin: 0px !important;
max-width: 100% !important;
/* Main Background Color */
background: none !important;
transition:all linear 0.15s;
/* Type Size and Color */
font-size:1em !important;
color:#3795ca !important;
padding: 0 !important;
text-align: left !important;
}
body.nexus-articles #side-container-wrapper a {
    color: #3795ca !important;
}
body.nexus-articles #side-container-wrapper ul {
    padding-left: 0 !important;
}



@media (min-width: 1101px) and (max-width: 1200px) {
.announcement-bar {
    margin-top: -10px !important;
}
}
@media (min-width: 1001px) and (max-width: 1100px) {
.announcement-bar {
    margin-top: -26px !important;
    margin-bottom: 80px !important;
}
}
@media (min-width: 721px) and (max-width: 1000px) {
.announcement-bar {
    margin-top: 0px !important;
    margin-bottom: 80px !important;
}
}
@media (min-width: 600px) and (max-width: 720px) {
.announcement-bar {
    margin-top: 0px !important;
    margin-bottom: 80px !important;
}
}


/* New Product Pages 2017 */

.new-product-features-2017 ul li:before {
    content: "\f105";
    color: #31a0d6 !important;
    font-family: FontAwesome;
    font-size: 20pt;
}
.new-product-features-2017 ul li {
    color: #747474;
    font-weight: 300;
    font-size: 14pt;
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 18pt;
    padding-left: 20px !important;
}
.more-features .accordion-section-title,
.more-features .accordion-section-title-2 {
    transition: all 0.3s ease-in-out;
    color: #31a0d6 !important;
    background-color: #f3f3f3 !important;
}
.more-features .accordion-section-title:hover, .more-features .accordion-section-title.active,
.more-features .accordion-section-title-2:hover, .more-features .accordion-section-title-2.active {
    color: white !important;
    background-color: #31a0d6 !important;
}
.more-features a:hover {
    color: white !important;
}
.more-features .accordion-section-title #accordion-arrow .fa-chevron-down,
.more-features .accordion-section-title-2 #accordion-arrow .fa-chevron-down {
    transition: all 0.3s ease-in-out;
}
.more-features .accordion-section-title:hover #accordion-arrow .fa-chevron-down,
.more-features .accordion-section-title-2:hover #accordion-arrow .fa-chevron-down {
    color: white !important;
}
.more-features .accordion-section-title.active #accordion-arrow .fa-chevron-down,
.more-features .accordion-section-title-2.active #accordion-arrow .fa-chevron-down {
    color: white !important;
    content: "\f095" !important;
    font-family: FontAwesome !important;
    transform: rotate(-180deg);
}
#side-widget-square {
    transition: all 0.3s ease-in-out;
    position: relative;
    left: -10px;
    -webkit-box-shadow: 0px 0px 26px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    0px 0px 26px 0px rgba(50, 50, 50, 0.6);
    box-shadow:         0px 0px 26px 0px rgba(50, 50, 50, 0.6);
}
#side-widget-square:hover {
    left: 0px;
    cursor: pointer;
}
.nten-firefly-testimonial-slider .hs_cos_flex-slider .hs_cos_flex-slides img {
    border-radius: 0% !important;
    border: none !important;
    filter: none !important;
    width: 100px !important;
    height: 84px !important;
}
.nten-firefly-testimonial-slider .hs_cos_flex-slider .caption {
    font-size: 24pt !important;
    line-height: 30pt !important;
    font-weight: 300 !important;
    padding: 10px 5% 0 120px !important;
    text-align: left !important;
}
.nten-firefly-testimonial-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav li a {
    margin-top: 30px !important;
}
.product-page-download-offer form {
    max-width: 520px;
    margin: 0 auto !important;
}
.product-page-download-offer form .hs-form-field {
    max-width: 270px;
    margin-right: 10px !important;
    margin-left: 0px !important;
}
.product-page-download-offer .hs-form fieldset label {
    float: left;
    margin-left: -8px;
}
.product-page-download-offer form ul label {
    float: left;
    margin-left: -10px;
    color: white;
    font-size: 11px;
    letter-spacing: .01em;
}
.product-page-download-offer form .inputs-list {
    color: white;
    margin-left: 12px;
    font-weight: 300;
}
.product-page-download-offer .hs-form fieldset {
    float: left;
    max-width: 520px;
}
.product-page-download-offer .field > label > span.hs-form-required {
    color: orange;
    display: none;
}
.product-page-download-offer form .hs_submit {
    display: block !important;
    clear: both;
    margin: 0 auto !important;
    max-width: 190px;
}
.product-page-download-offer form select {
    border-radius: 0;
    color: gray;
    width: 250px !important;
}
.product-page-download-offer form input[type="submit"] {
    background: #fda575 none repeat scroll 0 0 !important;
    height: auto;
    border: 1px solid white;
}
.product-page-download-offer form input[type="submit"]::after {
    content: "\f078" !important;
    font-family: FontAwesome !important;
    font-size: 70pt;
    color: white;
    width: 50px;
    height: 50px;
    position: relative;
}
#product-header-buttons #HeaderCTAButton-2 {
  background: #fda575 !important;
}
#product-header-buttons #HeaderCTAButton-2:hover {
  background: #fda575 !important;
}
@media (min-width: 50px) and (max-width: 1300px) {
.product-page-video-header .centered-small {
    max-width: 1100px !important;
}
.product-page-video-header .centered-small .hero-text {
    text-align: center;
}
.product-page-video-header .centered-small .hero-text .overview-bullets li {
    text-align: left;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons {
    margin: 0 auto;
    max-width: 220px;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons #HeaderCTAButton-2 {
    margin: 0 20px !important;
}
}
@media (min-width: 50px) and (max-width: 1200px) {
.fixed-side-button-widget {
    display: none !important;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content {
    padding: 80px 60px 80px 20px !important;
    background: #f6f6f6 !important;
}
body.salsa-new-product-pages-2017 .download-form {
    max-height: 500px !important;
    min-height: 500px !important;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content h3,
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content h4 {
    width: 100%;
    padding: 0 30px;
    text-align: center;
    max-width: 100% !important;
}
.product-overview-info-graphic-section .info-graphic-text {
    background-color: #f6f6f6 !important;
}
.product-overview-info-graphic-section .info-graphic-text ul {
    text-align: center;
    padding: 30px 30px 0 !important;
}
.product-overview-info-graphic-section .info-graphic-circle {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 60px 20px 20px !important;
    margin: 0 auto;
    min-height: 100% !important;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content,
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content p,
.product-overview-info-graphic-section .info-graphic-text {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}
#product-overview-cta-section {
background-color: #f6f6f6 !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
}
}
@media (min-width: 50px) and (max-width: 1100px) {
.new-product-feature-2017 {
    background-image: none !important;
    border-top: 1px solid gainsboro;
    padding: 40px 0 80px !important;
    margin: 0 auto !important;
}
.products-text-and-video {
    margin: 0 auto !important;
}
.products-text-and-video .row-number-1 .row-fluid {
    display: -webkit-box !important;   
    display: -moz-box !important;      
    display: -ms-flexbox !important;   
    display: -webkit-flex !important;   
    display: flex !important;  
    -webkit-flex-flow: row wrap !important;  
    -moz-flex-flow: row wrap !important;  
    -ms-flex-flow: row wrap !important;  
    flex-flow: row wrap !important;  
}
.new-product-features-text {
    order: 2 !important;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    width: 100% !important;
    max-width: 650px !important;
}
.new-product-features-text h2 {
    text-align: center !important;
}
.new-product-features-video {
    order: 1 !important;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    width: 100% !important;
    max-width: 650px !important;
    margin: 40px auto !important;
    height: auto !important;
}
.more-product-features  {
    display: none !important;
}
.product-faq-accordion {
    display: none !important;
}
}
@media (min-width: 50px) and (max-width: 1020px) {
.product-page-video-header .centered-small .hero-text {
    clear: both;
    float: none !important;
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 auto;
}
.product-page-video-header .centered-small .hero-text h1 {
    margin: 0 !important;
}
.product-page-video-header .hero-video {
    float: none !important;
    margin: 40px auto !important;
    width: 100%;
    max-width: 650px !important;
}
.product-page-video-header .centered-small .hero-text .overview-bullets {
    max-width: 460px;
    margin: 0 auto;
}
.product-overview-info-graphic-section .info-graphic-text {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto;
    background-color: #f6f6f6 !important;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content {
    padding: 40px 20px !important;
}
.product-overview-info-graphic-section {
    box-shadow: none !important;
    margin-bottom: 0px !important;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content,
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content p {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}
#product-overview-cta-section {
    margin: 0 auto !important;
    padding: 40px 20px 60px;
}
.engage-comes-with-crm, .engage-comes-with-crm-single {
    max-height: 100% !important;
    min-height: 100% !important;
    background-image: none !important;
    margin-bottom: 70px !important;
}
.engage-comes-with-crm-crm {
    width: 100% !important;
    margin: 170px 0px 0 80px !important;
    float: none !important;
    text-align: center !important;
}
.engage-comes-with-crm-arrow {
-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    margin: 130px auto !important;
    float: none !important;
}
.engage-comes-with-crm-engage {
    width: 100% !important;
    margin: 0 0 0 -60px !important;
    float: none !important;
    text-align: center !important;
}
.engage-comes-with-crm-single-text {
    text-align: center !important;
    float: none !important;
    margin: 60px auto !important;
}
.engage-comes-with-crm-single-text .engage-is-more ul {
    padding: 0 60px !important;
}
.engage-comes-with-crm #HeaderCTAButton-1, .engage-comes-with-crm #HeaderCTAButton-2 {
    float: none !important;
    margin: 30px auto 0 !important;
}
.engage-comes-with-crm #HeaderCTAButton-1 {
    max-width: 290px !important;
    min-width: 290px !important;
}
.engage-comes-with-crm #HeaderCTAButton-2 {
    max-width: 180px !important;
    min-width: 180px !important;
}
.nten-firefly-image {
    float: none !important;
    margin: 0 auto !important;
    max-width: 180px !important;
}
.nten-firefly-testimonial-slider .widget-type-image_slider {
    width: 100% !important;
    max-width: 920px;
    margin: 0 auto !important;
}
.nten-firefly-testimonial-slider .hs_cos_flex-slider {
    margin: 0 0 100px !important;
}
.nten-firefly-testimonial-slider .hs_cos_flex-slider .caption {
    top: 20px !important;
}
.new-product-feature-2017 h2 {
    margin: 40px auto 30px !important;
}
}
@media (min-width: 50px) and (max-width: 960px) {
.engage-comes-with-crm-overview {
    max-height: 100% !important;
    min-height: 100% !important;
    background-image: none !important;
    background-color: #1767a3 !important;
    padding-bottom: 80px !important;
}
.engage-comes-with-crm-overview .single-pricing-block {
    max-width: 100% !important;
    float: none !important;
    margin: 0 auto 40px !important;
}
#a-shadow {
    display: none !important;
}
.nten-firefly-testimonial-slider .hs_cos_flex-slider .caption {
    font-size: 18pt !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 40px 0 !important;
}
.download-form input, .download-form select {
    font-size: 9pt !important;
    margin: 5px auto !important;
}
.download-form input {
    margin: 5px auto !important;
}
.download-form select {
    margin: 12px auto !important;
}
.download-form .form-columns-2 {
    float: none !important;
}
.download-form .hs_submit {
    margin-top: 20px !important;
}
.download-form .hs-form.stacked .actions {
    max-width: 170px !important;
    margin: 20px auto !important;
}
}
@media (min-width: 50px) and (max-width: 768px) {
.product-page-video-header #HeaderCTAButton-1 {
    display: none !important;
}
.product-page-video-header .hero-video {
    margin: 0px auto 170px !important;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons {
    top: 400px;
    position: relative;
}
#product-features-section {
    margin-bottom: 0 !important;
}
}
@media (min-width: 50px) and (max-width: 680px) {
.download-form .form-columns-2, .download-form .form-columns-1 {
    max-width: 400px !important;
    margin: 0 auto !important;
    max-width: 270px !important;
    float: none !important;
}
.download-form .form-columns-1 {
    max-height: 90px !important;
}
.download-form .form-columns-2 .hs-form-field, .download-form .form-columns-1 .hs-form-field {
    width: 100% !important;
}
body.salsa-new-product-pages-2017 #bg {
    max-height: 100% !important;
}
#product-features-section h2 {
    margin: 30px auto 10px !important;
}
#product-features-section ul {
    padding-left: 0 !important;
}
#product-features-section .new-product-features-text a {
    padding: 10px !important;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons {
    top: 400px;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content h3,
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content h4:first-child {
    display: none;
}
.product-overview-info-graphic-section .info-graphic-circle {
    display: none;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content {
   margin: 60px auto 0 !important; 
}
}
@media (min-width: 50px) and (max-width: 600px) {
.product-page-video-header .centered-small .hero-text #HeaderCTAButton-1, .product-page-video-header .centered-small .hero-text #HeaderCTAButton-2 {
    min-width: 100% !important;
    margin-bottom: 20px !important;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons {
    max-width: 260px !important;
}
#product-overview-cta-section #HeaderCTAButton-1,
#product-overview-cta-section #HeaderCTAButton-2 {
    max-width: 180px !important;
    min-width: 180px !important;
    margin: 20px auto !important;
    text-align: center !important;
    float: none !important;
}
.product-page-video-header #HeaderCTAButton-1 #HeaderCTA-title,
.product-page-video-header #HeaderCTAButton-2 #HeaderCTA-title {
    float: none !important;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons #HeaderCTAButton-2 {
    margin: 0 auto !important;
}
.engage-comes-with-crm-single #HeaderCTAButton-1, .engage-comes-with-crm-single #HeaderCTAButton-2 {
    float: none !important;
    margin: 30px auto 0 !important;
    min-width: 180px !important;
    max-width: 180px !important;
}
.engage-comes-with-crm #HeaderCTAButton-1 {
    max-width: 240px !important;
    min-width: 240px !important;
}
.engage-comes-with-crm #HeaderCTAButton-2 {
    max-width: 190px !important;
    min-width: 190px !important;
}
#product-overview-cta-section {
    margin: 0px auto 0 !important;
}
.product-overview-info-graphic-section .info-graphic-text .info-graphic-content {
    padding: 40px 20px 0 !important;
}
.wistia_embed {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}
.wistia_embed img {
    width: 100% !important;
    left: 0 !important;
    height: 100% !important;
}
#product-page-wistia-video-thumbs {
    width: 100% !important;
    height: 100% !important;
}
.wistia_click_to_play {
    height: 270px !important;
}
}
@media (min-width: 50px) and (max-width: 568px) {
.wistia_click_to_play {
    height: 266px !important;
}
}
@media (min-width: 50px) and (max-width: 550px) {
.product-page-video-header .centered-small .hero-text #product-header-buttons {
    top: 400px;
}
}
@media (min-width: 50px) and (max-width: 500px) {
.product-page-video-header .hero-video {
    margin: 20px auto !important;
}
.product-page-video-header .centered-small .hero-text .overview-bullets {
    max-width: 230px;
    margin: 40px auto;
}
.engage-comes-with-crm h2, .engage-comes-with-crm-single h2 {
    padding: 0 20px !important;
}
.engage-comes-with-crm-single-text .engage-is-more ul {
    padding: 0 !important;
    max-width: 270px !important;
}
.nten-firefly-testimonial-slider .hs_cos_flex-slider .hs_cos_flex-direction-nav {
    display: none !important;
}
.outgrow-quote [itemprop="url"] [itemprop="name"] {
   font-size: 24pt !important;
   line-height: 28pt: !important;
}
.download-form input, .download-form select {
    margin: 10px auto !important;
}
.download-form input, .download-form select {
    margin: 10px auto !important;
}
.download-form .hs_email input {
    margin: 20px auto !important;
}
#omaha-body {
    background-position: center -100px !important;
}
#omaha-element-tagline {
    margin-bottom: 0px !important;
}
.omaha-form-wrap {
    padding: 0 20px !important;
}
.product-page-video-header .hero-video {
    margin: -30px auto 170px !important;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons {
    top: 360px;
}
}
@media (min-width: 50px) and (max-width: 414px) {
.wistia_click_to_play {
    height: 200px !important;
}
}
@media (min-width: 50px) and (max-width: 400px) {
.engage-comes-with-crm #HeaderCTAButton-1, .engage-comes-with-crm-single #HeaderCTAButton-1, #product-overview-cta-section #HeaderCTAButton-1 {
    max-width: 250px !important;
    min-width: 250px !important;
}
.engage-comes-with-crm #HeaderCTAButton-2, .engage-comes-with-crm-single #HeaderCTAButton-2, #product-overview-cta-section #HeaderCTAButton-2 {
    max-width: 210px !important;
    min-width: 210px !important;
}
.engage-comes-with-crm h3, .engage-comes-with-crm-single h3 {
    padding: 0 15px;
}
#product-page-wistia-video-thumbs {
    max-height: 290px !important;
}
.wistia_embed img {
    max-height: 178px !important;
}
.product-page-video-header .centered-small .hero-text #product-header-buttons {
    top: 330px;
}
.wistia_embed {
    max-height: 177px !important;
}
}
@media (min-width: 50px) and (max-width: 375px) {
.wistia_click_to_play {
    height: 180px !important;
}
}

/* Salsa Success */
.success-header .salsa-success-title {
    font-size: 56pt !important;
    line-height: 60pt !important;
}
@media (min-width: 50px) and (max-width: 1080px) {
.success-slide-text {
    padding-left: 4%; !important;
}
}
@media (min-width: 50px) and (max-width: 900px) {
.success-slide-text {
    padding-left: 14%;
    margin-top: 40px !important;
}
}
@media (min-width: 50px) and (max-width: 768px) {
.success-slide-images {
    float: none !important;
    display: inline-block !important;
}
.success-slide-text {
    float: none !important;
    margin-top: 360px !important;
    display: inline-block !important;
    padding: 0 20px;
}
.success-slide-images .slider label {
    margin: 620px 150px !important;
}
.success-header {
    max-width: 20px auto;
}
}
@media (min-width: 50px) and (max-width: 600px) {
.success-header .salsa-success-title {
    font-size: 42pt !important;
    line-height: 46pt !important;
}
.success-header h1 {
    margin: 0 auto !important;
}
}
@media (min-width: 50px) and (max-width: 470px) {
.success-slide-images .slider img {
    max-width: 330px !important;
    min-height: 520px;
    max-height: 520px;
}
.success-slide-images .slider label {
    margin: 550px 130px !important;
}
.success-slide-text {
    margin-top: 300px !important;
}
.success-header .salsa-success-title {
    font-size: 34pt !important;
    line-height: 38pt !important;
}
}

/* New Live Chat - 2017 */
iframe#livechat-compact-view {
    display: block;
}
/* #operator_avatar_container, #operator_avatar {
    display: none !important;
    visibility: hidden !important;
    position: relative !important;
    right: 80px !important;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
    word-wrap: normal !important;
}


/* --------------- Header Wraps --------------------- */

@media (min-width: 50px) and (max-width: 500px) {
.video-library-header {
    padding: 10px 0 60px !important;
}
.video-library-header .centered h1 {
    word-wrap: normal !important;
}
}


/* ---------------- Product Page Bottom Custom Module ---------- */
@media (min-width: 50px) and (max-width: 900px) {
.product-page-bottom-custom-module #thank-you-feature-blocks {
        max-width: 100% !important;
        float: none !important;
        text-align: center;
        margin: 30px 0 !important;
}
.product-page-bottom-custom-module #thank-you-feature-blocks img {
        padding-top: 20px !important;
}
}


/* Pop Up VS Landing Page Test */

.pricing-page-test, .demo-pop-up-test {
    display: none !important;
}
.new-product-features-text .demo-pop-up-test::after {
    color: #fda575 !important;
}
.new-product-features-text .demo-pop-up-test:hover::after {
    color: white !important;
}


/* ---------------- Nexus Bottom Blocks ---------- */
.stages-of-donor-relationships p, .steps-to-purchase-fundraising-software p {
    color: white;
    font-weight: 300 !important;
    font-size: 13pt;
    letter-spacing: 1px !important;
}
.stages-of-donor-relationships h2, .steps-to-purchase-fundraising-software h2 {
    color: white !important;
    font-weight: 700 !important;
    margin-bottom: 20px;
    letter-spacing: 1px !important;
    display: inline-block;
}
@media (min-width: 50px) and (max-width: 768px) {
.stages-of-donor-relationships, .steps-to-purchase-fundraising-software {
    padding: 120px 30px !important;
}
.stages-of-donor-relationships i, .steps-to-purchase-fundraising-software i {
    float: none !important;
    margin: 0 auto 30px !important;
    display: block !important;
}
}


body.crm-product-page-tour .mash-menu, body.fundraising-product-page-tour .mash-menu, body.advocacy-product-page-tour .mash-menu {
    margin: 12px auto;
}
body.crm-product-page-tour .white-menu .header-top-links, body.fundraising-product-page-tour .white-menu .header-top-links, body.advocacy-product-page-tour .white-menu .header-top-links {
    margin-top: 15px;
}





#software-reviews .testimonial-user-info {
    display: none;
}


/* Hubspot Video Form Styles */
.vidyard-cta-holder .hbspt-form span, .vidyard-cta-holder {
  text-align: center !important;
}


.bottom-footer form .hs-form-field {
  display: none !important;
}

.scroll-to-top {
    left: 20px;
}