/**** ------------------------------------

  Theme Name:  OnSIP
  Theme URL:   www.onsip.com

  Template:    OnSIP
  Version:     1.0
  
  Author:      Radar Digital
  Author URL:  www.radardigital.com
  
  License:     ©Radar Digital. This code can not be distrubuted or reproduced. 
               Limit one license per HubSpot portal.

 ------------------------------------ */

/* -------- Fonts --------- */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
 font-family: 'PT Sans';
 src:url('//516769.fs1.hubspotusercontent-na1.net/hubfs/516769/fonts/pt-sans.eot');
 src:url('//516769.fs1.hubspotusercontent-na1.net/hubfs/516769/fonts/pt-sans.eot#iefix') format('embedded-opentype'),
	 url('//516769.fs1.hubspotusercontent-na1.net/hubfs/516769/fonts/pt-sans.woff2') format('woff2'),    
	 url('//516769.fs1.hubspotusercontent-na1.net/hubfs/516769/fonts/pt-sans.woff') format('woff'),
	 url('//516769.fs1.hubspotusercontent-na1.net/hubfs/516769/fonts/pt-sans.ttf') format('truetype'),
	 url('//516769.fs1.hubspotusercontent-na1.net/hubfs/516769/fonts/pt-sans.svg#pt-sans') format('svg');
 font-weight:normal;
  font-style:normal;	
}

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

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

/* Variables */
















/* -------- Custom -------- */
html, body {height:100%; margin:0; padding:0;}

html {background:#f2f2f2;}

body {
 background:#fff;    
 font:16px PT Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
 color:#0b304a;
 line-height:1.5;
 font-weight:normal;
}

* {outline:0 none!important;}

a {
 color:#0c69ae;
 outline:none;
 text-decoration:none; 
 -webkit-transition:all 0.25s ease-out; 
    -moz-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out; 
}
a:hover, a:focus {color:#9e9e9e; text-decoration:none;}

img {max-width:100%; height:auto!important;}

[class*="icon"] {
 -webkit-transition:all 0.25s ease-out; 
    -moz-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;
}


/* -------- Typography -------- */
p {margin:0 0 30px 0; line-height:1.5;}
small {font-size:85%;}
strong {font-weight:700;}
em {font-style:italic;}
cite {font-style:italic;}

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

h1, h2, h3, h4, h5, h6 {
 margin:0 0 20px 0; 
 font-family:Raleway, sans-serif; 
 font-weight:300;
 color:#0b304a; 
 letter-spacing:1px;
 line-height:1.5;
 text-rendering:optimizelegibility;
}

h1 {font-size:48px; font-weight:200;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

ul, ol {margin:0 0 30px 0; padding:0 0 0 30px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom:0;}

li {margin:0 0 5px 0;}

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

ul.inline, ol.inline {margin-left:0; list-style:none;}
ul.inline > li, ol.inline > li {display:inline-block; *display:inline; padding-right:5px; padding-left:5px; *zoom:1;}

dl {margin-bottom:30px;}
dt, dd {line-height:1.5;}
dt {font-family:PT Sans, sans-serif; font-weight:normal;}
dd {margin-left:10px;}

blockquote {padding:0 0 0 15px; margin:0 0 25px; border-left:5px solid #eee; font-style:italic;}
blockquote small {display:block; line-height:20px; color:#999;}
blockquote small:before {content:"\2014 \00A0";}

blockquote.pull-right {float:right; padding-right:15px; padding-left:0; border-right:5px solid #eee; border-left:0;}
blockquote.pull-right p, blockquote.pull-right small {text-align:right;}
blockquote.pull-right small:before {content:"";}
blockquote.pull-right small:after {content:"\00A0 \2014";}

figure {margin: 0 0 30px 0;}
figure figcaption {font-size:14px; color:#898989; font-style:italic; text-align:center;}

q:before, q:after, blockquote:before, blockquote:after {content:"";}

address {display:block; font-style:normal; line-height:2;}

code, pre {font:12px Monaco, Menlo, Consolas, "Courier New", monospace; padding:0 3px 2px; color:#333; border-radius:3px;}

code {background-color:#f7f7f9; padding:2px 4px; color:#d14; border:1px solid #e1e1e8; white-space:nowrap;}

/* malcolm 14MAR2016 - changed <pre> margin-bottom from 10px to 30px */
pre {background-color:#f5f5f5; font-size:13px; display:block; padding:9.5px; margin:0 0 30px; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.15); line-height:20px; word-break:break-all; word-wrap:break-word; white-space:pre; white-space:pre-wrap; border-radius:4px;}
pre.prettyprint {margin-bottom:20px;}
pre code {background-color:transparent; padding:0; color:inherit; border:0; white-space:pre; white-space:pre-wrap;}

cite {font-size:14px; display:block;}

sub, sup {font-size:70%;}
sub {vertical-align:baseline;}

hr {background:#e3e3e3; height:1px; margin:0 0 20px 0; border:0 none;}

iframe {min-width:100%;}
iframe#drift-widget {min-width:auto;}

/* -------- Structure -------- */
.header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {}

.body-container-wrapper {background:#fff; padding-top:130px;}

.header-nav > div,
.header-top > div,
.footer-container,
.body-container .panel > div {
 width:auto;
 max-width:1170px; 
 float:none;
 margin:0 auto!important;
 padding:0 25px;
}

.body-container .panel {padding:80px 0;}

/* -------- Header -------- */
.header-container-wrapper {background:#fff; position:fixed; top:0; left:0; right:0; width:100%; z-index:4;}

.header-container {position:relative;}
.header-container .row-fluid,
.header-container .row-fluid::before, 
.header-container .row-fluid::after {
 display:block;
}

.header-container .logo {padding:0;}
.header-container .logo img {
 max-width:130px;
 -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
     -ms-transition:all 0.2s;
      -o-transition:all 0.2s;
         transition:all 0.2s;     
}

.header-container .header-top {
 background:#2a333e;
 background: -webkit-linear-gradient(top, #2a333e 0%, #052b3e 100%);
 background:    -moz-linear-gradient(top, #2a333e 0%, #052b3e 100%); 
 background:         linear-gradient(to bottom, #2a333e 0%, #052b3e 100%); 
 font:11px Raleway, sans-serif;
 font-weight:600; 
 border-bottom:1px solid #0c69ae;
 text-transform:uppercase;
 box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
 -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
     -ms-transition:all 0.2s;
      -o-transition:all 0.2s;
         transition:all 0.2s; 
}

.header-container .header-top i {color:#1197fa; margin:0 4px 0 0; display:inline-block;}
.header-container .header-top img {max-width:14px; margin:0 4px 0 0; display:inline-block; vertical-align:middle;}

.header-container .header-top ul {float:right; list-style:none; margin:0; padding:0;}
.header-container .header-top ul li {float:left; margin:0 25px 0 0;}
.header-container .header-top ul li a {padding:10px 0; color:#9e9e9e; display:block;}
.header-container .header-top ul li a:hover {opacity:0.7;}

.header-container .header-top ul li:last-child {margin:0;}
.header-container .header-top ul li:last-child a {background:#404e5e; padding:10px 25px 10px 22px;}

/* Scroll */
.scroll {
 -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.3); 
         box-shadow:0 1px 5px rgba(0, 0, 0, 0.3); 
}

.scroll .logo img {max-width:100px;}

.scroll .header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {height:70px; line-height:70px;}
.scroll .header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul {top:70px;}

/* Extras */
.header-container .ctas {margin:0; text-align:right;}
.header-container .ctas .cta_button > span {background:#fff; color:#0b304a; margin:0; border:1px solid #0b304a; font-weight:800; white-space:nowrap;}
.header-container .ctas .cta_button:hover > span {background:#b3b3b3; color:#fff; border:1px solid transparent;}

.header-container .ctas .hs-button {background:#b3b3b3;}
.header-container .ctas .hs-button:hover {background:#c0c0c0;}

/* Grid */
.header-container .menu {width:70.412%;}
.header-container .ctas {width:12.494%;}


/* -------- Menu -------- */
.header-container .row-fluid {
 display:-moz-box;
 display:-ms-flexbox; 
 display:-webkit-flex;
 display:flex; 
 -webkit-align-items:center;
    -moz-align-items:center;
     -ms-align-items:center; 
         align-items:center;
}
    
.header-container .hs-menu-wrapper {float:right;}
.header-container .hs-menu-wrapper > ul {display:block;}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul {margin:0; padding:0;}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {position:relative; margin:0 5px; padding:0; line-height:1px; text-align:center;}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {    
 font:13px Raleway, sans-serif; 
 max-width:none;
 height:100px;
 padding:0 15px;
 color:#0b304a; 
 border:0 none;
 font-weight:600;
 letter-spacing:1px;
 line-height:100px;
 text-transform:uppercase;
 border-radius:0;
}

.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover {}

.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a,
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch a {  
 color:#f67f44; 
}

.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch a {font-weight:700;}

.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children {}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children a {padding-right:13px;}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {font-family:FontAwesome; margin:0 0 0 5px; color:#ccc; content:"\f0d7"; display:inline-block;}

.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > a:after {color:#f67f44;}

/* Drop Down */
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul {
 background:#0f4063;
 background: -webkit-linear-gradient(top, #0f4063 0%, #2e5977 100%);
 background:    -moz-linear-gradient(top, #0f4063 0%, #2e5977 100%);
 background:         linear-gradient(to bottom, #0f4063 0%, #2e5977 100%); 
 top:100px; 
 padding:20px 0;
 display:-moz-inline-box;
 display:-ms-inline-flexbox; 
 display:-webkit-inline-flex;
 display:inline-flex;
 -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
     -ms-transition:all 0.1s ease;
      -o-transition:all 0.1s ease;
         transition:all 0.1s ease; 
}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul:before,
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul:after {
 background:#0f4063;
 background: -webkit-linear-gradient(top, #0f4063 0%, #2e5977 100%);
 background:    -moz-linear-gradient(top, #0f4063 0%, #2e5977 100%);
 background:         linear-gradient(to bottom, #0f4063 0%, #2e5977 100%); 
 position:absolute;
 top:0;
 width:1920px;
 height:62px; 
 content:"";
 display:block;
 z-index:-1;
}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul:before {right:0;}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul:after {left:0;}

.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul li {float:left; margin:0; display:inline-block; line-height:12px; text-align:center;}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul li:first-child {}

.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul li a {
 font-size:12px; 
 color:#fff;
 width:auto; 
 padding:5px 10px; 
 display:inline-block; 
 font-weight:700;
 text-transform:uppercase;
}
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul li a:hover {color:#f67f45;}

/* Third */
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal > ul ul ul {display:none;}

/* -------- Forms -------- */
.hs-form h3 {}
.hs-form fieldset {max-width:none!important; margin:0 0 15px 0!important;}
.hs-form label {
 font:13px Raleway, sans-serif; 
 margin-bottom:5px; 
 color:#808080; 
 display:block;
 font-weight:700;
 letter-spacing:1px;
 text-transform:uppercase;
}

form.hs-form fieldset.form-columns-1 .input {margin-right:0;}
form.hs-form fieldset.form-columns-1 .hs-input {width:100%;}

form.hs-form fieldset.form-columns-2 .hs-form-field:last-child .input {margin-right:0;}

.input {margin-bottom:10px;}
.inputs-list {margin:0!important; padding:0; list-style:none;}
.inputs-list li {}
.inputs-list li input {min-height:1px; margin:0 5px 0 0; vertical-align:middle;}

.hs-input {
 background:#f2f2f2;
 font-size:13px;
 border:1px solid transparent;
 color:#989898;
 min-height:35px;
 outline:0 none;
 padding:12px!important;
 border-radius:3px; 
 -webkit-appearance:none;
}
.hs-input:focus {border:1px solid #ddd;}
.hs-input:checked {background:#b3b3b3}

select.hs-input {font:14px PT Sans, sans-serif; max-width:none; font-weight:normal; line-height:16px; text-transform:none;}

textarea.hs-input {width:100%!important; min-height:200px;}

/* Errors */
form .hsformerror {
 background-color:#e35257;
 background-image:none;
 font-size:11px; 
 border:1px solid #e35257;
 color:#fff;
 margin:-10px 0 5px 0;
 padding:4px 16px 4px 10px;
 border-radius:3px;
 box-shadow:0 0 6px rgba(0, 0, 0, 0.1);
}
form .hsformerror p {font:11px Raleway, sans-serif;}

form .hsformerror em {
 border-color:#e35257 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 border-width:8px;
 bottom:-15px;
}

form .hsformerror .close-form-error {top:-2px; right:4px; color:#fff!important;}

.hs-error-msgs label {font:10px Raleway, sans-serif; color:#e35257; font-weight:700;}

/* Placeholders */
::-webkit-input-placeholder {font:14px PT Sans, sans-serif; color:#989898; font-weight:normal; line-height:20px; text-transform:capitalize;}
 :-moz-placeholder {font:14px PT Sans, sans-serif; color:#989898; font-weight:normal; line-height:20px; text-transform:capitalize; opacity:1;}
::-moz-placeholder {font:14px PT Sans, sans-serif; color:#989898; font-weight:normal; line-height:20px; text-transform:capitalize; opacity:1;} 
 :-ms-input-placeholder {font:14px PT Sans, sans-serif; color:#989898; font-weight:normal; line-height:20px; text-transform:capitalize;}
::input-placeholder {font:14px PT Sans, sans-serif; color:#989898; font-weight:normal; line-height:20px; text-transform:capitalize;}

/* -------- Buttons -------- */
.hs-button, .cta_button > span {
 background:#f67f44;
 color:#fff;
 display:inline-block;
 padding:12px 20px;
 margin-bottom:0;
 font:13px Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:800;
 letter-spacing:1px;
 line-height:1;
 text-align:center;
 text-transform:uppercase;
 white-space:normal;
 vertical-align:middle;
 cursor:pointer;
 border:0 none;
 border-radius:30px;
 -webkit-appearance:none;
 -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
     -ms-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;       
}
.hs-button:hover,
.hs-button:focus,
.cta_button > span:hover,
.cta_button > span:focus {
 opacity:0.9;
 color:#fff;
 text-decoration:none;
}

.hs_submit {margin-top:20px;}

/* Image CTAs */
.cta_img {padding:0; border:0 none; display:block; border-radius:0;}

/* -------- Components -------- */
/* Pace */
.pace {
 -webkit-pointer-events:none;
         pointer-events:none;
 -webkit-user-select:none;
    -moz-user-select:none;
         user-select:none;
}

.pace-inactive {display:none;}

.pace .pace-progress {
 background:#0c69ae;
 position:fixed;
 top:0;
 right:100%;
 width:100%;
 height:2px;
 z-index:2000; 
}

/* Animate */
@keyframes pulse {
    50% { transform:scale(1.2); }
}

/* Tables */
table {
  background-color:transparent;
  border-spacing:0;
  border-collapse:collapse;  
}

td, th {padding:0;}

caption {
  padding-top:8px;
  padding-bottom:8px;
  color:#777;
  text-align:left;
}

th {text-align:left;}

.table {
  width:100%;
  max-width:100%;
  margin-bottom:20px;
  border-collapse:collapse !important;  
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding:8px;
  line-height:1.42857143;
  vertical-align:top;
  border-top:1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align:bottom;
  border-bottom:2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top:0;
}
.table > tbody + tbody {
  border-top:2px solid #ddd;
}
.table .table {
  background-color:#fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding:5px;
}
.table-bordered {
  border:1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border:1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width:2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color:#f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color:#f5f5f5;
}
table col[class*="col-"] {
  position:static;
  display:table-column;
  float:none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position:static;
  display:table-cell;
  float:none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color:#f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color:#e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color:#dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color:#d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color:#d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color:#c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color:#fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color:#faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color:#f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color:#ebcccc;
}
.table-responsive {
  min-height:.01%;
  overflow-x:auto;
}
@media screen and (max-width:767px) {
  .table-responsive {
    width:100%;
    margin-bottom:15px;
    overflow-y:hidden;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    border:1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom:0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space:nowrap;
  }
  .table-responsive > .table-bordered {
    border:0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left:0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right:0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom:0;
  }
}

/* Video Overlay */
.video-pop {
 position:relative; 
 height:500px;
 text-align:center; 
 display:-moz-box;
 display:-ms-flexbox; 
 display:-webkit-flex;
 display:flex; 
 -webkit-align-items:center;
    -moz-align-items:center;
     -ms-align-items:center; 
         align-items:center;
}

.video-pop div {margin:auto;}

.video-pop a {
 font-size:64px;
 color:#fff;
 text-align:center;
 text-shadow:0 0 40px #0099ff;    
 display:block; 
 cursor:pointer;
 animation:pulse 5s infinite;
}
.video-pop a:hover {opacity:0.9; text-shadow:0 0 40px #f67f44;}

/* Wistia */
.wistia_responsive_padding {margin:0 0 30px 0;}
.wistia_playlist iframe {height:100%;}

/* X Edit */
.editableform {margin-bottom:0;}
.editableform .control-group {margin-bottom:0; white-space:nowrap; line-height:20px;}

.editable-buttons {display:inline-block; vertical-align:top; margin-left:7px; zoom:1; *display:inline;}
.editable-buttons.editable-buttons-bottom {display:block; margin-top:7px; margin-left:0;}

.editable-input {vertical-align:top; display:inline-block; width:auto; white-space:normal; zoom:1; *display:inline;}

.editable-buttons .editable-cancel {margin-left:7px;}

.editable-buttons button.ui-button-icon-only {height:24px; width:30px;}

.editableform-loading {background:url('../img/loading.gif') center center no-repeat; height:25px; width:auto; min-width:25px;}

.editable-inline .editableform-loading {background-position:left 5px;}

.editable-error-block {max-width:300px; margin:5px 0 0 0; width:auto; white-space:normal;}
.editable-error-block.ui-state-error {padding:3px;}
 
.editable-error {color:red;}

.editableform .editable-date {padding:0; margin:0; float:left;}

.editable-inline .add-on .icon-th {margin-top:3px; margin-left:1px;}

.editable-checklist label input[type="checkbox"], 
.editable-checklist label span {vertical-align:middle; margin:0;}
.editable-checklist label {white-space:nowrap;}

.editable-wysihtml5 {width:566px; height:250px;}

.editable-clear {clear:both; font-size:0.9em; text-decoration:none; text-align:right;}

.editable-clear-x { background:url('../img/clear.png') center center no-repeat; display:block; width:13px; height:13px; position:absolute; opacity:0.6; z-index:100; top:50%; right:6px; margin-top:-6px;}
.editable-clear-x:hover {opacity:1;}

.editable-pre-wrapped {white-space:pre-wrap;}
.editable-container.editable-popup {max-width:none !important;}
 
.editable-container.popover {width:auto;}

.editable-container.editable-inline {display:inline-block; vertical-align:middle; width:auto; zoom:1; *display:inline;}

.editable-container.ui-widget {font-size:inherit; z-index:9990;}
.editable-click, 
a.editable-click, 
a.editable-click:hover {
 text-decoration:none; 
 border-bottom:dashed 1px #08c;
}

.editable-click.editable-disabled, 
a.editable-click.editable-disabled, 
a.editable-click.editable-disabled:hover {
 color:#585858; 
 cursor:default; 
 border-bottom:none;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus {font-style:italic; color:#D14; text-decoration:none;}

.editable-unsaved {font-weight:bold;}

.editable-unsaved:after{;}

.editable-bg-transition {
 -webkit-transition:background-color 1400ms ease-out; 
    -moz-transition:background-color 1400ms ease-out;  
     -ms-transition:background-color 1400ms ease-out; 
      -o-transition:background-color 1400ms ease-out;
         transition:background-color 1400ms ease-out;
}

.form-horizontal .editable {padding-top:5px; display:inline-block;}

.editable-input input {
 background:#fff;
 margin:0;
 padding:6px 10px!important;
 color:#989898;
 font-size:12px;
 border:1px solid rgba(82, 168, 236, 0.8);
 outline:0 none;
 border-radius:3px;
 box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.editable-buttons button {
 background:#f2f2f2;
 font-size:12px;
 margin-bottom:0;
 padding:4px 10px;
 border:0 none;
 display:inline-block;
 line-height:18px;
 text-align:center;
 vertical-align:middle;
 border-radius:3px;
 box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 cursor:pointer;
}
.editable-buttons .editable-submit {background:#0b304a; color:#fff;}

/* Feed */
.body-container .feed {display:none;}
.feed {}

/* -------- Interior -------- */
.interior {}

.interior .header {
 background:url(//info.onsip.com/hubfs/template/bg-header.jpg) 50% 50% no-repeat;
 background-size:cover;    
 padding:40px 0;
}
.interior .header h1 {color:#fff; margin:0;}

.interior .body-container h2 {position:relative; padding:0 0 20px 0;}
.interior .body-container h2:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

/* Sidebar */
.sidebar {padding:30px; border:2px solid #f2f2f2; border-radius:3px;}
.sidebar h3:empty {display:none;}

.sidebar .widget-span {min-height:0;}

/* Hero */
.hero {background-position:50% 50%; background-repeat:no-repeat; background-size:cover; padding:80px 0; text-align:center;}
.hero .section-header h1 {font-size:48px; color:#fff; margin:0 0 5px 0;}
.hero .section-header p {
 font:14px Raleway, sans-serif; 
 color:#fff;
 max-width:480px; 
 margin:auto; 
 font-weight:600; 
 letter-spacing:1px; 
 line-height:1.7; 
 text-transform:uppercase;
}

/* To be refactored after go-live */
.home .hero.rf {padding:5% 15px 5% 15px;}
.home .hero.rf::after {display:none;}

.home .hero.rf .section-header h1 {color:#0b304a;}
.home .hero.rf .section-header p {
 font-size:18px;
 color:#0b304a; 
 font-weight:300;
 max-width:none;
 text-transform:none;
}

.home .hero.rf img {max-width:80%; margin:auto; display:block;}

.home .hero.rf .cta-wrap {margin: 25px 0 50px 0;}
.home .hero.rf .cta-wrap .hs-cta-wrapper:last-child .cta_button > span {background:#f67f44; color:#fff;}

/* Number */
.num img {max-width:80%; margin:auto; display:block;}

/* Footer Tooltip */
.footer-tooltip {
 position: fixed;
 bottom: 0;
 right: 0;
 border-style: solid;
 border-width: 0 0 150px 500px;
 border-color: transparent transparent #8badc6 transparent;
 z-index: 999;
 color: white;
 background: transparent;
 display: none;
}
  
.home .footer-tooltip {display:block!important;}
  
/* Utility */
.utility {text-align:center;}

.utility .span6 {width:50%; margin:0;}

.utility .span6 h3 {font-size:36px; position:relative; color:#fff; padding:0 0 20px 0; font-weight:200;}
.utility .span6 h3:after {
 background:#fff;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}

.utility .span6 p {font:13px Raleway, sans-serif; color:#fff; margin:0; font-weight:600; letter-spacing:1px; line-height:2; text-transform:uppercase;}

.utility .span6 a {
 max-width:420px;
 margin:auto;
 padding:80px 30px;
 display:block;
}

.utility .phone {background:url(//info.onsip.com/hubfs/images/phonecentral-utility-img2.png) 100% 50% no-repeat; background-size:cover;}
.utility .webinar {background:url(//info.onsip.com/hubfs/images/webinar-utility-img2.png) 0 50% no-repeat; background-size:cover;}

.utility .form {float:none; max-width:900px; margin:auto!important;}
.utility .form h3 {font-size:28px; margin:0 0 60px 0; font-weight:200;}
.utility .form .hs-input {padding:20px!important;}
.utility .form .hs-button {font-size:16px; padding:20px 25px;}
.utility .form .hs_submit {margin-top:30px;}

.utility .form fieldset.form-columns-2 {margin:0!important;}
.utility .form fieldset.form-columns-2 .hs-form-field {width:48%; padding:0 1% 2% 1%;}

.utility .form label {display:none;}
.utility .form .hs-error-msgs label {display:block; text-align:left;}

/* -------- Home -------- */
.home {}

/* Hero */
.home .hero {position:relative; padding:50% 0 0 0; overflow:hidden; text-align:center;}
.home .hero::after {
 background:rgba(57, 75, 89, 0.8);
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:auto;
 height:auto;
 min-width:100%;    
 min-height:100%; 
 content:"";
 display:block;
 z-index:2;
}

.home .hero h3 {font-size:48px; color:#071f30; margin:0; font-weight:200;}
.home .hero h2 {font:16px Raleway, sans-serif; max-width:580px; color:#071f30; margin:0 auto; padding:0; font-weight:300; letter-spacing:1px; line-height:2; text-transform:none;}
.home .hero h2:after {display:none;}

.home .hero .content {position:absolute; left:0; right:0; z-index:3;}

.home .hero .cta-wrap {margin:25px 0;}
.home .hero .cta-wrap .cta_button > span {font-size:14px; padding:15px 30px;}

.home .hero .cta-wrap .hs-cta-wrapper .cta_button > span {margin:0 10px;}
.home .hero .cta-wrap .hs-cta-wrapper:last-child .cta_button > span {background:#fff; color:#f67f44;}

.home .hero img {display:none;}

.home .hero .sat1,
.home .hero .sat2,
.home .hero .sat3,
.home .hero .sat4 {
 position:absolute;
 padding:0;
}

.home .hero .sat1 {top:0; left:3%;}
.home .hero .sat2 {top:0; right:3%;}
.home .hero .sat3 {bottom:3%; left:0;}
.home .hero .sat4 {bottom:0; right:0;}

/* Hero - Video */
.home .hero video {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:auto;
 height:auto;
 min-width:100%;    
 min-height:100%;
 display:block;
 z-index:1;
 -webkit-transition:opacity 1s ease 0s; 
    -moz-transition:opacity 1s ease 0s;
         transition:opacity 1s ease 0s;  
}

/* Hero - Form */
.home .hero .form-wrap {margin:45px auto 60px auto;}
.home .hero .form-wrap form > div {display:inline-block; vertical-align:top;}
.home .hero .form-wrap form > div:first-child {width:330px; margin:0 10px 0 0;}
.home .hero .form-wrap form > div:last-child {}
.home .hero .form-wrap form .hs_email > label {display:none;}
.home .hero .form-wrap form .hs_email .hs-input {padding:10px 12px!important;}
.home .hero .form-wrap form .hs_submit {margin:0;}
.home .hero .form-wrap form .hs-button {background:#f67f44; margin:0; padding:12px 25px; color:#fff;}
.home .hero .form-wrap form .hs-button:hover {background:#f67f44; margin:0; color:#fff;} 

.home .hero .form-wrap .user {
 font-size:12px;
 max-width:465px;
 color:#888;
 margin:auto;
 text-align:center;
}
.home .hero .form-wrap .user a {color:#888; border-bottom:1px solid #888; font-weight:bold;}
.home .hero .form-wrap .user a:hover {border-bottom:1px solid transparent;}

@media (max-width: 767px) {

  .home .hero video {display:none;}
  .home .hero img {position:absolute; bottom:0; left:0; right:0; margin:auto; display:block;}
  .home .hero .form-wrap {}

  .home .hero.rf .section-header h1 {font-size:42px;}
  .home .hero.rf .section-header p {font-size:16px;}  
  .home .hero.rf img {position:static; max-width:100%;}
  
}

@media only screen
 and (min-device-width: 768px) 
 and (max-device-width: 1024px) 
 and (-webkit-min-device-pixel-ratio: 1) {

  .home .hero video {display:none;}  
  .home .hero img {position:absolute; bottom:0; left:0; right:0; margin:auto; display:block;}
  .home .hero .form-wrap {}

  .home .hero.rf .section-header h1 {font-size:42px;}
  .home .hero.rf .section-header p {font-size:16px;} 
  .home .hero.rf img {position:static; max-width:100%;}

}

/* CTA */
.home .cta {
 background:#f7f7f7;
 background:-webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); 
 background:   -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
 background:        linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); 	
 padding:40px 0;
 border-bottom:1px solid #e6e6e6;
 text-align:center;
}
.home .cta .row-fluid {min-height:1px;}

.home .cta h1 {
 font-size:36px; 
 line-height:36px;
 color:#0b304a;
 margin:0; 
 padding:0 0 2px 0; 
 border-bottom:2px solid transparent; 
 display:inline-block; 
 font-weight:100; 
 vertical-align:middle;}
}

.home .cta .cta_button {display:inline;}
.home .cta .cta_button > span {
 background:transparent;
 font-size:36px;
 margin:0 0 0 8px;
 padding:0 0 2px 0; 
 color:#0c69ae;
 border-bottom:2px solid transparent;  
 display:inline-block;
 font-weight:100;
 line-height:36px;
 text-transform:none;
 vertical-align:middle;
 border-radius:0;
 transition:all 0.2s ease;
}
.home .cta .cta_button > span:hover {padding:0 0 2px 0; border-bottom:2px solid #0c69ae; opacity:1;}

.home .cta h1 .cta_button > span {margin:-10px -12px 0 0; padding:0;}
.home .cta h1 .cta_button > span:hover {margin:-10px -12px -2px 0;}

/* CTA - Alt */
.home .cta-alt {background:#071f30; padding:60px 0; text-align:center;}
.home .cta-alt .row-fluid {min-height:1px;}

.home .cta-alt h3 {font-size:28px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:100; display:inline-block; vertical-align:middle;}
.home .cta-alt img {display:none;}

.home .cta-alt .cta_button > span {
 font-size:14px; 
 padding:18px 24px; 
 display:inline-block;
 vertical-align:middle;
}

/* Features */
.home .features h3 {font-size:14px; position:relative; color:#0b304a; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.home .features h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.home .features .icon {
 max-width:110px;
 padding:15px;
 border:2px solid #e6e6e6;
 text-align:center;
 overflow:hidden; 
 border-radius:50%;
}

.home .features p:last-child a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.home .features p:last-child a:hover {color:#9e9e9e;}

.home .features p:last-child a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.home .features p:last-child a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.home .features .widget-type-raw_jinja > .row-fluid {margin-bottom:40px;}
.home .features .widget-type-raw_jinja > .row-fluid:last-child {margin:0;}

/* Clients */
.home .clients {
 background:#f7f7f7;
 background:-webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); 
 background:   -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
 background:        linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); 	
 border-top:1px solid #e6e6e6;
 text-align:center;
}

.home .clients h2 {font-size:36px; margin:0 0 60px 0; padding:0; font-weight:200;}
.home .clients h2:after {display:none;}

.home .clients img {max-width:250px; padding:15px 0;}

.home .clients .span4 {width:33.5%; margin:0 0 0 -2px; border:2px solid #e6e6e6; border-right:2px solid transparent;}
.home .clients .span4:last-child {border-right:2px solid #e6e6e6;}

.home .clients .widget-type-raw_jinja > .row-fluid:first-child .span4 {border-bottom:0 none;}

/* Feed */
.home .feed {text-align:center;}
.home .feed h2 {font-size:36px; font-weight:200;}
.home .feed h2:after {left:0; right:0; margin:auto;}

.home .feed .hs-rss-module h3 {display:none;}
.home .feed .hs-rss-module .hs-rss-item {text-align:left;}

.home .feed .hs-rss-module .hs-with-featured-image .hs-rss-item-image-wrapper {position:relative; width:auto; margin:0 0 30px 0; display:block;}
.home .feed .hs-rss-module .hs-with-featured-image .hs-rss-item-image-wrapper::after {
 background:-webkit-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
 background:   -moz-linear-gradient(-45deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
 background:        linear-gradient(135deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 content:"";
 display:block;
}

.home .feed .hs-rss-module .hs-with-featured-image .hs-rss-item-image-wrapper img {
 width:calc(100% - 10px);
 max-height:172px;
 min-height:172px; 
 border:5px solid #dddfe0; 
 object-fit:cover;
}

.home .feed .hs-rss-module .hs-with-featured-image .hs-rss-item-text {width:auto; float:none;}

.home .feed .hs-rss-byline {color:#3d3f3e; margin:10px 0 20px 0; opacity:1;}
.home .feed .hs-rss-byline span {color:#3d3f3e;}

.home .feed .hs-rss-byline .hs-rss-date {margin:0 3px 0 0; display:none;}

.home .feed .hs-rss-module .hs-rss-item .hs-rss-title {font-size:13px; color:#f67f44; display:block; font-weight:600; text-transform:uppercase;}
.home .feed .hs-rss-module .hs-rss-item .hs-rss-description p {font-size:14px;}
.home .feed .hs-rss-module .hs-rss-item .hs-rss-description a {margin:10px 0 0 0; display:block;}
/*.home .feed .hs-rss-module .hs-rss-item .hs-rss-description a:after {
 margin:0 0 0 5px;
 content:"â–¸";
 display:inline-block;
}*/

.home .feed .all-posts .hs-button {background:#b3b3b3; padding:20px 40px;}

/* -------- Signup -------- */
.signup .thank-you-text { height: 110px; height: calc(100vh - 668px); }

/* -------- Overview -------- */
.overview {}

/* Blocks */
.overview .blocks {position:relative; padding:0;}
.overview .blocks .block {border-bottom:1px solid #e6e6e6;}
.overview .blocks .block.alt {
 border:0 none;
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%); 
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
}

.overview .blocks .block p:last-child a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.overview .blocks .block p:last-child a:hover {color:#9e9e9e;}

.overview .blocks .block p:last-child a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.overview .blocks .block p:last-child a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

/* CTA */
.overview .cta {background:#071f30; padding:60px 0; text-align:center;}
.overview .cta .row-fluid {min-height:1px;}

.overview .cta h2 {font-size:32px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:200; display:inline-block;}
.overview .cta h2:after {display:none;}

.overview .cta .cta_button > span {
 font-size:14px; 
 padding:18px 24px; 
 display:inline-block;
 vertical-align:top;
}

/* Features */
.overview .features h2 {margin:0 0 60px 0; text-align:center;}
.overview .features h2:after {display:none;}

.overview .features h3 {font-size:13px; position:relative; color:#0c69ae; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.overview .features h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.overview .features .icon {
 max-width:100px;
 padding:10px;
 border:2px solid #e6e6e6;
 text-align:center;
 border-radius:50%; 
 overflow:hidden;
}

.overview .features .widget-type-raw_jinja > .row-fluid {margin-bottom:40px;}
.overview .features .widget-type-raw_jinja > .row-fluid:last-child {margin:0;}

.overview .features .cta {background:transparent; padding:0; text-align:center;}
.overview .features .cta .cta_button > span {background:#b3b3b3; padding:20px 40px; color:#fff;}

/* -------- Why (Overview Extension) -------- */
.why {}

/* Feature Image */
.why .blocks:first-child .block {position:relative; padding-bottom:0;}
.why .blocks:first-child .block:after {
 background:url(//info.onsip.com/hs-fs/hubfs/images/img-ipad.png) 0 0 no-repeat;
 background-size:cover;
 position:absolute;
 bottom:-258px;
 right:0;
 width:810px;
 height:540px;
 content:"";
 display:block;
 z-index:2;
 -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
     -ms-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;  
}

.why .blocks:first-child .block.alt:after {display:none;}

.why .section {margin-top:30px; margin-bottom:30px;}

/* -------- Resell -------- */
/* Top Section w/ Call & Email Links - currently not displayed */
.resell .contact {padding: 80px 0 0 0; display:none;}
.resell .cta-row {margin-top: 25px;}
.resell .cta-row .left-cta .cta_button span {float:right;}

@media (max-width: 767px) {    
 .resell .contact {padding: 60px 0 0 0;}
 .resell .cta-row .cta_button span {float: none !important; width: 30%; margin-left: 35%; transition: margin 0s;}
 .resell .cta-row .left-cta .cta_button span {margin-bottom: 25px;}
 .resell .cta-row .widget-type-space {display: none;}
}

.resell {}
.resell .section-header {text-align:center;}
.resell .section-header h1 {font-size:28px; position:relative; padding:0 0 20px 0;}
.resell .section-header h1:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}
.resell .section-header p {font-size:16px; max-width:600px; margin:auto; padding:0; color:#888;}

/* Hero */
.resell .hero .section-header {margin:0;}
.resell .hero .section-header h1 {font-size:48px; padding:0;}
.resell .hero .section-header h1:after {display:none;}
.resell .hero .section-header p {font-size:14px; max-width:480px; color:#fff;}

/* CTA */
.resell .cta {background:#e6e6e6; padding:60px 0; text-align:center;}
.resell .cta .row-fluid {min-height:1px;}

.resell .cta h2 {font-size:28px; color:#0b304a; margin:0 30px 0 0; padding:0; font-weight:100; line-height:56px; display:inline-block;}
.resell .cta h2:after {display:none;}

.resell .cta .cta_button > span {
 background:#0c69ae;    
 font-size:16px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}

/* Testimonials */
.resell .testimonials.panel {background: #9cc0db; padding:60px 0 0 0;}
.resell .testimonials > div:last-child {padding-bottom:40px; border-bottom:1px solid #e6e6e6;}

.resell .testimonials .hs_cos_flex-slider {background:transparent; margin:0; border-radius:0;}
.resell .testimonials .hs_cos_flex-slider * {/*color:#888;*/ color: #ffffff;}

.resell .testimonials .hs_cos_flex-slider .hs_cos_flex-slides img {display:none!important;}

.resell .testimonials .hs_cos_flex-slider .superimpose .caption {
 background:transparent;
 font-size:14px;
 position:relative; 
 top:0; 
 width:100%; 
 max-width:740px;
 color:#fff;
 margin:auto;
 padding:0;
 line-height:1;
}

.resell .testimonials .hs_cos_flex-slider .superimpose .caption p {font-size:16px; /*color:#888;*/ color: #ffffff; margin:0 0 20px 0; font-weight:300;}
.resell .testimonials .hs_cos_flex-slider .superimpose .caption p::before,
.resell .testimonials .hs_cos_flex-slider .superimpose .caption p::after {
 font-size:18px;
 color:#fff;
 content:'\"';
 font-weight:600;
}

.resell .testimonials .hs_cos_flex-slider .superimpose .caption h4 {font-size:14px; /*color:#545457;*/ color: #ffffff; margin:0; font-weight:600;}
.resell .testimonials .hs_cos_flex-slider .superimpose .caption h6 {font-size:12px; /*color:#8c8c91;*/ color: #ffffff; margin:0; font-weight:100;}

/* Form */
.resell .form {
 padding-bottom:0;     
 border-top:1px solid #e6e6e6;
 text-align:center;
 background:#f7f7f7;
 background:-webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:   -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:        linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);    
}

.resell .form > div:last-child {padding-bottom:80px; border-bottom:1px solid #e6e6e6;}

.resell h1 {font-size:28px; position:relative; padding:0 0 20px 0;}
.resell h1:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}

.resell .form .widget-type-form {float:none; max-width:900px; margin:auto!important;}
.resell .form .widget-type-form h3 {font-size:28px; margin:0 0 60px 0; font-weight:200; display:none;}
.resell .form .widget-type-form p {font-size:16px; max-width:600px; margin:0 auto 60px auto; padding:0; color:#888;}
.resell .form .widget-type-form .hs-input {padding:20px!important;}
.resell .form .widget-type-form .hs-button {font-size:16px; padding:20px 25px;}
.resell .form .widget-type-form .hs_submit {margin-top:30px;}

.resell .form fieldset.form-columns-2 {margin:0!important;}
.resell .form fieldset.form-columns-2 .hs-form-field {width:48%; padding:0 1% 2% 1%;}

.resell .form label {display:none;}
.resell .form .hs-error-msgs label {display:block; text-align:left;}

/* Sections */
.resell .section h3 {font-size:14px; position:relative; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.resell .section h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.resell .section p a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.resell .section p a:hover {color:#9e9e9e;}

.resell .section p a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.resell .section p a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.resell .section .hs_cos_wrapper_type_rich_text ul {list-style:none; margin:0 0 30px 10px;}
.resell .section .hs_cos_wrapper_type_rich_text ul li {font-size:15px; position:relative; margin:0 0 10px 0;}
.resell .section .hs_cos_wrapper_type_rich_text ul li:before {
 font-family:FontAwesome;
 font-size:14px;
 position:absolute;
 top:5px;
 left:-22px;
 color:#0c69ae;
 content:"\f00c";
 display:inline-block;
 line-height:1;
}

.resell .caption {font-size:12px; margin-top:-30px; font-style:italic; text-align:center;}
.resell .caption > div {max-width:400px; margin:auto;}

.resell .section.alt {padding-bottom:0;}
.resell .section.alt .span6:last-child {padding-top:5%;}

.resell .section.alt .span6 img {margin:auto; display:block;}

/* Buckets */
.resell .buckets {padding-top:0!important; text-align:center;}
.resell .buckets > div:first-child {padding-top:80px; border-top:1px solid #e6e6e6;}

.resell .buckets .section-header {margin:0 0 60px 0;}

.resell .buckets h3 {font-size:13px; position:relative; color:#0c69ae; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.resell .buckets h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}

.resell .buckets .icon {
 max-width:100px;
 margin:0 auto 20px auto;
 padding:10px;
 border:2px solid #e6e6e6;
 text-align:center;
 border-radius:50%; 
 overflow:hidden;
}

.resell .buckets .widget-type-raw_jinja > .row-fluid {margin-bottom:40px;}
.resell .buckets .widget-type-raw_jinja > .row-fluid:last-child {margin:0;}

.resell .buckets .content {padding:0 35px;}
.resell .buckets .content p:last-child a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.resell .buckets .content p:last-child a:hover {color:#9e9e9e;}

.resell .buckets .content p:last-child a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.resell .buckets .content p:last-child a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

/* -------- Pricing -------- */
.pricing {}

/* Plans */
.pricing .plans {text-align:center;}
.pricing .plans h2 {max-width:470px; margin:0 auto 160px auto;}
.pricing .plans h2:after {left:0; right:0; margin:auto;}

.pricing .plans .plan {position:relative; max-width:470px; margin:auto; padding:140px 0 0 0; box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}

.pricing .plans .plan .price {color:#0c69ae;}
.pricing .plans .plan .price h3 {font-size:45px; margin:25px 0 0 0; color:#0c69ae; font-weight:200; text-align:center;}
.pricing .plans .plan .price small {font-size:13px; line-height:1.3; display:block;}

.pricing .plans .plan .price,
.pricing .plans .plan .price:before,
.pricing .plans .plan .price:after {
 background:#fff;    
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:150px; 
 height:150px;
 margin:auto;
 padding:30px;
 content:"";
 display:block; 
 border-radius:50%; 
}

.pricing .plans .plan .price {
 top:-100px;
 z-index:1; 
}

.pricing .plans .plan .price:before {
 background:#e7f0f7;
 top:-20px;
 left:-20px;
 right:-20px;
 z-index:-2; 
 width:190px; 
 height:190px;
}

.pricing .plans .plan .price:after {   
 top:0;
 z-index:-1; 
 box-shadow:0 0 20px rgba(0, 0, 0, 0.3); 
}

.pricing .plans .note {padding:30px 40px;}
.pricing .plans .note p {margin:0;}

.pricing .plans .value {
 background:#f7f7f7;
 margin:0; 
 padding:30px 40px; 
 display:-moz-box;
 display:-ms-flexbox; 
 display:-webkit-flex;
 display:flex; 
 -webkit-align-items:center;
    -moz-align-items:center;
     -ms-align-items:center; 
         align-items:center; 
}
.pricing .plans .value p {font-size:15px; margin:0;}

.pricing .plans .features {padding:0 40px 60px 40px; position: relative;} /* added position: relative and 30px to bottom padding for below fix -KM */
.pricing .plans .features .features-link {position: absolute; bottom: 0;} /* See All Features links are locked to the bottom so they line up -KM */
.pricing .plans .features p {text-align:left;}
.pricing .plans .features p a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;} 

/*
.pricing .plans .features p a:hover {color:#9e9e9e;}

.pricing .plans .features p a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.pricing .plans .features p a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.pricing .plans .features h4 {font-size:12px; color:#0c69ae; font-weight:800; text-transform:uppercase;}

.pricing .plans .features dl {margin:0 0 30px 0; padding:0; text-align:left;}
.pricing .plans .features dl dt {position:relative; margin:0 0 15px 0; border-bottom:1px solid #e6e6e6; overflow:hidden;}
.pricing .plans .features dl dt strong {float:right; color:#0c69ae;}

.pricing .plans .span6:last-child .features dl {text-align:center;}

.pricing .plans .plan-cta {background:#f7f7f7; margin:0 0 30px 0; padding:30px 40px;}
.pricing .plans .plan-cta .cta_button > span {font-size:16px; padding:20px 40px; white-space:nowrap;}

/* Section */
.pricing .section.panel {padding:60px 0 0 0;}
.pricing .section > div:last-child {padding-bottom:60px; border-bottom:1px solid #e6e6e6;}

.pricing #all.section {padding:0;}

.pricing .section.last {padding-bottom:80px;}
.pricing .section.last > div:last-child {padding-bottom:0; border:0 none;}

.pricing .section .widget-type-rich_text {padding:30px 60px;}

.pricing .section h2 {margin:0 auto 20px auto; padding:0; font-weight:200; text-align:center;}
.pricing .section h2:after {display:none;}

.pricing .section h3 {position:relative; font-size:12px; color:#0c69ae; padding:0 0 20px 0; font-weight:800; text-align:center; text-transform:uppercase;}
.pricing .section h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}

/* malcolm 20181030 changes for promo change. removed "section" from the following */
.pricing dl {margin:0; padding:0; text-align:left;}
.pricing dl a {}
.pricing dl a:hover {color:#f67f44;}

.pricing dl dt {position:relative; margin:0 0 10px 0; border-bottom:1px solid #e6e6e6; overflow:hidden;}
.pricing dl dt strong {float:right; color:#0c69ae;}
.pricing dl dd {font-size:14px; margin:0; text-align:left;}
/* end */

.pricing-beta .section .widget-type-rich_text {
    padding: 30px 10px;
}
.pricing-beta .section dl dt div {
    display:inline-block;
    float:right;
}
.pricing-beta .section dl dt div strong {
    float:right;
    color:#0c69ae;
    padding-left: 10px;
}
.pricing-beta .section dl dt div span { 
    float: right;
    font-size: 12px;
    padding-left: 10px;
    line-height: 24px;
    width: 110px;
}

/* Form */
.pricing .form {
 padding-bottom:0;     
 border-top:1px solid #e6e6e6;
 text-align:center;
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%); 
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);    
}

.pricing .form > div:last-child {padding-bottom:80px;}

.pricing .form .widget-type-form {float:none; max-width:900px; margin:auto!important;}
.pricing .form .widget-type-form h3 {font-size:28px; margin:0 0 60px 0; font-weight:200;}
.pricing .form .widget-type-form label {display:none;}
.pricing .form .widget-type-form .hs-input {padding:20px!important;}
.pricing .form .widget-type-form .hs-button {font-size:16px; padding:20px 25px;}
.pricing .form .widget-type-form .hs_submit {margin-top:30px;}

.pricing .form .widget-type-form fieldset.form-columns-2 {margin:0!important;}
.pricing .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:46%; padding:0 2% 3% 2%;}

/****   PRICING - 4 PLANS   ****/
/* all sizes */
.pricing .white-square { background-color: #FFFFFF; border: 1px solid #252525; color: #252525; }
.pricing .blue-square { border: 1px solid #0b304a; background-color: #0b304a; }
.pricing .grey-square { border: 1px solid #6f6f70; background-color: #6f6f70; }
.pricing .orange-square { border: 1px solid #f67f44; background-color: #f67f44; }

.pricing .top-square h2 { font-family:PT Sans, sans-serif; font-weight:bold; color: #FFFFFF; padding: 0; }
.pricing .white-square h2 { color: #252525; }
.pricing .top-square h2::after { display: none; }

.pricing .top-square span { color: #FFFFFF; }
.pricing .white-square span { color: #252525; }

.pricing .top-square .price-number { font-family:PT Sans, sans-serif; font-weight:bold; color: #FFFFFF; }
.pricing .white-square .price-number { color: #252525; }
.pricing .top-square .price-number .currency { vertical-align: super; }
.pricing .top-square .price-number .cents { vertical-align: super; }

.pricing .tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}
.pricing .tooltiptext {
    /*visibility: hidden;*/
    /*width: 250px;*/
    display:none;
    background-color: #0b304a;
    color: #fff;
    text-align: left;
    font-size:12px;
    /*border-radius: 10px;*/
    /*padding: 10px;*/
    padding: 0;
    margin: 0;
    /*list-style-position: inside;
    position: absolute;
    left: -199px;
    z-index: 1;*/
}
/*.pricing .tooltip:hover .tooltiptext { visibility: visible; }*/
.pricing p.tooltiptext { 
    padding: 20px 0 10px 0;
}

.pricing .plan-group .cta_button>span { width: 100%; width: calc(100% - 2px); font-family: PT Sans, sans-serif; font-weight: normal; text-transform: none; }
.pricing .white-cta .cta_button>span { background-color: #FFFFFF; border: 1px solid #252525; color: #252525; }
.pricing .blue-cta .cta_button>span { border: 1px solid #0b304a; background-color: #0b304a; }
.pricing .grey-cta .cta_button>span { border: 1px solid #6f6f70; background-color: #6f6f70; }
.pricing .orange-cta .cta_button>span { border: 1px solid #f67f44; background-color: #f67f44; }

.pricing .white-description { color: #252525; }
.pricing .blue-description { color: #0b304a; }
.pricing .grey-description { color: #6f6f70; }
.pricing .orange-description { color: #f67f44; }

.pricing .plan-includes { text-align: left; }
.pricing .white-description .plan-includes { border-bottom: 2px solid #252525; }
.pricing .blue-description .plan-includes { border-bottom: 2px solid #0b304a; }
.pricing .grey-description .plan-includes { border-bottom: 2px solid #6f6f70; }
.pricing .orange-description .plan-includes { border-bottom: 2px solid #f67f44; }

.pricing .plan-features { text-align: left; }

/* mobile & desktop full-width */
/* copy/pasted below for developer */

.pricing .top-square { border-radius: 10px; padding:30px 30px 50px 30px; }

.pricing .top-square h2 { font-size: 28px; margin:0 0 20px 0; }

.pricing .top-square .price-number { font-size: 100px; margin:0; line-height: 1; }
.pricing .top-square .price-number .currency { font-size: 60px; }
.pricing .top-square .price-number .cents { font-size: 40px; }

.pricing .plan-group .cta_button>span { margin: 20px 0; padding: 12px 0 8px 0; border-radius: 10px; font-size: 18px; }

.pricing .plan-includes { font-size: 20px; min-height: 100px;}

.pricing .plan-features { margin-top: 20px;}
.pricing .plan-features li { margin-bottom: 10px; }

/* mobile & tablet */
@media only screen and (max-width:859px) {
    
    .pricing .plan-includes { min-height: 0; } 
    .pricing .plan-group { margin-bottom: 40px; }
    
}

/* tablet */
@media only screen and (min-width:513px) and (max-width:859px) {
    
    .pricing .plan-group { width: 100%; clear: both; margin-left: 0; }
    .pricing .plan-group div.row-fluid-wrapper.row-depth-1.row-number-4  { width: 40%; float: left; }
    .pricing .plan-description { width: 60%; float: right; padding-left: 25px; }
    .pricing .plan-group::after { clear: both; }
    
    .pricing .top-square { border-radius: 7px; padding:15px 15px 25px 15px; }
    
    .pricing .top-square h2 { font-size: 21px; }

    .pricing .top-square .price-number { font-size: 75px; }
    .pricing .top-square .price-number .currency { font-size: 45px; }
    .pricing .top-square .price-number .cents { font-size: 30px; }
    
    .pricing .plan-group .cta_button>span { border-radius: 7px; }
    
}

/* desktop smaller-width */
@media only screen and (min-width:860px) and (max-width:1150px) {
    
    .pricing .top-square { border-radius: 7px; padding:15px 15px 25px 15px; min-height: 256px; }
    
    .pricing .top-square h2 { font-size: 21px; margin:0 0 10px 0; }
    
    .pricing .top-square .price-number { font-size: 75px; }
    .pricing .top-square .price-number .currency { font-size: 45px; }
    .pricing .top-square .price-number .cents { font-size: 30px; }
    
    .pricing .plan-group .cta_button>span { margin: 15px 0; padding: 9px 0 6px 0; border-radius: 7px; font-size: 16px; }
    
    .pricing .plan-includes { font-size: 16px; min-height: 76px;}
    
    .pricing .plan-features { margin-top: 15px;}
    .pricing .plan-features li { margin-bottom: 10px; }
    
}

/* desktop fix - 2 lines of text in top-square description */
@media only screen and (min-width:1151px) { .pricing .top-square { min-height: 341px; } }

/****   PRICING - 2 PLANS DEVELOPER   ****/

/* eliminating smaller desktop style */
/*@media only screen and (min-width:860px) {
    
    .developer-pricing-2 .top-square { border-radius: 10px; padding:30px 30px 50px 30px; }
    
    .developer-pricing-2 .top-square h2 { font-size: 28px; margin:0 0 20px 0; }
    
    .developer-pricing-2 .top-square .price-number { font-size: 100px; margin:0; line-height: 1; }
    .developer-pricing-2 .top-square .price-number .currency { font-size: 60px; }
    .developer-pricing-2 .top-square .price-number .cents { font-size: 40px; }
    
    .developer-pricing-2 .plan-group .cta_button>span { margin: 20px 0; padding: 12px 0 8px 0; border-radius: 10px; font-size: 18px; }
    
    .developer-pricing-2 .plan-includes { font-size: 20px; min-height: 94px;}
    
    .developer-pricing-2 .plan-features { margin-top: 20px;}
    .developer-pricing-2 .plan-features li { margin-bottom: 10px; }
    
}*/

/* Extended Calling Area */
#extended-calling-area {border:none;}

#extended-calling-area #termination-rates-form {padding-bottom:10px;}
#extended-calling-area #termination-rates-form input {width:250px; margin-right:10px;}

#extended-calling-area #termination-rates-form select {width:80px;}

#extended-calling-area #termination-rates-table {font-size:12px;}

#extended-calling-area #termination-rates-paginator {font-size:10px; margin:0 10px 30px 10px;}

#extended-calling-area #termination-rates-paginator button {
 float:right;
 font-size:inherit;
 margin-left:5px;
 padding:5px 5px;
}

#extended-calling-area #termination-rates-paginator select {
 float:left;
 font-size:inherit;
 margin-right:10px;
 width:80px;
}


/* -------- Solutions -------- */
.solutions {}
.solutions .section-header {margin:0 0 60px 0; text-align:center;}
.solutions .section-header h1 {font-size:28px; position:relative; padding:0 0 20px 0;}
.solutions .section-header h1:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}
.solutions .section-header p {font-size:16px; max-width:600px; margin:auto; padding:0; color:#888;}

/* Hero */
.solutions .hero .section-header {margin:0;}
.solutions .hero .section-header h1 {font-size:48px; padding:0;}
.solutions .hero .section-header h1:after {display:none;}
.solutions .hero .section-header p {font-size:14px; max-width:480px; color:#fff;}

/* Features */
.solutions .features h3 {font-size:13px; position:relative; color:#0c69ae; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.solutions .features h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.solutions .features .icon {
 max-width:100px;
 padding:10px;
 border:2px solid #e6e6e6;
 text-align:center;
 border-radius:50%; 
 overflow:hidden;
}

.solutions .features .widget-type-raw_jinja > .row-fluid {margin-bottom:40px;}
.solutions .features .widget-type-raw_jinja > .row-fluid:last-child {margin:0;}

.solutions .features .cta {background:transparent; padding:0; text-align:center;}
.solutions .features .cta .cta_button > span {background:#b3b3b3; padding:20px 40px; color:#fff;}

/* CTA */
.solutions .cta, .app-product-page .cta {background:#071f30; padding:80px 0; text-align:center;}
.solutions .cta .row-fluid, .app-product-page .cta .row-fluid {min-height:1px;}

.solutions .cta h2, .app-product-page .cta h2 {font-size:36px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:100; display:inline-block;}
.solutions .cta h2:after, .app-product-page .cta h2:after {display:none;}

.solutions .cta .cta_button > span, .app-product-page .cta .cta_button > span {
 font-size:16px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}

/* CTA - Alt */
.solutions .cta-alt {background:#e6e6e6; padding:60px 0;}

.solutions .cta-alt h2 {font-size:28px; color:#0b304a; line-height:56px;}
.solutions .cta-alt .cta_button > span {background:#0c69ae; font-size:16px;}

/* Sections */
.solutions .section h3 {font-size:14px; position:relative; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.solutions .section h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.solutions .section p a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.solutions .section p a:hover {color:#9e9e9e;}

.solutions .section p a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.solutions .section p a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.solutions .section .hs_cos_wrapper_type_rich_text ul {list-style:none; margin:0 0 30px 10px;}
.solutions .section .hs_cos_wrapper_type_rich_text ul li {font-size:15px; position:relative; margin:0 0 10px 0;}
.solutions .section .hs_cos_wrapper_type_rich_text ul li:before {
 font-family:FontAwesome;
 font-size:14px;
 position:absolute;
 top:5px;
 left:-22px;
 color:#0c69ae;
 content:"\f00c";
 display:inline-block;
 line-height:1;
}

/* Integrations */
.solutions .integrations {
 padding-bottom:0!important;     
 border-top:1px solid #e6e6e6;
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%); 
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
}

.solutions .integrations > div:last-child {padding-bottom:40px; border-bottom:1px solid #e6e6e6;}

.solutions .integrations img {
 max-width:165px;
 margin:auto;
 display:block;
}

/* Buckets */
.solutions .buckets {text-align:center;}

.solutions .buckets h3 {font-size:13px; position:relative; color:#0c69ae; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.solutions .buckets h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}

.solutions .buckets .icon {
 max-width:100px;
 margin:0 auto 20px auto;
 padding:10px;
 border:2px solid #e6e6e6;
 text-align:center;
 border-radius:50%; 
 overflow:hidden;
}

.solutions .buckets .widget-type-raw_jinja > .row-fluid {margin-bottom:40px;}
.solutions .buckets .widget-type-raw_jinja > .row-fluid:last-child {margin:0;}

.solutions .buckets .content {padding:0 35px;}
.solutions .buckets .content p:last-child a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.solutions .buckets .content p:last-child a:hover {color:#9e9e9e;}

.solutions .buckets .content p:last-child a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.solutions .buckets .content p:last-child a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}


/* -------- Features -------- */
.features {}

/* Hero */
.features .hero {}

/* Headers */
.features .header {
 background: #0e3d5f url(//info.onsip.com/hubfs/template/onsip-business-phone-basic-features-blue-transparent.png) 50% 50%/auto 100% no-repeat;    
 margin: 0; 
 padding: 60px 0;
 text-align:center;
}
.features .header.sect1 {background: #0e3d5f url(//info.onsip.com/hubfs/template/onsip-business-phone-basic-features-blue-transparent.png) 50% 50%/auto 100% no-repeat;}
.features .header.sect2 {background: #0e3d5f url(//info.onsip.com/hubfs/template/onsip-call-features-blue-transparent.png) 50% 50%/auto 100% no-repeat;}
.features .header.sect3 {background: #0e3d5f url(//info.onsip.com/hubfs/template/onsip-collaboration-features-blue-transparent.png) 50% 50%/auto 100% no-repeat;}
.features .header.sect4 {background: #0e3d5f url(//info.onsip.com/hubfs/template/onsip-admin-features-blue-transparent.png) 50% 50%/auto 100% no-repeat;}

.features .header h2 {font-size:28px; position:relative; padding:0; margin:0; color:#fff;}
.features .header h2:after {display:none;}

/* Sections */
.features .section {text-align:center;padding: 60px 0;}

.features .section .content ul {list-style:none; width:200px; margin:auto; display:inline-block; text-align:left;}
.features .section .content ul li {
 font: 12px Raleway,sans-serif;
 letter-spacing: 1px;
 position:relative;
 color:#0e3d5f;
 padding:0 0 12px 0;
 font-weight:800;
 text-transform:uppercase;
}
.features .section .content ul li:before {
 position:absolute;
 top:-4px;
 left:-40px;
 content:"";
 display:inline-block;
 background: url(//info.onsip.com/hubfs/template/onsip-features-checkmark-blue-transparent.png) no-repeat 0 0;
 background-size: 100%;
 width: 20px;
 height: 20px;
}

/* CTA */
.features .cta {background:#071f30; padding:80px 0; text-align:center;}
.features .cta .row-fluid {min-height:1px;}

.features .cta h2 {font-size:36px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:100; display:inline-block;}
.features .cta h2:after {display:none;}

.features .cta .cta_button > span {
 font-size:16px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}

/* CTA - Alt */
.features .cta-alt {background:#e6e6e6; padding:60px 0;}

.features .cta-alt h2 {font-size:28px; color:#0b304a; line-height:56px;}
.features .cta-alt .cta_button > span {background:#0c69ae; font-size:16px;}

/* -------- ONSIP APP PRODUCT PAGE -------- */
.app-product-page .hero { min-height: 675px; }
.app-product-page .hero h1 { font-size: 48px; color: #FFFFFF; margin: 0; font-weight: 200; }
.app-product-page .hero h2 { 
    font: 16px Raleway,sans-serif;
    max-width: 580px;
    color: #FFFFFF;
    margin: 0px auto 20px;
    padding: 0;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 2;
    text-transform: none;
}
.onsip-app .hero .row-fluid {
    background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));
    max-width: none;
    padding-top: 40px;
    padding-bottom: 40px;
}
.app-product-page .hero .hs_email label, .app-product-page .cta-green .hs_email label { display: none; }

.app-product-page .ipads>div { max-width: none; }
.app-product-page .ipads .left-ipad { display: none; }
.app-product-page .ipads .middle-ipad { display: none; }

.app-product-page .screencast-description { margin: 20px 0; padding: 0; }

.app-product-page .testimonials { background:#071f30; padding:40px 0; text-align:center; }
.app-product-page .testimonials img {border: 2px solid #FFFFFF !important; border-radius: 50%; margin: 0 auto 15px; width: 100px !important; height: 100px !important;}
.app-product-page .testimonials .testi_box p { font-size:18px; color:#FFF; font-weight:300 !important; padding-left: 25px; padding-right: 25px; }
.app-product-page .testimonials .testi_box h6 { font-size:16px; font-weight:300 !important; color:#FFF; margin:15px 0; }

.onsip-app .cta { background-color: #f7f7f7; }
.onsip-app .cta .hs-input { background-color: #FFFFFF; border: 1px solid #b3b3b3; }

.onsip-app .cta-green { padding: 20px 0; background-color: #071f30; }
.onsip-app .cta-green .hs-button { background-color: #2ac56c; }

@media screen and (min-width: 500px) {
  .app-product-page .hero, .app-product-page .cta-green { clear: both; }
  .app-product-page .hero::after, .app-product-page .cta-green::after { clear: both; }
  .app-product-page .hero form, .app-product-page .cta-green form { width: 460px; margin: 10px auto 0 auto; }
  .app-product-page .hero form>div, .app-product-page .cta-green form>div { float: left; }
  .app-product-page .hero div.hs_email, .app-product-page .cta-green div.hs_email { width: 300px; }
  .app-product-page .hero .hs_submit, .app-product-page .cta-green .hs_submit { float: left; margin-left: 20px; margin-top: 3px; }
}

@media screen and (min-width:768px) {  
  .app-product-page .ipads .left-ipad { display: block; }
  .app-product-page .ipads .middle-ipad { display: block; }
    
  .app-product-page .screencast-description { padding-left: 60px; padding-right: 20px; }
    
  .app-product-page .cta { clear: both; }
  .app-product-page .cta::after { clear: both; }
  .app-product-page .cta h3 { width: 700px; margin: 0 auto 20px; text-align: center; }
  .app-product-page .cta form { width: 700px; margin: auto; }
  .app-product-page .cta fieldset { float: left; }
  .app-product-page .cta fieldset div.hs_email { width: 300px; }
  .app-product-page .cta fieldset div.hs_numemployees { width: 150px; }
   .app-product-page .cta .hs_submit { float: left; margin-left: 20px; }
}

.app-product-page .section h3 {font-size:14px; position:relative; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.app-product-page .section h3:after {
     background:#e6e6e6;
     position:absolute;
     bottom:0; 
     left:0;
     right:0;
     width:30px;
     height:2px;
     content:"";
     display:block;
}
.app-product-page .section p a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.app-product-page .section p a:hover {color:#9e9e9e;}
.app-product-page .section p a:after {
     font-family:"FontAwesome";
     color:#f67f44;
     margin:0 0 0 7px;    
     content:"\f0da";
     display:inline-block;
     font-weight:normal;
     -webkit-transition:all 0.2s ease;
         -ms-transition:all 0.2s ease;
             transition:all 0.2s ease; 
}
.app-product-page .section p a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.app-product-page .screencast { border: 10px solid #404e5e; border-radius: 10px; }

.app-product-page .app-bottom-cta { text-align:center; }
.app-product-page .app-bottom-cta h3 { font-size: 36px; font-weight: 200; }
.app-product-page .app-bottom-cta h3:after {
     background:#e6e6e6;
     width:30px;
     height:2px;
     content:"";
     display:block;
     margin: 20px auto;
}
.app-product-page .app-bottom-cta .cta_button span { margin: 0 10px; }

.app-product-page .getonsip-section { color: inherit; text-decoration: inherit; }
.app-product-page .getonsip-section:hover { color: inherit; text-decoration: inherit; }
.app-product-page #hs-cta-wrapper-897073d6-da06-4bd9-a7b6-46335f10ed68 { display:none; }


/* -------- APP -------- */
.app {}

/* Blocks */
.app .blocks {position:relative; padding:0;}
.app .blocks .block {border-bottom:1px solid #e6e6e6; padding-bottom:55px;}
.app .blocks .block.alt {
 border:0 none;
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
}

.app .blocks .block p:last-child a {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.app .blocks .block p:last-child a:hover {color:#9e9e9e;}

.app .blocks .block p:last-child a::after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.app .blocks .block p:last-child a:hover::after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

/* Blocks - Feature Image */
.app .blocks:first-child .block {position:relative;}
.app .blocks:first-child .block::after {
 background:url(//info.onsip.com/hubfs/template/bg-insta_alt.png) 0 0 no-repeat;
 background-size:cover;
 position:absolute;
 top:50%;
 right:0;
 width:570px;
 height:420px;
 content:"";
 display:block;
 z-index:2;
 -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
     -ms-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;  
}

.app .blocks:first-child .block.alt::after {display:none;}

/* Features */
.app .features h2 {margin:0 0 60px 0; text-align:center;}
.app .features h2::after {display:none;}

.app .features h3 {font-size:13px; position:relative; color:#0c69ae; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.app .features h3::after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.app .features .icon {
 max-width:100px;
 padding:10px;
 border:2px solid #e6e6e6;
 text-align:center;
 border-radius:50%; 
 overflow:hidden;
}

.app .features .widget-type-raw_jinja > .row-fluid {margin-bottom:40px;}
.app .features .widget-type-raw_jinja > .row-fluid:last-child {margin:0;}

.app .features .cta {background:transparent; padding:0; text-align:center;}
.app .features .cta .cta_button > span {background:#b3b3b3; padding:20px 40px; color:#fff;}

/* CTA */
.app .cta {background:#071f30; padding:60px 0; text-align:center;}
.app .cta .row-fluid {min-height:1px;}

.app .cta h2 {font-size:34px; color:#fff; margin:0 30px 0 0; padding:0; display:inline-block;}
.app .cta h2::after {display:none;}

.app .cta .cta_button > span {
 font-size:14px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}


/* -------- FAQ -------- */
.faq .accordion {margin-bottom:60px;}
.faq .accordion-group {}

.faq .accordion-header {
 margin: 0 0 20px 0;
 font-family: Raleway,sans-serif;
 font-weight: 300;
 color: #0b304a;
 letter-spacing: 1px;
 line-height: 1.5;
 text-rendering: optimizelegibility;
 font-size: 24px;
}

.faq .accordion-header:after {
  background: #e6e6e6;
  margin-top: 15px;
  width: 30px;
  height: 2px;
  content: "";
  display: block;
}

.faq .accordion-read-more {
 color: #0c69ae;
 margin-top: -20px;
 cursor: pointer;
}

/* CTA */
.faq .cta {background:#071f30; padding:80px 0; text-align:center;}
.faq .cta .row-fluid {min-height:1px;}

.faq .cta h2 {font-size:36px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:100; display:inline-block;}
.faq .cta h2:after {display:none;}

.faq .cta .cta_button > span {
 font-size:16px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}

/* CTA - Alt */
.faq .cta-alt {background:#e6e6e6; padding:60px 0;}

.faq .cta-alt h2 {font-size:28px; color:#0b304a; line-height:56px;}
.faq .cta-alt .cta_button > span {background:#0c69ae; font-size:16px;}


/* -------- Contact -------- */
.contact h2 {}
.contact h3 {font-size:14px; font-weight:600;}

.contact .body-container .widget-type-rich_text {text-align:center;}
.contact .body-container .widget-type-rich_text ul {max-width:295px; margin:auto; text-align:left;}

.contact .widget-type-header {margin-top:60px;}
.contact .widget-type-header h2 {margin:0 0 60px 0; text-align:center;}
.contact .widget-type-header h2:after {left:0; right:0; margin:auto; text-align:center;}

.contact .address p {color:#959595; font-weight:400; line-height:1.3;}
.contact .address ul {list-style-type:none; margin:0; padding:0;}
.contact .address h5 {font-size:16px; color:#959595; font-weight:400; line-height:1.3; text-transform:none;}

.contact .address ul {}
.contact .address ul li {margin:0 0 15px 0;}
.contact .address ul li:last-child {margin:0;}

/* Map */
.contact .map {background:#fff; position:relative; padding:0; border:1px solid #f1f1f1;}
.contact .map #map {min-height:500px;}

.contact .map .gmnoprint {right:0!important;}
.contact .map .gm-style-cc a {display:none!important;}

/* Utility */
.contact .utility .row-fluid-wrapper.row-depth-1.row-number-1 {display:none;}


/* -------- About Us -------- */
.about h3:after {
  background: #e6e6e6;
  margin-top: 15px;
  width: 30px;
  height: 2px;
  content: "";
  display: block;
}
.about h3.form-title:after {display:none;}

.about img#careers-image {
  float: right;
  padding: 0 0 20px 5%;
  width: 33%;
  max-width: 210px;
}

.about table {width:100%;}

.about table td {text-align:center; padding:0 0 40px 0;}

.about .section .hs_cos_wrapper_type_rich_text ul {list-style:none; margin:0 0 30px 10px;}
.about .section .hs_cos_wrapper_type_rich_text ul li {font-size:15px; position:relative; margin:0 0 10px 0;}
.about .section .hs_cos_wrapper_type_rich_text ul li:before {
 font-family:FontAwesome;
 font-size:14px;
 position:absolute;
 top:5px;
 left:-22px;
 color:#0c69ae;
 content:"\f00c";
 display:inline-block;
 line-height:1;
}

/* CTA */
.about .cta {background:#071f30; padding:80px 0; text-align:center;}
.about .cta .row-fluid {min-height:1px;}

.about .cta h2 {font-size:36px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:100; display:inline-block;}
.about .cta h2:after {display:none;}

.about .cta .cta_button > span {
 font-size:16px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}

/* CTA - Alt */
.about .cta-alt {background:#e6e6e6; padding:60px 0;}

.about .cta-alt h2 {font-size:28px; color:#0b304a; line-height:56px;}
.about .cta-alt .cta_button > span {background:#0c69ae; font-size:16px;}


/* -------- Promos -------- */
.promos {}

/* Plans */
.promos .offers {text-align:center;}
.promos .offers h2 {max-width:470px; margin:0 auto 160px auto;}
.promos .offers h2:after {left:0; right:0; margin:auto;}

.promos .offers .offer {position:relative; max-width:470px; margin:auto; padding:140px 0 0 0; box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}

.promos .offers .offer .promo-image {color:#0c69ae;}
.promos .offers .offer .promo-image h3 {font-size:54px; margin:15px 0 0 0; color:#0c69ae; font-weight:200;}
.promos .offers .offer .promo-image small {font-size:13px; line-height:1.3; display:block;}

.promos .offers .offer .promo-image,
.promos .offers .offer .promo-image:before,
.promos .offers .offer .promo-image:after {
 background:#fff;    
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:210px; 
 height:210px;
 margin:auto;
 content:"";
 display:block; 
 border-radius:50%; 
}

.promos .offers .offer .promo-image {
 top:-100px;
 z-index:1; 
}

.promos .offers .offer .promo-image:before {
 background:#e7f0f7;
 top:-20px;
 left:-20px;
 right:-20px;
 z-index:-2; 
 width:250px; 
 height:250px;
}

.promos .offers .offer .promo-image:after {   
 top:0;
 z-index:-1; 
 box-shadow:0 0 20px rgba(0, 0, 0, 0.3); 
}

.promos .offers .note {padding:30px 40px;}
.promos .offers .note p {margin:0;}

.promos .offers .offer-cta {background:#f7f7f7; margin:0 0 30px 0; padding:30px 40px;}
.promos .offers .offer-cta .cta_button > span {font-size:16px; padding:20px 40px;}

/* Form */
.promos .form {
 padding-bottom:0;     
 border-top:1px solid #e6e6e6;
 text-align:center;
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);    
}

.promos .form > div:last-child {padding-bottom:80px; border-bottom:1px solid #e6e6e6;}

.promos .form .widget-type-form {float:none; max-width:900px; margin:auto!important;}
.promos .form .widget-type-form h3 {font-size:28px; margin:0 0 60px 0; font-weight:200;}
.promos .form .widget-type-form label {display:none;}
.promos .form .widget-type-form .hs-input {padding:20px!important;}
.promos .form .widget-type-form .hs-button {font-size:16px; padding:20px 25px;}
.promos .form .widget-type-form .hs_submit {margin-top:30px;}

.promos .form .widget-type-form fieldset.form-columns-2 {margin:0!important;}
.promos .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:46%; padding:0 2% 3% 2%;}


/* -------- Blog -------- */
.blog {}
.blog iframe {min-width:0;}

.blog .hero {
 background:#f2f2f2 url(//info.onsip.com/hubfs/hero-blog.jpg) 50% 50% no-repeat;
 background-size:cover; 
}
.blog .hero .section-header h1 {}
.blog .hero .section-header p {max-width:515px; margin:auto;}

.blog .post-item .post-content img {margin-bottom:30px; display: block; margin-left: auto; margin-right: auto;}
.blog .post-item .post-content iframe {margin-bottom:30px; display: block; margin-left: auto; margin-right: auto;}

.blog table {width:100%;}

/* Sidebar */
.blog .sidebar {font-size:14px; padding-top:17px; border:0 none;}
.blog .sidebar h3 {font-size:13px; font-weight:700; text-transform:uppercase;}
.blog .sidebar ul {margin-bottom:0;}
.blog .sidebar .widget-span {min-height:1px; margin-bottom:40px;}
.blog .sidebar .row-fluid-wrapper:first-child .widget-span {margin:0; text-align:center;}

/* Sidebar Form */
.blog .sidebar-form {margin-bottom:40px; display:none;}

/* Sidenav */
.blog .sidenav h3 {text-align:center;}
.blog .sidenav ul {list-style:none; margin:0; padding:0; text-align:center;}
.blog .sidenav ul li {margin:0 auto 10px auto;}
.blog .sidenav ul li a {
 background:#b3b3b3;
 width:170px;
 color:#fff;
 display:inline-block;
 padding:10px 20px;
 font:12px Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:800;
 letter-spacing:1px;
 line-height:1;
 text-align:center;
 text-transform:uppercase;
 white-space:normal;
 vertical-align:middle;
 cursor:pointer;
 border:0 none;
 border-radius:30px;
 -webkit-appearance:none;
 -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
     -ms-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;       
}

.blog .sidenav ul li a:hover,
.blog .sidenav ul li a:focus,
.blog .sidenav ul li a.active {
 background:#0c69ae;
 color:#fff;
 text-decoration:none;
}

/* V2 Blog */
.blog.v2 .body-container {background:#f2f2f2;}

.blog.v2 .cta {padding:80px 0 40px 0; text-align:left;}
.blog.v2 .cta .widget-type-cta {
 background:#00b3a5;
 background:-webkit-linear-gradient(45deg, #00b3a5 0%, #00d5c5 55%, #00cdbd 100%); 
 background:   -moz-linear-gradient(45deg, #00b3a5 0%, #00d5c5 55%, #00cdbd 100%);
 background:        linear-gradient(45deg, #00b3a5 0%, #00d5c5 55%, #00cdbd 100%);
 position:relative; 
 padding:20px; 
 border-radius:3px;
}
.blog.v2 .cta .row-fluid {min-height:1px;}

.blog.v2 .cta p {font-size:14px; color:#fff; margin:0; padding:5px 0 0 0;}

.blog.v2 .cta h3,
.blog.v2 .cta h4 {
 font-size:18px; 
 color:#fff; 
 margin:0; 
 padding:0; 
 font-weight:100;
 display:block;
}
.blog.v2 .cta img {display:none;}

.blog.v2 .cta .cta_button {}
.blog.v2 .cta .cta_button > span {background:transparent; font-size:12px; position:absolute; bottom:20px; right:20px; color:#fff; padding:0;}
.blog.v2 .cta .cta_button:hover > span {color:rgba(0, 0, 0, 0.45);}

.blog.v2 .cta .cta_button > span::after {
 font-family:"FontAwesome";
 color:#fff;
 margin:0 0 0 7px;    
 content:"\f101";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.blog.v2 .cta .cta_button:hover > span::after {
 color:rgba(0, 0, 0, 0.45);
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.blog.v2 .header {background-image:none; padding:0 0 20px 0;}
.blog.v2 .header h1 {font-size:30px; margin:0; display:inline-block;}
.blog.v2 .header .search-wrapper {margin:0; padding:0; border:0 none; text-align:center;}
.blog.v2 .header .search-wrapper .cs input.cs-input {width:240px;}

.blog.v2 .toolbar {background:#fff; padding:10px 30px; overflow:hidden; text-align:center;}
.blog.v2 .toolbar .sidenav {display:inline-block;}
.blog.v2 .toolbar .search-wrapper {display:inline-block; margin:0; padding:0; border:0 none;}

.blog.v2 .toolbar .sidenav ul li {margin:0 10px; display:inline-block;}
.blog.v2 .toolbar .sidenav ul li a {background:transparent; color:#0b304a; padding:10px; display:inline-block;}

.blog.v2 .blog-listing-wrapper .post-listing .post-item {border:0 none;}

.blog.v2 .post-item .hs-featured-image-wrapper {display:none;}

.blog.v2 .post-item .post-header {text-align:center;}
.blog.v2 .post-item .post-header h2 {line-height:1.2;}

.blog.v2 .post-item .post-meta,
.blog.v2 .post-item .post-meta .post-author,
.blog.v2 .post-item .post-meta .post-date,
.blog.v2 .post-item .post-meta .post-date span {
 font:10px PT Sans, sans-serif; 
 font-weight:700; 
 letter-spacing:1px; 
 text-transform:uppercase;
}

.blog.v2 .post-item .post-meta {margin-bottom:20px; text-align:center; color:#9e9e9e;}
.blog.v2 .post-item .post-meta .post-author {}
.blog.v2 .post-item .post-meta .post-date {margin:0; padding:0; border-bottom:0 none;}
.blog.v2 .post-item .post-meta .post-date span {}

.blog.v2 .post-item .post-content {
 background:#fff;
 padding:60px 10%;
 border:1px solid #d9d9d9;
 border-radius:5px;
}

.blog.v2 .post-listing .post-item .post-body {padding:0;}

.blog.v2 .post-item .post-body p {color:#9e9e9e;}
.blog.v2 .post-item .post-body p a {color:#9e9e9e;}
.blog.v2 .post-item .post-body .more-link {
 font:12px PT Sans, sans-serif;
 width:100px;
 color:#0c69ae;
 margin:auto;
 font-weight:700;
 letter-spacing:1px;
 display:block;
 text-align:center;
 text-transform:uppercase;
}
.blog.v2 .post-item .post-body .more-link:after {display:none;}

.blog.v2.hs-blog-post .post-item {margin-bottom:40px;}
.blog.v2.hs-blog-post .post-item p:last-child {margin:0;}

/* Post CTA */
.blog .post-cta {background:#071f30; margin:0 0 40px 0; padding:40px 40px 30px 40px; text-align:center; border-radius:3px;}
.blog .post-cta .row-fluid {min-height:1px;}

.blog .post-cta h3 {font-size:24px; margin:0 20px 10px 0; padding:0; color:#fff; font-weight:200; display:inline-block;}

.blog .post-cta .cta_button > span {
 margin:0 0 10px 0;
 display:inline-block;
 vertical-align:top;
}

/* Post Header */
.blog .post-header h2 {padding:0;}
.blog .post-header h2 a {color:#121212;}
.blog .post-header h2:after {display:none;}

/* Featured Image */
.blog .hs-featured-image-wrapper {}
.blog .hs-featured-image-wrapper img {margin:0 0 35px 0;}

.blog .hs-featured-image-wrapper .hs-featured-image {max-width:100%; float:none;}

/* Post Item */
.blog-listing-wrapper .post-listing .post-item, 
.blog.hs-blog-post .content {   
 margin:0 0 40px 0; 
}

.blog-listing-wrapper .post-listing .post-item {padding-bottom:40px; margin-bottom:60px; border-bottom:2px solid #e6e6e6;}
.blog-listing-wrapper .post-listing .post-item:last-child {margin:0; border:0 none;}

.blog-listing-wrapper .post-listing .post-item .post-body {padding:0 0 10px 0;}

/* Post Topics */
#hubspot-topic_data {font-size:14px; padding:10px 0; display:none;}
#hubspot-topic_data a {color:#999;}

/* Post Meta */
.post-meta {font-size:14px;}
.post-meta a {color:#999;}

.post-meta .post-author {font-size:12px; margin:0 0 10px 0; font-weight:700;}
.post-meta .post-author .hs-author-social-section {display:none;}

.post-meta .post-date {font-size:12px; margin:0 0 30px 0; border-bottom:2px dotted #e6e6e6; font-weight:700; text-transform:uppercase;}
.post-meta .post-date span {
 font:48px Raleway, sans-serif;
 font-weight:100;
 letter-spacing:1px;
}

.hs-author-avatar {position:relative; width:42px; height:42px; margin:5px 0 10px 18px; overflow:hidden; border-radius:50%;}
.hs-author-avatar:after {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 content:"";
 border-radius:50%;
 box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.hs-author-avatar img {width:42px; height:42px; object-fit:cover;}

/* Autor Profile */
.hs-author-social-section .hs-author-social-links {}
.hs-author-social-section .hs-author-social-links a {margin:0 0 0 5px;}

/* Comments */
.widget-type-blog_comments {}
.widget-type-blog_comments .hs-form label {display:none;}
.widget-type-blog_comments .hs-form li label {display:inline-block;}

/* Pagination */
.blog-pagination {text-align:center;}
.blog-pagination ul {list-style:none; margin:0; padding:0;}
.blog-pagination ul li {margin:0 10px; display:inline-block;}

/* Misc */
.more-link {font:14px Raleway, sans-serif; color:#f67f44; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
.more-link:hover {color:#9e9e9e;}

.more-link:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.more-link:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.hs_cos_wrapper_type_blog_subscribe .hs_email {margin:0 0 10px 0;}
.hs_cos_wrapper_type_blog_subscribe .hs_email label {display:none;}

.hs_blog_default_blog_subscription label {margin-bottom:5px;}

.hs_blog_default_blog_subscription ul {
 list-style:none;
 margin:0 0 15px 10px;
 padding:0 0 5px 0;
 border-bottom:1px solid #c4c4c4;
}
.hs_blog_default_blog_subscription ul li {font-size:12px; margin:0 0 10px 0;}
.hs_blog_default_blog_subscription ul li .hs-input {min-width:1px; height:auto; margin:0 10px 0 0;} 

.post-listing-simple h2 {font-size:16px;}

/* Social */
.blog-item .social, .blog-section .social {}

.social .hs-blog-social-share {height:auto; text-align:left;}
.social .hs-blog-social-share .hs-blog-social-share-list {margin:0;}
.social .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
 float:none;
 margin:0 0 10px 0;
 line-height:1px;
 display:inline-block;
 vertical-align:top;
}

.blog .sidebar .social {margin-top:-5px; padding-top:30px; border-top:2px solid #e6e6e6; text-align:center;}
.blog .sidebar .social a {margin:0 4% 0 0; display:inline-block; vertical-align:middle;}
.blog .sidebar .social a i {
 background:#b3b3b3;
 font-size:25px;
 width:30px;
 padding:5px;
 color:#fff;
 line-height:30px;
 text-align:center; 
 border-radius:50%;
 -webkit-transition:all 0.25s ease-out; 
    -moz-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out; 
}
.blog .sidebar .social a:hover i {background:#f67f44;}

/* Coderay styles, copied from Developer styles */
.blog pre {
  background: #f4f6f7;
  white-space: pre;
  border: 0;
  font-size: 12px;
  line-height: normal;
}
.blog th, .blog td {
    padding: 5px;
    border: 1px solid #b3b3b3;
    vertical-align: top;
    word-break: break-word;
}
.blog div.highlighter-coderay { margin-bottom: 30px; }
.blog table.CodeRay {
  border: 1px solid #cecece;
  background: #f4f6f7;
  overflow: auto;
  display: block;
  margin-bottom: 0;
}
.blog td.code, td.line-numbers { border: none; }
.blog td.code { padding-left: 0; }
.blog td.line-numbers { padding-right: 0; }
.blog td.line-numbers pre { text-align: right; }
.blog table.CodeRay pre { margin-bottom:0; }


/* -------- Reviews -------- */
.review {}

/*.review.hs-blog-listing .widget-type-blog_content {margin-top:30px; padding-top:60px; border-top:2px solid #e6e6e6;} - 20180102 Malcolm removed CTA above this */

.review.hs-blog-listing .post-item {}
.review.hs-blog-listing .post-item p {float:left; width:65%;}
.review.hs-blog-listing .post-item .hs-featured-image-wrapper {float:right; max-width:30%; margin:0;}
.review.hs-blog-listing .post-item .hs-featured-image-wrapper .hs-featured-image {}

.review .post-body img {margin-bottom:30px; display: block; margin-left: auto; margin-right: auto;}
.review .post-body iframe {margin-bottom:30px; display: block; margin-left: auto; margin-right: auto;}

/* Ratings */
.blog .post-header .rating-value {white-space:nowrap;}
.blog .post-header .rating-value img {
 max-width:15px;
 margin:0;
 padding:0;
 vertical-align:baseline; 
}

.blog .post-sidebar .review-sidebar-block  {
 background:#f2f2f2; 
 font-size:13px;
 margin-bottom:10px;
 padding:20px; 
 border-top:4px #cad1d5 solid;
}

.blog .post-sidebar .review-sidebar-block table {width:100%; border-collapse:collapse;}
.blog .post-sidebar .review-sidebar-block td.rating-item-attribute {padding-right:5px;}
.blog .post-sidebar .review-sidebar-block td.rating-item-value {overflow:hidden; white-space:nowrap;}
.blog .post-sidebar .review-sidebar-block .rating-item-value img {
 width:12px;
 margin:0;
 padding:0;
 vertical-align:baseline; 
}

.blog .post-sidebar .review-sidebar-block p {margin-bottom:5px;}
.blog .post-sidebar .review-sidebar-block ul {margin-bottom:0;}

/* Search Bar */
.blog .search-wrapper {margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #e3e3e3;}
.blog .search-wrapper ul {
 list-style:none;
 margin:auto;
 padding:0;
 display:-webkit-flex;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
         flex-wrap:wrap;
 -webkit-justify-content:space-between;
         justify-content:space-between;
 -webkit-box-pack:justify; 
    -ms-flex-pack:justify;         
}
.blog .search-wrapper ul li {
 margin:0;
 padding:10px 10px 8px 10px;
 line-height:24px;
 border-right:1px solid #e3e3e3;
 display:inline-block;
 vertical-align:center;
  -webkit-box-flex:1;
 -webkit-flex-grow:1;
 -ms-flex-positive:1;
         flex-grow:1;
 text-align:center;
}
.blog .search-wrapper ul li a {font-size:12px; max-width:none; display:block; text-transform:uppercase;}


/* -------- Search -------- */
.search {}

/* Sidebar */
.search .sidebar {font-size:14px; padding-top:17px; border:0 none;}
.search .sidebar h3 {font-size:13px; font-weight:700; text-transform:uppercase;}
.search .sidebar ul {margin-bottom:0;}
.search .sidebar .widget-span {min-height:1px; margin-bottom:40px;}

/* Search Box */
.gsc-tabsAreaInvisible, .gsc-resultsHeader, .gsc-branding, .gcsc-branding,
.gsc-url-top, .gs-watermark, .gsc-thumbnail-inside, .gsc-url-bottom {
 display:none;
}

.gsc-result {padding:20px 0; border-bottom:1px solid #E1E1E1;}
.gs-image-box {width:140px; height:80px; overflow:hidden;}

img.gs-image {min-height:80px;}

td.gsc-table-cell-thumbnail {vertical-align:top; padding:0; width:140px; display:block!important;}
td.gsc-table-cell-snippet-close {vertical-align:top; padding:0; padding-left:20px;}

.gsc-wrapper {font-size:16px; line-height:20px;}
.gsc-control-cse a {font-family:PT Sans, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.gs-snippet {color:#777; margin-top:10px;}

.gsc-cursor {width:100%; height:20px; text-align:center;}
.gsc-cursor-page {display:inline-block; width:20px; height:20px; cursor:pointer; text-align:center; margin:20px 0;}

form.gsc-search-box {
 width:100%;
 -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box; 
         box-sizing:border-box;    
}

table.gsc-search-box {width:100%; border:0 none;}
table.gsc-search-box tr {border:0 none;}
table.gsc-search-box td {width:100%; padding:0; border:0 none; vertical-align:top;}
td.gsc-search-button {vertical-align:middle; padding-left:20px;}

.gsc-search-box-tools .gsc-search-box td.gsc-input {padding:0!important;}

.gsc-input .gsc-input-box, 
.gsc-input .gsc-input-box-hover, 
.gsc-input .gsc-input-box-focus,
.gsc-search-box .gsc-input > input:hover,
.gsc-search-box .gsc-input > input:focus {
 background:transparent;
 border:0 none;
 height:auto;
 box-shadow:none;
}

.gsc-input input.gsc-input {
 background-color:#f2f2f2!important;
 background-image:none!important;
 font-size:13px; 
 width:100%; 
 min-height:35px; 
 margin:0; 
 padding:0 12px!important; 
 color:#808080; 
 border:1px solid transparent; 
 border-radius:3px 0 0 3px; 
 box-shadow:none; 
 -webkit-appearance:none; 
 -webkit-transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; 
         transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; 
}
.gsc-input input.gsc-input:focus {
 border:1px solid #ddd!important;
 box-shadow:none;
}

.gsc-search-button input.gsc-search-button, 
.gsc-search-button input.gsc-search-button:hover, 
.gsc-search-button input.gsc-search-button:focus {
 background:#f67f44;
 margin:1px 0 -4px 0;
 padding:11px 20px 11px 15px;
 border:0 none;
 border-radius:0 20px 20px 0;
}

.gsib_b {display:none;}

/* Results */
.gsc-control-cse .gsc-selected-option-container {min-width:75px; padding:0 28px 0 10px;}

.gsc-control-cse td.gsc-table-cell-thumbnail {display:none!important;}
.gsc-control-cse td.gsc-table-cell-snippet-close {font-size:14px; padding:0;}

.gsc-control-cse .gsc-table-result, .gsc-control-cse .gsc-thumbnail-inside, .gsc-control-cse .gsc-url-top {padding:0;}

.gsc-control-cse .gsc-control-cse .gs-spelling, 
.gsc-control-cse .gs-result .gs-title, 
.gsc-control-cse .gs-result .gs-title * {

}
.gsc-control-cse .gs-result .gs-title {color:#0c69ae; margin-bottom:10px; font-weight:700; text-decoration:none;}
.gsc-control-cse .gs-webResult div.gs-visibleUrl-long {display:none;}

.gsc-control-cse .gs-webResult.gs-result a.gs-title:link, 
.gsc-control-cse .gs-webResult.gs-result a.gs-title:link b, 
.gsc-control-cse .gs-imageResult a.gs-title:link, 
.gsc-control-cse .gs-imageResult a.gs-title:link b {
 color:#0c69ae;
}

.gsc-control-cse .gs-title > b {background:#ffff00;}

/* Search V1 */
.search * {font-style:normal;} /* fix unclosed tags in search results */

.search .highlight {font-size:14px; text-transform:uppercase;}
.search .highlight span {padding:0 2px; background:#ffb7b7;}

.search .post-item {margin-bottom:30px;}
.search .post-header > h3 {font-size:18px; margin:0 0 5px 0;}
.search .post-body * {
 font:14px PT Sans, sans-serif; 
 margin:0; 
 letter-spacing:0; 
 display:inline;
}

.cs {position:relative;}

.cs input.cs-input {
 background:#fff;
 font-size:14px;
 width:277px; 
 min-height:32px; 
 color:#808080;
 margin:0; 
 padding:0 12px; 
 display:inline-block;
 vertical-align:middle;
 border:1px solid #ddd;
 border-radius:3px 0 0 3px; 
 box-shadow:none; 
 -webkit-appearance:none; 
 -webkit-transition:all 0.15s ease-out; 
    -moz-transition:all 0.15s ease-out;
         transition:all 0.15s ease-out;
}

.cs input.cs-input:hover {color:#0c69ae;}
.cs input.cs-input:focus {box-shadow:none;}

.cs input.cs-input::-webkit-input-placeholder {line-height:2.4;}
.cs input.cs-input:-moz-placeholder {line-height:2.4;}
.cs input.cs-input::-moz-placeholder {line-height:2.4;} 
.cs input.cs-input:-ms-input-placeholder {line-height:2.4;}
.cs input.cs-input::input-placeholder {line-height:2.4;}

.cs button {
 background:#f2f2f2;
 font-size:13px;
 color:#808080;
 margin:0 0 0 -5px;
 padding:7px 8px 9px 8px;
 border:solid #ddd;
 border-width:1px 1px 1px 0;
 display:inline-block;
 font-weight:normal;
 line-height:14px;
 vertical-align:middle;
 cursor:pointer;
 border-radius:0 3px 3px 0;
 -webkit-appearance:none;
 -webkit-transition:all 0.15s ease-out; 
    -moz-transition:all 0.15s ease-out;
         transition:all 0.15s ease-out; 
}
.cs button:hover {
 background:#f2f2f2;
 color:#0c69ae;
}

/* Search Native */
.search-control {padding-bottom:40px;}

.hs-search-field {max-width:; margin:auto; text-align:center;}
.hs-search-field .hs-search-field__bar input {
 background:#fff;
 font-size:14px;
 width:277px; 
 min-height:32px; 
 color:#0b304a;
 margin:0; 
 padding:0 12px; 
 display:inline-block;
 vertical-align:middle;
 border:1px solid #e3e3e3;
 border-radius:5px 0 0 5px; 
 box-shadow:none; 
 -webkit-appearance:none; 
 -webkit-transition:all 0.15s ease-out; 
    -moz-transition:all 0.15s ease-out;
         transition:all 0.15s ease-out;
}
.hs-search-field .hs-search-field__bar button {
 background:#f2f2f2;
 font-size:13px;
 color:#808080; /* wrong color */
 margin:0 0 0 -5px;
 padding:7px 8px 9px 8px;
 border:solid #ddd; /* wrong color */
 border-width:1px 1px 1px 0;
 display:inline-block;
 font-weight:normal;
 line-height:14px;
 vertical-align:middle;
 cursor:pointer;
 border-radius:0 5px 5px 0;
 -webkit-appearance:none;
 -webkit-transition:all 0.15s ease-out; 
    -moz-transition:all 0.15s ease-out;
         transition:all 0.15s ease-out; 
}
.hs-search-field .hs-search-field__bar button:hover { /* unsure on both of these */
 background:#f2f2f2;
 color:#0c69ae;
}

.hs-search-field--open .hs-search-field__suggestions {
 background:#fff;
 font-size:12px;
 position:absolute;
 border:0 none;
 padding:10px;
 display:none;
 border-radius:0 0 2px 2px;
 box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.15);
}

.hs-search-results__title {
 font:28px Raleway, sans-serif;
 margin:0 0 20px 0;
 color:#0b304a;
 font-weight:300;
 line-height:1.2;
 display:block;
}

.hs-search-highlight {
 background-color:#fff2ac;
 background-image:linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

.hs-search-results__listing {max-width:700px; margin:auto;}
.hs-search-results__listing li {
 background:#fff;
 margin-bottom:60px;
 padding:30px;
 border:2px solid #ebebeb;
 text-align:center;
 border-radius:5px;    
}
.hs-search-results__listing li p {color:#9e9e9e; text-align:left;}
.hs-search-results__listing li p:last-child {margin:0;}

.hs-search-results__next-page,
.hs-search-results__prev-page { 
 font-size:12px;
 text-transform:uppercase;
 display:inline-block;
 -webkit-transition:all 0.2s ease-out; 
    -moz-transition:all 0.2s ease-out;
         transition:all 0.2s ease-out;
}

.hs-search-results__next-page::after,
.hs-search-results__prev-page::before {
 background:#f2f2f2;
 font-family:"FontAwesome";
 font-size:11px;
 margin:-1px 0 0 0; 
 display:none;
}

.hs-search-results__next-page::after {padding:0 0 0 8px; content:'\f105';}
.hs-search-results__prev-page::before {padding:0 8px 0 0; content:'\f104';}

.hs-search-results__next-page:hover::after {transform:translateX(2px); -webkit-transform:translateX(2px);}
.hs-search-results__prev-page:hover::before {transform:translateX(-2px); -webkit-transform:translateX(-2px);}

/* -------- Success Stories -------- */
.story {}
.story .body-container .panel {padding:40px 0 80px 0;}

.story figure img {margin-bottom:30px; display: block; margin-left: auto; margin-right: auto;}

/* Hero */
.story .hero {
 background:#f2f2f2 url(//info.onsip.com/hubfs/template/hero-group-conference-room.png) 50% 50% no-repeat;
 background-size:cover;
}
.story .hero .section-header h1 {}
.story .hero .section-header p {max-width:480px; margin:auto;}

.story .body-container .hero {padding:80px 0;}

/* Header */
.story .post-header h2 {font-size:36px; position:relative; margin:0 0 20px 0; padding:0 0 20px 0; color:#0c69ae; text-align:center;}
.story .post-header h2 a {color: #0c69ae;}
.story .post-header h2:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block!important;
}

.story .post-header h4 {margin:0 0 40px 0; text-align:center;}

/* Featured Image */
.story .featured-image {margin:0 0 30px 0;}

.story .hs-featured-image-wrapper {margin:0 0 30px 0;}
.story .hs-featured-image-wrapper .hs-featured-image {max-width:100%; float:none; margin:0;}

/* Sidebar */
.story .sidebar {padding:0; border:0 none; border-radius:0; text-align:center;}
.story .sidebar h3 {font-size:13px; font-weight:700; text-transform:uppercase;}

.story .sidebar ul {list-style:none; margin:0; padding:0; text-align:center;}
.story .sidebar ul li {margin:0 auto 10px auto;}
.story .sidebar ul li a {
 background:#b3b3b3;
 width:170px;
 color:#fff;
 display:inline-block;
 padding:10px 20px;
 font:12px Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:800;
 letter-spacing:1px;
 line-height:1;
 text-align:center;
 text-transform:uppercase;
 white-space:normal;
 vertical-align:middle;
 cursor:pointer;
 border:0 none;
 border-radius:30px;
 -webkit-appearance:none;
 -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
     -ms-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;       
}

.story .sidebar ul li a:hover,
.story .sidebar ul li a:focus,
.story .sidebar ul li a.active {
 background:#0c69ae;
 color:#fff;
 text-decoration:none;
}

.story .sidebar .filter-link-count {display:none;}

/* Breadcrumb */
.story.hs-blog-post .breadcrumb {
 font:12px Raleway, sans-serif;
 position:relative;
 margin-bottom:20px;
 color:#9e9e9e; 
 font-weight:800; 
 letter-spacing:1px;
 text-transform:uppercase;
}
.story.hs-blog-post .breadcrumb a {color:#f67f44;}
.story.hs-blog-post .breadcrumb a:hover {color:#9e9e9e;}

.story.hs-blog-post .breadcrumb .hs-breadcrumb-menu-wrapper {float:right;}
.story.hs-blog-post .breadcrumb .back {float:left;}

.story.hs-blog-post .breadcrumb .hs-breadcrumb-menu-item {margin:0; padding:0 0 0 10px;}

.story.hs-blog-post .breadcrumb .back:before {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 7px 0 0;    
 content:"\f0d9";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.story.hs-blog-post .breadcrumb .back:hover:before {
 -webkit-transform:translate(-2px);
     -ms-transform:translate(-2px);
         transform:translate(-2px);
}

/* Utility */
.story .utility .form {border-top:1px solid #e3e3e3;}

/* Listing */
.story.hs-blog-listing .body-container-wrapper {
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%); 
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
}

.story.hs-blog-listing .body-container {
 background:#fff;
 background: -webkit-linear-gradient(left, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
 background:    -moz-linear-gradient(left, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%); 
 background:         linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
}

.story.hs-blog-listing .body-container .panel {padding:0;}

.story.hs-blog-listing .body-container .span9 {background:#fff; padding:80px 60px 80px 0; border-right:2px solid #e6e6e6;}
.story.hs-blog-listing .body-container .span3 {padding:80px 0;}

.story.hs-blog-listing .body-container .hero {padding:80px 0;}

.story.hs-blog-listing .post-listing .post-item {padding-bottom:0; margin-bottom:60px; border-bottom:0 none;}

.story .post-listing {}
.story .post-listing .post-header h2 {margin:0 0 20px 0; padding:0; text-align:left;}
.story .post-listing .post-header h2:after {display:none!important;}


/* -------- Success - Customers -------- */
.customers {}


/* -------- Success - Developers -------- */
.developers {}

.developers.hs-blog-listing .body-container-wrapper,
.developers.hs-blog-listing .body-container {
 background-color:#fff;
}

/* Hero */
.developers .hero {
 background:#f2f2f2 url(//info.onsip.com/hubfs/template/hero-group-conference-room.png) 50% 50% no-repeat;
 background-size:cover;
 margin-bottom:40px;
}

.developers.hs-blog-post .hero {margin:0;}


/* -------- Phone Central -------- */
.pc .section-header {margin:0 0 60px 0; text-align:center;}
.pc .section-header h1 {font-size:28px; position:relative; padding:0 0 20px 0;}
.pc .section-header h1:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block;
}
.pc .section-header p {font-size:16px; max-width:600px; margin:auto; padding:0; color:#888;}

/* Hero */
.pc .hero .section-header {margin:0;}
.pc .hero .section-header h1 {font-size:48px; padding:0;}
.pc .hero .section-header h1:after {display:none;}
.pc .hero .section-header p {font-size:14px; max-width:480px; color:#fff;}

/* Steps */
.pc .step {}

.pc .step h2 {position:relative; padding:0 0 20px 0;}
.pc .step h2:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.pc .step img {margin:auto; display:block;}

/* CTA */
.pc .cta {background:#071f30; padding:80px 0; text-align:center;}
.pc .cta .row-fluid {min-height:1px;}

.pc .cta h2 {font-size:36px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:100; display:inline-block;}
.pc .cta h2:after {display:none;}

.pc .cta .cta_button > span {
 font-size:16px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}

/* Feed / Cards */
.pc .feed {
 border-top:1px solid #e6e6e6;
 text-align:center;
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
}
.pc .feed h2 {}
.pc .feed h2:after {left:0; right:0; margin:auto;}

.pc .feed .widget-type-rss_listing {text-align:center;}

.pc .feed .hs-rss-item {
 background:#fff;
 position:relative;
 margin-bottom:10px;
 overflow:hidden;
 text-align:left;
 border-radius:1px;
 box-shadow:0 1px 1px rgba(0, 0, 0, 0.16);
}

.pc .feed .hs-rss-item div {position:relative; z-index:2;}

.pc .feed .hs-rss-item .hs-rss-item-text {width:auto; float:none; display:table-footer-group;}
.pc .feed .hs-rss-item .hs-rss-item-image-wrapper {width:auto; float:none; display:table-header-group; text-align:center;}
.pc .feed .hs-rss-item .hs-rss-item-image-wrapper img {
 width:auto;
 height:200px!important;
 max-height:200px;
 margin:auto;
 padding:20px;
 display:block;
}

.pc .feed .hs-rss-item .hs-rss-title {
 font:18px Raleway, sans-serif; 
 position:relative; 
 margin:0 0 20px 0; 
 padding:20px 0;
 border-top:1px solid #ededed;  
 color:#0b304a; 
 display:block;
 font-weight:600;
 text-align:center;
 text-transform:uppercase;
}
.pc .feed .hs-rss-item .hs-rss-title:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 width:30px;
 height:2px;
 margin:auto;
 content:"";
 display:block!important;
}

.pc .feed .hs-rss-item .hs-rss-description {padding:0 30px 30px 30px;}

.pc .feed .hs-rss-item .hs-rss-description p {margin:0;}
.pc .feed .hs-rss-item .hs-rss-description p a {font:14px Raleway, sans-serif; color:#f67f44; margin:20px 0 0 0; font-weight:800; display:block; letter-spacing:1px; text-transform:uppercase;}
.pc .feed .hs-rss-item .hs-rss-description p a:hover {color:#9e9e9e;}

.pc .feed .hs-rss-item .hs-rss-description p a:after {
 font-family:"FontAwesome";
 color:#f67f44;
 margin:0 0 0 7px;    
 content:"\f0da";
 display:inline-block;
 font-weight:normal;
 -webkit-transition:all 0.2s ease;
     -ms-transition:all 0.2s ease;
         transition:all 0.2s ease; 
}
.pc .feed .hs-rss-item .hs-rss-description p a:hover:after {
 -webkit-transform:translate(2px);
     -ms-transform:translate(2px);
         transform:translate(2px);
}

.pc .feed .cta_button > span {background:#b3b3b3; margin:60px auto 20px auto; padding:20px 40px; color:#fff;}


/* -------- Network Status -------- */
.network-status {}
.network-status .status-feed {margin-bottom:80px;}

/* Hack for Listing */
.network-status .post-item {display:none;}

.network-status.all .post-item,
.network-status.topic .post-item {
 display:block;
}

.network-status.all .status-feed,
.network-status.topic .status-feed {
 display:none;
}

.network-status .post-header {margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #e0e0e0;}
.network-status .post-header h2 {margin-bottom:5px;}
.network-status .post-header time {font-size:12px;}

.network-status .issue-start-end {margin-bottom:20px;}
.network-status .issue-start-end h6 {color:#9e9e9e; margin:0; text-transform:uppercase;}
.network-status .issue-start-end h6 span {width:50px; display:inline-block;}

.network-status .post-listing-simple .issue-start-end {margin:0;}
.network-status .post-listing-simple .issue-start-end h6 {font-size:12px;}

.network-status .nav-history {text-align:center;}
.network-status .nav-history h6 {margin-bottom:15px;}
.network-status .nav-history ul {margin:0; padding:0;}
.network-status .nav-history ul li {
 font-size:11px;
 margin:0 5px;
 display:inline-block;
 text-transform:uppercase; 
 vertical-align:middle;
}
.network-status .nav-history ul li:last-child {}

/* -------- App Release Notes -------- */
.app-release-notes .issue-start-end {
 font-size:13px;
 position:relative;
 color:#9e9e9e;
 padding:0 0 20px 0;
 text-transform:uppercase;
}

.app-release-notes .issue-start,
.app-release-notes .issue-end {
 display: block;
}

.app-release-notes .post-listing-simple .issue-start-end {
 font-size:11px;
 position:relative;
 color:#9e9e9e;
 padding:0;
 text-transform:uppercase;
}


/* -------- Release Notes -------- */
.release-notes {}

.release-notes .post-header {margin-bottom:25px;}
.release-notes .post-header h2 {margin:0 0 5px 0;}
.release-notes .post-header .post-date {font-size:10px; text-transform:uppercase;}

.release-notes .blog-listing-wrapper .post-listing .post-item .post-body {padding:0;}

.release-notes .blog-section .post-body,
.release-notes .blog-section .post-item {
 padding-bottom:25px;
}

.release-notes .blog-meta {}
.release-notes .blog-meta h6 {
 margin:0;
 padding:15px 0 0 0;
 border-top:2px solid #e3e3e3;
 text-align:left;
}

.release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe {
 background:#fff;
 margin:0 auto 20px auto;
 padding:25px 30px 30px 30px;
 border:1px solid #e6e6e6;
 display:block;
 border-radius:4px;
}
.release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe h3 {font-size:13px; margin:0 0 10px 0; font-weight:700; text-transform:uppercase;}
.release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .input {margin:0;}
.release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs-input {margin:0; padding:10px 12px!important; border:1px solid #ddd;}
.release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs-input:focus {border-color:rgba(82, 168, 236, 0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
.release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_email {width:72%; margin:0; float:left; display:inline-block; vertical-align:middle;}
.release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_submit {margin:0 0 0 4%; display:inline-block; vertical-align:middle;}


/* -------- Landing Page -------- */
.landing {}
.landing .header-container .span4 {width:31.914893614%;} /* Fix for centered logos */

.landing .logo {padding:29px 0;}
.landing .scroll .logo {padding:19px 0;}

.landing #hs_menu_wrapper_default {display:none;}

.landing .body-container-wrapper {padding-top:100px;}
.landing .body-container .row-fluid [class*="span"] {min-height:1px;}
.landing .body-container .span8 .hs-image-widget {margin-bottom:35px;}

.landing table {width:100%;}

/* Guide */
.guide {}
.guide .header-container-wrapper {border-top:5px solid #0c69ae;}
.guide .body-container-wrapper {min-height:80%;}
.guide .footer-container-wrapper {display:none;}

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

.guide .header {padding:20px 0 0 0; text-align:center;}
.guide .header .section-header {}
.guide .header .section-header h1 {}

.guide .header .section-header p {color:#888; text-transform:uppercase; overflow:hidden;}

@media (min-width: 767px) {
    .guide .header .section-header p:before,
    .guide .header .section-header p:after {
     background:#c3c3c3;
     position:relative; 
     content:'';
     width:50%;
     height:1px;
     display:inline-block; 
     vertical-align:middle;
    }
    .guide .header .section-header p:before {right:0.5em; margin-left:-50%;}
    .guide .header .section-header p:after {left:0.5em; margin-right:-50%;}
}

.guide .sidebar {padding:0; border:0 none; border-radius:0;}

/* PPC */
.ppc {}
.ppc .header-container-wrapper {background:#052b3e; color:#fff;}
.ppc .header-container-wrapper h4 {margin:0 2px 0 0; color:#fff; font-family:PT Sans, sans-serif; text-align:right; text-transform:uppercase;}
.ppc .header-container {max-width:1170px; margin:auto; padding:0 25px;}

.ppc .hero {background-image:none!important; background-color:#0c69ae!important; text-align:left;}
.ppc .hero .section-header p {margin:0;}

.ppc input {border:1px solid #e3e3e3;}
.ppc input:focus {border-color:#c5c5c5;}

.ppc form .hs-form-field label {display:none;}
.ppc form .hs_numemployees label,
.ppc form .hs_hs_persona label {
 display:block;
}

.ppc .clients {background:#fff; padding-top:0; text-align:center;}
.ppc .clients > div:first-child {padding-top:80px; border-top:1px solid #f2f2f2;}
.ppc .clients h2 {margin:0 0 60px 0; padding:0; font-weight:200;}
.ppc .clients h2:after {display:none;}

.ppc .clients img {margin-left:-15px; display:block;}

.ppc .clients .span2 {border-right:2px solid #e6e6e6;}
.ppc .clients .span2:last-child {border:0 none;}

.ppc .sidebar h3 {margin: 30px 30px 0 30px;}
.ppc .sidebar {background:#fff; margin-top:-315px; padding:0;}
.ppc .sidebar .widget-type-linked_image {border-bottom:1px solid #f2f2f2;}
.ppc .sidebar .widget-type-form {padding:0 30px 30px 30px;}

.ppc .sitemap {display:none;}

/* Boxed */
.boxed {background:#fafafa;}
.boxed .row-fluid [class*="span"] {min-height:1px;}

.boxed .header-container-wrapper, 
.boxed .body-container-wrapper, 
.boxed .footer-container {
 max-width:1170px;
 margin:auto;
}

.boxed .header-container-wrapper {background:#052b3e; color:#fff;}
.boxed .header-container-wrapper h4 {margin:0 2px 0 0; color:#fff; font-weight:100; text-align:right; text-transform:uppercase;}
.boxed .header-container {max-width:1170px; margin:auto; padding:0 25px;}

.boxed .body-container-wrapper {margin-top:-1px!important; padding-bottom:0;}
.boxed .body-container .panel {padding:40px 0;}

.boxed .mobile-img {display:none;}

.boxed h3, .boxed h4, .boxed h5, .boxed h6 {
 font-family:PT Sans, sans-serif;
 letter-spacing:0;
}

.boxed h1 {color:#0b304a; margin:0;}
.boxed h5 {margin:0;}
.boxed h6 {font:14px PT Sans, sans-serif; color:#aaa6a6; font-style:italic; text-align:right;}

.boxed blockquote {font-size:42px; position:relative; margin:0 0 10px 0; padding:0; border:0 none; font-weight:700; font-style:normal; letter-spacing:-2px; line-height:1.1;}
.boxed blockquote:before,
.boxed blockquote:after {
 position:absolute;
 display:inline-block;
}
.boxed blockquote:before {content:"“"; left:-20px;}
.boxed blockquote:after {content:"”"; margin-left:5px;}

.boxed input {border:1px solid #e3e3e3;}
.boxed input:focus {border-color:#c5c5c5;}

.boxed form .hs-form-field label {display:none;}
.boxed form .hs_numemployees label,
.boxed form .hs_hs_persona label {
 display:block;
}

.boxed .clients {background:#fff; padding:30px 0 40px 0!important; text-align:center;}
.boxed .clients h2 {margin:0 0 30px 0; padding:0; font-weight:200;}
.boxed .clients h2:after {display:none;}

.boxed .clients img {margin-left:-15px; display:block;}

.boxed .clients .span2 {border-right:2px solid #e6e6e6;}
.boxed .clients .span2:last-child {border:0 none;}

.boxed .sidebar {background:transparent; padding:1% 0 8% 0; border:0 none;}
.boxed .sidebar .widget-type-form {}

.boxed .sitemap {display:none;}

/* Brad */
.brad {background:#fafafa;}

.brad .header-container-wrapper, 
.brad .body-container-wrapper, 
.brad .footer-container {
 max-width:960px;
 margin:auto;
 box-shadow:none;
}

.brad .header-container-wrapper, 
.brad .body-container-wrapper {
 border:solid #cecece;
 border-width:0 3px;    
}

.brad .body-container-wrapper {min-height:1px; margin-bottom:40px; border-bottom:3px solid #cecece;}

.brad .body-container .span6:first-child {position:relative;}
.brad .body-container .span6:first-child .cell-wrapper {position:absolute; bottom:0; left:0; right:0;}

/* Slack Integration */
.slack-integration .widget-type-cta {text-align:center;}

/* Video */
.landing.video-page .widget-type-cta {margin:0 auto 30px auto; text-align:center;}


/* -------- Complex -------- */
.complex {}
.complex .header-container-wrapper {background:transparent;}
.complex .header-container-wrapper.scroll {background:#071f30;}

.complex .header-container-wrapper .logo {padding:29px 0 24px 0;}
.complex .header-container-wrapper h4 {font-size:12px; color:#fff; margin:0; font-weight:600; text-align:right;}
.complex .header-container-wrapper h4 a {color:#fff;}
.complex .header-container-wrapper h4 a:hover {color:#1197fa;}

.complex .body-container-wrapper {padding-top:0;}

/* Hero */
.complex .hero {padding:15% 0;}

.complex .hero .span4 h3 {font-size:14px; color:#fff; margin:0;}
.complex .hero .span4 img {max-height:40px; width: auto !important; margin:30px auto 15px auto; display:block; }

.complex .hero .section-header {margin:0;}
.complex .hero .section-header h1 {font-size:48px; padding:0;}
.complex .hero .section-header h1:after {display:none;}
.complex .hero .section-header p {font-size:14px; max-width:480px; color:#fff;}

.complex .hero .form {
 background:#fff;
 padding:20px;
 text-align:left;
 border:1px solid rgba(0, 39, 69, 0.25);
 border-radius:4px;
 box-shadow:0 4px 7px rgba(0, 33, 60, 0.35);
}
.complex .hero .form form {margin-bottom:15px;}
.complex .hero .form form label {display:none;}

.complex .hero .form cite {font-size:10px; color:#808080; display:block; font-style:normal;}

/* Sections */
.complex .section {}
.complex .section.alt {background:#f2f2f2;}

.complex .section .row-fluid {
 display:-moz-box;
 display:-ms-flexbox; 
 display:-webkit-flex;
 display:flex; 
 -webkit-align-items:center;
    -moz-align-items:center;
     -ms-align-items:center; 
         align-items:center; 
}

.complex .section h2 {
    font-size:14px;
    position:relative;
    padding:0 0 20px 0;
    font-weight:700;
    text-transform:uppercase;
}
.complex .section h2:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.complex .section .hs_cos_wrapper_type_rich_text ul {
    list-style:none;
    margin:0 0 30px 10px;
}
.complex .section .hs_cos_wrapper_type_rich_text ul li {
    font-size:15px;
    position:relative;
    margin:0 0 10px 0;
}
.complex .section .hs_cos_wrapper_type_rich_text ul li:before {
 font-family:FontAwesome;
 font-size:14px;
 position:absolute;
 top:5px;
 left:-22px;
 color:#0c69ae;
 content:"\f00c";
 display:inline-block;
 line-height:1;
}

.complex .section .widget-type-linked_image img {
    max-width:480px;
    /*margin:auto;*/
    display:block;
    float:right;
}
.complex .section.alt .widget-type-linked_image img {
    float:left;
}

/* Integrations */
.complex .integrations {padding:20px 0 15px 0;}
.complex .integrations .row-fluid {
 display:-moz-box;
 display:-ms-flexbox; 
 display:-webkit-flex;
 display:flex; 
 -webkit-align-items:center;
    -moz-align-items:center;
     -ms-align-items:center; 
         align-items:center;
}

.complex .integrations img {max-width:115px; margin:auto; display:block;}
.complex .integrations .widget-type-text {font:12px Raleway, sans-serif; text-transform:uppercase;}
.complex .integrations .widget-type-text strong {font-weight:600;}

/* Testimonials */
.complex .testimonials.panel {
 background:#f7f7f7;
 background:-webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:   -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:        linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
 padding:60px 0 0 0;
 border-top:1px solid #e6e6e6;
}
.complex .testimonials > div:last-child {padding-bottom:40px; border-bottom:1px solid #e6e6e6;}

.complex .testimonials .hs_cos_flex-slider {background:transparent; margin:0; border-radius:0;}
.complex .testimonials .hs_cos_flex-slider * {color:#888;}

.complex .testimonials .hs_cos_flex-slider .hs_cos_flex-slides img {display:none!important;}

.complex .testimonials .hs_cos_flex-slider .superimpose .caption {
 background:transparent;
 font-size:14px;
 position:relative; 
 top:0; 
 width:100%; 
 max-width:740px;
 color:#888;
 margin:auto;
 padding:0;
 line-height:1;
}

.complex .testimonials .hs_cos_flex-slider .superimpose .caption p {font-size:16px; color:#888; margin:0 0 20px 0; font-weight:300;}
.complex .testimonials .hs_cos_flex-slider .superimpose .caption p::before,
.complex .testimonials .hs_cos_flex-slider .superimpose .caption p::after {
 font-size:18px;
 color:#0c69ae; 
 content:'\"';
 font-weight:600;
}

.complex .testimonials .hs_cos_flex-slider .superimpose .caption h4 {font-size:14px; color:#545457; margin:0; font-weight:600;}
.complex .testimonials .hs_cos_flex-slider .superimpose .caption h6 {font-size:12px; color:#8c8c91; margin:0; font-weight:100;}




/* -------- Rob's InstaCall Page -------- */
#rob-instacall-page-img { display:none; }
@media screen and (min-width:1130px) {
    #rob-instacall-page-img {
        display:block;
        position: relative;
        /*width: 43%;
        bottom: 100px;*/
        width: 33%;
        bottom: 40px;
        z-index: -10;
    }
}



/* -------- App Download -------- */
.app-download { background-color: #ffffff; }

/* Structure */
.app-download .body-container-wrapper {
 min-height:0;
}
.app-download .body-container-wrapper {padding-top:0;}
.app-download .footer-container-wrapper, .app-download .header-container-wrapper {display:none;}

/* Intro */
.app-download .intro {padding-bottom:30px !important;}
.app-download .intro .logo {padding:0; text-align:center;}
.app-download .intro .logo img {
 height: 42px !important;
 width: auto !important;
}

/* Download-Section */

.app-download .download-section-wrapper {
    padding:0 0 120px 0 !important;
    margin: auto;
}
.app-download .download-section-wrapper .section-header {
    max-width: 380px;
    margin: auto;
}
.app-download .download-section-wrapper h1 {position:relative; padding:0 0 20px 0;}
.app-download .download-section-wrapper h1:after {
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

.app-download .download-section-wrapper .download-section {border-radius:4px;}
.app-download .download-section-wrapper .download-section h1 {font-size:32px; padding:0; text-align:center;}
.app-download .download-section-wrapper .download-section h1:after {display:none;}

.app-download .download-section-wrapper .download-section h2 {margin:0; padding:0;}
.app-download .download-section-wrapper .download-section h2:after {display:none;}

.app-download .download-section-wrapper .download-section h3 {display:none;}

div.accordian-panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.app-download #download-img {
    background-color: #f2f2f2;
    padding-top: 50px;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width:768px) {
    
    .app-download #download-img { min-height: 100vh; }
    .app-download #download-img img {
        position: absolute;
        margin-left: 80px;
        height: 40vw !important;
        max-height: 60vh !important;
        width: auto !important;
        max-width: none !important;
    }
}


/* -------- Developer -------- */
/*.developer .page-header h1 {text-align: center; max-width: 800px; margin: auto;}*/

.developer .webrtc-demo { max-width: 950px; margin: auto !important; float: none; }
.developer .webrtc-demo iframe { min-height: 350px; border: 5px solid #dddfe0;}
.developer .webrtc-demo h3 {
    font-size: 14px;
    position: relative;
    color: #0b304a;
    padding: 0 0 20px 0;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.developer .webrtc-demo h3:after {
    background: #e6e6e6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 30px;
    height: 2px;
    margin: auto;
    content: "";
    display: block;
}
.developer .webrtc-demo .webrtc-demo-details { padding: 10px 10% 0; }
.developer .webrtc-demo .cta { text-align: center; }

.developer .dev-home-features {
 border-top:1px solid #e6e6e6;
 background:#f7f7f7;
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:    -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
 background:         linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
}
.developer .dev-home-features h2 { max-width: 685px; margin: 0 auto 60px; text-align:center; }
.developer .dev-home-features h3 {font-size:13px; position:relative; color:#0c69ae; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
.developer .dev-home-features h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}
.developer .dev-home-features .icon {
 max-width:100px;
 padding:10px;
 border:2px solid #e6e6e6;
 text-align:center;
 border-radius:50%; 
 overflow:hidden;
}

@media screen and (max-width:767px) {
    .developer .dev-home-features .icon {
        margin-bottom: 20px;
    }
}

.developer .dev-home-features .widget-type-raw_jinja > .row-fluid {margin-bottom:40px;}
.developer .dev-home-features .widget-type-raw_jinja > .row-fluid:last-child {margin:0;}
.developer .dev-home-features .cta {background:transparent; padding:0; text-align:center;}
.developer .dev-home-features .cta .cta_button > span {background:#b3b3b3; padding:20px 40px; color:#fff;}

.developer .full-width-cta {background:#071f30; padding:80px 0; text-align:center;}
.developer .full-width-cta .row-fluid {min-height:1px;}

.developer .full-width-cta h2 {font-size:36px; color:#fff; margin:0 30px 0 0; padding:0; font-weight:100; display:inline-block;}
.developer .full-width-cta h2:after {display:none;}

.developer .full-width-cta .cta_button > span {
 font-size:16px; 
 padding:20px 25px; 
 display:inline-block;
 vertical-align:top;
}

/* - Developer Features -*/
.developer .developer-features {
 border-top:none;
 background:#ffffff;
}

.developer .cta-alt {background:#e6e6e6; padding:60px 0;}
.developer .cta-alt h2 {font-size:28px; color:#0b304a; line-height:56px;}
.developer .cta-alt .cta_button > span {background:#0c69ae; font-size:16px;}

/* - Developer Docs - */
.developer-docs .sidenav ul li a.nested-docs {
 background:#ffffff;
 width:168px;
 color:#b3b3b3;
 display:inline-block;
 padding:9px 20px;
 font:12px Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:800;
 letter-spacing:1px;
 line-height:1;
 text-align:center;
 text-transform:uppercase;
 white-space:normal;
 vertical-align:middle;
 cursor:pointer;
 border:1px solid #b3b3b3;
 border-radius:30px;
 -webkit-appearance:none;
 -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
     -ms-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;       
}

.developer-docs .sidenav ul li a:hover,
.developer-docs .sidenav ul li a:focus,
.developer-docs .sidenav ul li a.active {
 background: #b3b3b3;
 color: #ffffff;
 text-decoration:none;
}

.developer-docs .sidenav ul li a.nested-docs:hover,
.developer-docs .sidenav ul li a.nested-docs:focus,
.developer-docs .sidenav ul li a.nested-docs.active {
 background:#ffffff;
 color:#b3b3b3;
 text-decoration:none;
 border:1px solid #b3b3b3;
}

.developer-docs .sidenav ul li a.nested-docs.last { margin-bottom: 30px; }

.developer-docs aside {
  font-size: 0.9em;
  padding: 1em;
  border: 1px dashed #CECECE;
  background: #FFF4EF;
  margin-bottom: 1em;
}

.developer-docs pre {
  background: #f4f6f7;
  white-space: pre;
  border: 0;
  font-size: 12px;
  line-height: normal;
}

.developer-docs table { margin-bottom: 30px; }

.developer-docs th, .developer-docs td {
    padding: 5px;
    border: 1px solid #b3b3b3;
    vertical-align: top;
    word-break: break-word;
}

.developer-docs div.highlighter-coderay { margin-bottom: 30px; }

.developer-docs table.CodeRay {
  border: 1px solid #cecece;
  background: #f4f6f7;
  overflow: auto;
  display: block;
  margin-bottom: 0;
}

.developer-docs td.code, td.line-numbers { border: none; }

.developer-docs td.code { padding-left: 0; }

.developer-docs td.line-numbers { padding-right: 0; }
.developer-docs td.line-numbers pre { text-align: right; }

.developer-docs table.CodeRay pre { margin-bottom:0; }

.developer-docs iframe { min-width: 100%; }


/* -------- Video Template -------- */
.video-page {}
.video-page .widget-type-cta {text-align:center;}


/* -------- Error Pages -------- */
._404 .section h3 {font-size:14px; position:relative; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
._404 .section h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

._500 .section h3 {font-size:14px; position:relative; padding:0 0 20px 0; font-weight:700; text-transform:uppercase;}
._500 .section h3:after {
 background:#e6e6e6;
 position:absolute;
 bottom:0; 
 left:0;
 right:0;
 width:30px;
 height:2px;
 content:"";
 display:block;
}

/* -------- Subscriptions -------- */
.subscriptions {}
.subscriptions .logo {padding:29px 0;}
.subscriptions .scroll .logo {padding:19px 0;}

.subscriptions #hs_menu_wrapper_default {display:none;}

.subscriptions .body-container-wrapper {padding-top:100px;}

.subscriptions table {width:100%;}

.subscriptions .panel {padding:0;}


/* -------- Footer -------- */
.footer-container-wrapper {background:#f2f2f2; padding:60px 0 40px; color:#6f6f70;}

.footer-container {font-size:13px;}
.footer-container a {letter-spacing:1px;}
.footer-container ul {list-style:none; margin:0; padding:0;}

.footer-container h3 {
 font-size:13px; 
 position:relative;
 color:#9e9e9e;
 padding:0 0 20px 0;
 font-weight:700;
 text-transform:uppercase;
}
.footer-container h3:after {
 background:#d2d2d2;
 position:absolute;
 bottom:0;
 width:175px;
 height:2px;
 content:"";
 display:block;
}

/* Sitemap */
.footer-container .sitemap {margin-bottom:80px;}

/* Social */
.footer-container .social {}
.footer-container .social img {max-width:120px; margin:2px 20px -12px 0;}

.footer-container .social a {margin:0 4% 0 0; display:inline-block; vertical-align:middle;}
.footer-container .social a i {
 background:#b3b3b3;
 font-size:25px;
 width:30px;
 padding:5px;
 color:#fff;
 line-height:30px;
 text-align:center; 
 border-radius:50%;
 -webkit-transition:all 0.25s ease-out; 
    -moz-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out; 
}
.footer-container .social a:hover i {background:#f67f44;}

.footer-container .social a i.fa-envelope {font-size:22px; text-indent:2px;}

.footer-container .social a#madeinny img {
 margin: 0;
 background:#b3b3b3;
 font-size:25px;
 width:30px;
 padding:5px;
 color:#fff;
 line-height:30px;
 text-align:center; 
 border-radius:50%;
 -webkit-transition:all 0.25s ease-out; 
    -moz-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out; 
}
.footer-container .social a#madeinny:hover img {background:#f67f44;}

/* CTAs */
.footer-container .ctas {text-align:right;}
.footer-container .ctas a {margin:0 0 0 10px; font-weight:800;}
.footer-container .ctas .hs-button {background:#b3b3b3;}
.footer-container .ctas .hs-button:hover {background:#c0c0c0;}

/* Copyright */
.footer-container .copyright {margin-top:40px;} 
.footer-container .copyright a {/*color:#D2D2D2;*/ color: #6f6f70; letter-spacing:0;} /* malcolm - made copyright & terms darker - 8 june 2016 */


/* -------- LeadIn -------- */
.leadinModal {}
.leadinModal .leadinModal-content p {font-size:16px;}
.leadinModal .leadin-footer-wrapper p {font-size:10px; margin:0!important; padding:10px;}

.leadinModal .leadin-input-wrapper {max-width:465px; text-align:center;} 
.leadinModal .leadin-button-wrapper {max-width:465px; text-align:right;}

.leadinModal .leadin-button-primary {
 background:#f67f44;
 max-width:200px;
 color:#fff;
 display:inline-block;
 padding:12px 20px;
 margin:0 8px 0 0;
 font:13px Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:800;
 letter-spacing:1px;
 line-height:1;
 text-align:center;
 text-transform:uppercase;
 white-space:normal;
 vertical-align:middle;
 cursor:pointer;
 border:0 none;
 border-radius:30px;
 -webkit-appearance:none;
 -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
     -ms-transition:all 0.25s ease-out;
         transition:all 0.25s ease-out;       
}
.leadinModal .leadin-button-primary:hover,
.leadinModal .leadin-button-primary:focus {
 opacity:0.9;
 color:#fff;
 text-decoration:none;
}

.leadinModal .leadin-input-wrapper input {
 background:#f2f2f2;
 font-size:13px;
 max-width:410px;
 border:1px solid transparent;
 border-radius:3px;
 color:#808080;
 min-height:35px;
 outline:0 none;
 padding:12px!important;
 -webkit-appearance:none;
}

/* blogroll */
div#leadinModal-41387 .leadin-button-primary {background:#f67f44!important; font-weight:800!important; border-radius:30px !important;}
div#leadinModal-41387 .leadin-button-primary:hover,
div#leadinModal-41387 .leadin-button-primary:focus { background:#f67f44!important; }
/* individual posts */
div#leadinModal-47777 .leadin-button-primary {background:#f67f44!important; font-weight:800!important; border-radius:30px !important;}
div#leadinModal-47777 .leadin-button-primary:hover,
div#leadinModal-47777 .leadin-button-primary:focus { background:#f67f44!important; }


/* -------- Back to Top -------- */
a.btt {
  background:#052b3e;
  font-size:16px;
  display:inline-block;
  height:35px;
  width:35px;
  padding:5px;
  color:#fff;
  line-height:32px;
  position:fixed;
  bottom:30px;
  right:30px;
  overflow:hidden;
  text-align:center;
  white-space:nowrap;
  visibility:hidden;
  opacity:0;
  cursor:pointer;
  z-index:5;
  border-radius:50%;
  box-shadow:0 0 10px rgba(0, 0, 0, 0.2);  
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
          transition:all 0.3s;
}
.btt.btt-visible {
  /* the button becomes visible */
  visibility:visible;
  opacity:1;
}
.btt.btt-fade {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity:.5;
}
.no-touch .btt:hover {
  background-color:#232323;
  opacity:1;
}
@media only screen and (min-width: 768px) {
  .btt {
    right:20px;
    bottom:20px;
  }
}
@media only screen and (min-width: 1024px) {
  .btt {
    height:60px;
    width:60px;
    right:30px;
    bottom:30px;
  }
}

/* -------- Mobile Menu -------- */
.overflow-hidden {overflow:hidden;}

.body-container-wrapper {
 /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
 min-height:100%;
 position:relative;
 z-index:2;
 /* Force Hardware Acceleration in WebKit */
 -webkit-transform:translateZ(0);
 -webkit-backface-visibility:hidden;
 -webkit-transition-property:-webkit-transform;
    -moz-transition-property:   -moz-transform;
         transition-property:        transform;
 -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
         transition-duration:0.4s;
}

.body-container-wrapper.lateral-menu-is-open {
 /* translate to show the lateral menu */
 -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
     -ms-transform:translateX(-260px);
      -o-transform:translateX(-260px);
         transform:translateX(-260px);
}

#hs_menu_wrapper_mobile {display:none;}

#menu-trigger {
  background:#fff;
  position:absolute;
  top:0;  
  right:0;
  height:100%;
  width:58px;
  display:none;
  cursor:pointer;
}

#menu-trigger .menu-icon {
  /* this span is the central line in the menu menu */
  position:absolute;
  top:50%;
  bottom:auto;  
  left:auto;
  right:1.25em;
  display:inline-block;  
  -webkit-transform:translateX(0%) translateY(-50%);
     -moz-transform:translateX(0%) translateY(-50%);
      -ms-transform:translateX(0%) translateY(-50%);
       -o-transform:translateX(0%) translateY(-50%);
          transform:translateX(0%) translateY(-50%);
  width:24px;
  height:3px;
  background-color:#052b3e;
  /* these are the upper and lower lines in the menu menu */
}
#menu-trigger .menu-icon::before, #menu-trigger .menu-icon:after {
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  background-color:inherit;
  left:0;
}

#menu-trigger .menu-icon::before {bottom:6px;}
#menu-trigger .menu-icon::after {top:6px;}

#menu-trigger.is-clicked .menu-icon {
  background-color:rgba(5, 43, 62, 0);
}
#menu-trigger.is-clicked .menu-icon::before, #menu-trigger.is-clicked .menu-icon::after {
  background-color:#052b3e;
}
#menu-trigger.is-clicked .menu-icon::before {
  bottom:0;
  -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
       -o-transform:rotate(45deg);
          transform:rotate(45deg);
}
#menu-trigger.is-clicked .menu-icon::after {
  top:0;
  -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
       -o-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

#lateral-nav {
  position:absolute;
  height:100%;
  right:0;
  top:0;
  display:none;
  visibility:hidden;
  /* the secondary navigation is covered by the main element */
  z-index:1;
  width:260px;
  background-color:#242e30;
  overflow-y:auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  -webkit-transition:-webkit-transform .4s 0s, visibility 0s .4s;
     -moz-transition:   -moz-transform .4s 0s, visibility 0s .4s;
          transition:        transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform:translateX(80px);
     -moz-transform:translateX(80px);
      -ms-transform:translateX(80px);
       -o-transform:translateX(80px);
          transform:translateX(80px);
}
#lateral-nav ul {
  margin:20px 0;
}
#lateral-nav .sub-menu {
  padding:0 10px 20px 15px;
  display:none;
}
#lateral-nav a {
  font:14px Raleway, sans-serif;
  padding:0 16px 0 32px;  
  color:#aab5b7;  
  display:block;
  line-height:2em;
  font-weight:600;
  text-transform:uppercase;  
}
#lateral-nav .active a {
  background-color:#3a4a4d;
  color:#fff;
}
.no-touch #lateral-nav a:hover {
  color:#fff;
}
@media only screen and (min-width:768px) {
  #lateral-nav ul.active-branch {
    margin:20px 0;
  }
}
#lateral-nav.lateral-menu-is-open {
 display:block;    
  visibility:visible;
  -webkit-transform:translateX(0);
     -moz-transform:translateX(0);
      -ms-transform:translateX(0);
       -o-transform:translateX(0);
          transform:translateX(0);
  -webkit-transition:-webkit-transform .4s 0s, visibility 0s 0s;
     -moz-transition:   -moz-transform .4s 0s, visibility 0s 0s;
          transition:        transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling:touch;
}

/* Secondary menu */
#lateral-nav .secondary {margin:0; padding:0;}
#lateral-nav .secondary a {
  position:relative;
  font-weight:300;  
  text-transform:none;
}

#lateral-nav .secondary a i {color:#1197fa; margin:0 4px 0 0; display:inline-block; vertical-align:middle;}
#lateral-nav .secondary a img {max-width:14px; margin:0 4px 0 0; display:inline-block; vertical-align:middle;}

/* Child items  */
#lateral-nav .item-has-children > a::after {
  content:'';
  display:block;
  height:11px;
  width:8px;
  position:absolute;
  top:50%;
  bottom:auto;
  -webkit-transform:translateY(-50%);
     -moz-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
       -o-transform:translateY(-50%);
          transform:translateY(-50%);
  right:1em;
  background:url("../img/arrow.svg") no-repeat center center;
  background-size:8px 11px;
  -webkit-transition-property:-webkit-transform;
     -moz-transition-property:   -moz-transform;
          transition-property:        transform;
  -webkit-transition-duration:0.2s;
     -moz-transition-duration:0.2s;
          transition-duration:0.2s;
}
#lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform:translateY(-50%) rotate(90deg);
     -moz-transform:translateY(-50%) rotate(90deg);
      -ms-transform:translateY(-50%) rotate(90deg);
       -o-transform:translateY(-50%) rotate(90deg);
          transform:translateY(-50%) rotate(90deg);
}


/* -------- Mobile Adjustments -------- */
/* Large desktop */
@media (max-width: 1350px) { .home .hero {padding:2.5% 0 50% 0;} }
@media (max-width: 1200px) {
    
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe {text-align:center;}
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_email {width:100%; margin:0 auto 15px auto; float:none; display:block;}
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_submit {margin:auto; display:inline-block;} 

}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {   

  .header-container-wrapper {padding:20px 0;}
  .header-container-wrapper .header-top {display:none!important;}

  .header-container-wrapper .logo img, .scroll .logo img {max-width:100px;}
 
  .header-container-wrapper #hs_menu_wrapper_default, .header-container-wrapper #hs_menu_wrapper_developer {display:none;} 
 
  #hs_menu_wrapper_mobile {display:block;} 
  #menu-trigger {display:block;}

  .header-container-wrapper {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   z-index:3;
   /* Force Hardware Acceleration in WebKit */
   -webkit-transform:translateZ(0);
   -webkit-backface-visibility:hidden;
   -webkit-transition-property:-webkit-transform;
      -moz-transition-property:   -moz-transform;
           transition-property:        transform;
   -webkit-transition-duration:0.4s;
      -moz-transition-duration:0.4s;
           transition-duration:0.4s;
  }
 
  .header-container-wrapper.lateral-menu-is-open {
   /* translate to show the lateral menu */
   -webkit-transform:translateX(-260px);
      -moz-transform:translateX(-260px);
       -ms-transform:translateX(-260px);
        -o-transform:translateX(-260px);
           transform:translateX(-260px);
  }
 
  .header-container-wrapper.is-fixed {position:fixed;} 
 
  .header-container {position:static;}
  .header-container .ctas {display:none;}

  .body-container-wrapper {padding-top:72px;}    
  
  .body-container .panel {padding:60px 0;}
  
  .utility .span6 a {padding:80px 20px;}  
  
  .home .hero {padding:2% 0 54% 0;}
  .home .hero h4 {font-size:42px; margin-bottom:10px;}  
  .home .hero h2 {font-size:16px;}
  
  .home .hero .cta-wrap {margin:10px auto;}  

  .why .blocks:first-child .block:after {bottom:-190px; right:0; width:600px; height:400px;}
  .why .vertical-align-end .row-fluid {display:flex; align-items:flex-end;}

  .landing .body-container-wrapper {padding-top:90px;}
  .landing .header-container-wrapper {padding:0;} 

  .pricing .plans .row-fluid {
    display:-ms-flexbox; 
    display:-webkit-flex; 
    display:flex;
    -webkit-flex-direction:column-reverse;
        -ms-flex-direction:column-reverse;
            flex-direction:column-reverse;
  }
  .pricing .plans .span4 {min-width:48%; margin-bottom:60px;}
  .pricing .plans .span4:last-child {float:none; margin:auto;}
  .pricing .plans .value p {font-size:14px;}
  
  .resell .section.alt .span6:last-child {padding-top:15%;}
  
  .app .blocks:first-child .block {padding-bottom:180px;}
  .app .blocks:first-child .block::after {top:60%; width:520px; height:370px;}
  .app .blocks .block .span6 {width:99.9%;}  
  .app .blocks .block.alt {padding-top:200px; padding-bottom:55px;}   
  
  .ppc .sidebar {margin-top:0;}
  .ppc .clients .span2 {width:33.3%; margin:auto; border:0 none;}
  .ppc .clients img {margin:auto;}
  
  .complex .body-container-wrapper {padding-top:0;}
  .complex .header-container-wrapper h4 {font-size:10px; padding:0 0 0 32px;}
  .complex .hero .section-header h1 {font-size:42px; margin:30px 0 10px 0; line-height:1.2;}
  .complex .integrations {padding:30px 0;}
  .complex .integrations .row-fluid {
    -webkit-flex-flow:row wrap;  
        -ms-flex-flow:row wrap; 
            flex-flow:row wrap; 
    -webkit-box-align:center; 
       -ms-flex-align:center; 
          align-items:center; 
    -webkit-box-pack:center; 
       -ms-flex-pack:center; 
     justify-content:center;	
  }
  .complex .integrations .span2 {
    -webkit-box-flex:1; 
      -ms-flex:1 1 25%; 
          flex:1 1 25%; 	
  }
  .complex .section .row-fluid {display:block;}
  .complex .section .widget-type-linked_image img {max-width:100%;}
  .complex .section.alt .widget-type-linked_image {margin-bottom:30px;}  
  
  .blog .post-meta .post-author {display:none;}

  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe {text-align:center;}
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_email {width:100%; margin:0 auto 15px auto; float:none; display:block;}
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_submit {margin:auto; display:inline-block;}    
 
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {    
    
  .header-container-wrapper {padding:20px 0;}
  .header-container-wrapper .header-top {display:none!important;}

  .header-container-wrapper .logo img, .scroll .logo img {max-width:100px;}
 
  .header-container-wrapper #hs_menu_wrapper_default, .header-container-wrapper #hs_menu_wrapper_developer {display:none;} 
 
  #hs_menu_wrapper_mobile {display:block;} 
  #menu-trigger {display:block;}

  .header-container-wrapper {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   z-index:3;
   /* Force Hardware Acceleration in WebKit */
   -webkit-transform:translateZ(0);
   -webkit-backface-visibility:hidden;
   -webkit-transition-property:-webkit-transform;
      -moz-transition-property:   -moz-transform;
           transition-property:        transform;
   -webkit-transition-duration:0.4s;
      -moz-transition-duration:0.4s;
           transition-duration:0.4s;
  }
 
  .header-container-wrapper.lateral-menu-is-open {
   /* translate to show the lateral menu */
   -webkit-transform:translateX(-260px);
      -moz-transform:translateX(-260px);
       -ms-transform:translateX(-260px);
        -o-transform:translateX(-260px);
           transform:translateX(-260px);
  }
 
  .header-container-wrapper.is-fixed {position:fixed;} 
 
  .header-container {position:static;}
  .header-container .ctas {display:none;}

  .body-container-wrapper {padding-top:72px;}
  
  /*form.hs-form fieldset.form-columns-2 .input {margin-right:0;}*/  /* malcolm */

  .hero > .row-fluid {width:auto;}
  .hero h1 {font-size:36px;}
  .hero p {font-size:12px;}
  .hero br {display:none;}

  .features .icon {max-width:80px; margin:auto auto 20px auto;}

  .utility .span6 {width:100%;}
  .utility .form fieldset.form-columns-2 .hs-form-field {width:auto;}
  
  .home .hero {padding:4% 0 54% 0;}
  .home .hero h4 {font-size:42px; margin-bottom:10px;}  
  .home .hero h2 {font-size:16px;} 

  .home .hero .cta-wrap .cta_button > span {font-size:14px; padding:20px 30px;}  
  .home .hero .cta-wrap .hs-cta-wrapper .cta_button > span {margin:10px;}
  
  .home .cta h1 {font-size:25px; line-height:1.5;}  
  .home .cta .cta_button > span {font-size:25px; line-height:1.5;}
  .home .cta-alt h3 {font-size:24px; margin:0 0 10px 0; text-align:center;}
  
  .home .clients h2 {font-size:24px; margin:0 0 30px 0;}
  .home .clients .span4 {width:33%; display:inline-block; border:0 none!important; vertical-align:top;}
  .home .clients img {width:auto; max-width:100%;}
  
  .home .feed h2 {font-size:32px;}

  .v2 .cta {padding:20px 0;}

  .overview .cta {text-align:center;}
  .overview .cta h2 {font-size:32px; margin:0 0 30px 0;}

  .overview .features h2 {font-size:24px; margin:0 0 30px 0;}

  .why .blocks .block {padding-bottom:80px;}
  .why .blocks .block.alt {padding-top:160px; padding-bottom:60px;}
  .why .blocks:first-child .block:after {bottom:-172px; right:0; width:525px; height:350px;}
  
  .why .blocks .block.alt .widget-type-linked_image {position:relative;}  
  .why .blocks .block.alt .widget-type-linked_image:after {
    position:absolute;
    bottom:-1px;
    width:100%;
    height:1px;
    display:block;
    content:"";
    background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(30%,#e6e6e6), color-stop(90%,#e6e6e6), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
    background:    -moz-linear-gradient(left, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
    background:     -ms-linear-gradient(left, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
    background:         linear-gradient(to right, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
  }  

  .solutions .cta, .app-product-page .cta, .app-product-page .cta-green {text-align:center;}
  .solutions .cta h2, .app-product-page .cta h2 {font-size:32px; margin:0 0 30px 0;}

  .solutions .features h2 {font-size:24px; margin:0 0 30px 0;}

  .pricing .plans .row-fluid {
    display:-ms-flexbox; 
    display:-webkit-flex; 
    display:flex;
    -webkit-flex-direction:column-reverse;
        -ms-flex-direction:column-reverse;
            flex-direction:column-reverse;
  }
  .pricing .plans .span6 {margin-bottom:60px;}   /* 2 Plans */
  .pricing .plans .span4 {margin-bottom:60px;}   /* 3 Plans */
  .pricing .plans .plan {max-width:none;}
  .pricing .plans .features {padding:0 15px 30px 15px;}
  
  .pricing .section .widget-type-rich_text {padding:30px 0;}
  
  .resell .buckets {padding-top:0;}
  
  .pricing .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:100%; padding:0;}
  .promos .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:100%; padding:0;}
  .resell .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:100%; padding:0;}
  
  .landing .body-container-wrapper {padding-top:90px;}
  .landing .header-container-wrapper {padding:0;}
  
  .app .blocks:first-child .block {padding-bottom:180px;}
  .app .blocks:first-child .block::after {top:57%; width:320px; height:320px;}
  .app .blocks .block {width:100%;}  
  .app .blocks .block.alt {paddding-top:140px; padding-bottom:55px;}  

  .ppc .header-container .row-fluid .span6 {width:49.5%;}
  .ppc .sidebar {margin-top:0;}
  .ppc .clients .span2 {width:33.3%; margin:auto; border:0 none; display:inline-block; vertical-align:top;}
  .ppc .clients img {margin:auto;}
  
  .boxed .header-container .row-fluid .span6 {width:49.5%;}
  .boxed .body-container .panel.form {background-image:none!important;}  
  .boxed .body-container .row-fluid .span5 {width:100%; float:none;}  
  .boxed .body-container .row-fluid .span7 {display:none;}
  .boxed .mobile-img {max-height:350px; display:block; overflow:hidden;}
  .boxed .clients {border-top:1px solid #e3e3e3;}    
  .boxed .clients .span2 {width:33.3%; margin:auto; border:0 none; display:inline-block; vertical-align:top;}
  .boxed .clients img {margin:auto;}
  
  .complex .body-container-wrapper {padding-top:0;}
  .complex .header-container-wrapper h4 {font-size:10px; padding:0 0 0 32px;}
  .complex .hero .section-header h1 {font-size:42px; margin:30px 0 10px 0; line-height:1.2;}
  .complex .hero .form {margin-top:30px;}  
  .complex .integrations {padding:30px 0;}
  .complex .integrations .row-fluid {
    -webkit-flex-flow:row wrap;  
        -ms-flex-flow:row wrap; 
            flex-flow:row wrap; 
    -webkit-box-align:center; 
       -ms-flex-align:center; 
          align-items:center; 
    -webkit-box-pack:center; 
    -   ms-flex-pack:center; 
     justify-content:center;	
  }
  .complex .integrations .span2 {
    -webkit-box-flex:1; 
      -ms-flex:1 1 25%; 
          flex:1 1 25%; 	
  }
  .complex .section .row-fluid {display:block;}
  .complex .section .widget-type-linked_image img {max-width:100%;}
  .complex .section.alt .widget-type-linked_image {margin-bottom:30px;}  
  
  .brad .header-container-wrapper, 
  .brad .body-container-wrapper {
    border:0 none;      
  }
  .brad .body-container .span6 {height:auto!important;}  
  .brad .body-container .span6:first-child .cell-wrapper {position:relative;}
  .brad .body-container .span6:last-child {display:block;}  

  .blog .post-meta {margin:0 0 10px 0;}
  .blog .post-meta .post-author {display:none;}
  .blog .post-meta .hs-author-avatar {margin:0 15px 0 0; display:inline-block;}
  .blog .post-meta .post-date {margin:0; border:0 none; display:inline-block;}
  
  .blog.hs-blog-post .post-meta {position:relative; overflow:hidden;} 
  .blog.hs-blog-post .post-meta .social {float:right; margin:10px 0 0 0;}
  
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe {text-align:center;}
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_email {width:100%; margin:0 auto 15px auto; float:none; display:block;}
  .release-notes .blog-meta .hs_cos_wrapper_type_blog_subscribe .hs_submit {margin:auto; display:inline-block;}    

  .footer-container .sitemap {display:none;}
  
  .footer-container .social {margin-bottom:20px; text-align:center;}
  .footer-container .social a {margin: 0 2% 0 2%; display:inline-block;}
  .footer-container .social img {margin: 0;}

  .footer-container .ctas {text-align:center;}
  .footer-container .ctas a {margin:10px;}

}

/* Landscape phones and down */
@media (max-width: 480px) {
    
  h1 {font-size:36px;}
  
  .body-container .panel {padding:40px 0;}
  
  form.hs-form fieldset.form-columns-2 .input {margin-right:0;} 

  .hero > .row-fluid {width:auto;}
  .hero h1 {font-size:36px;}
  .hero p {font-size:12px;}
  .hero br {display:none;}

  .features .icon {max-width:80px; margin:auto auto 20px auto;}

  .utility .span6 {width:100%;}
  .utility .form fieldset.form-columns-2 .hs-form-field {width:auto;}
  
  .video-pop {height:300px;}
  
  .home .hero {padding:4% 0 90% 0;}
  .home .hero > div {padding:0 10px;}  
  .home .hero h4 {font-size:42px; margin-bottom:10px;}  
  .home .hero h2 {font-size:16px; max-width:300px; margin-bottom:10px;}
    
  .home .hero .cta-wrap .cta_button > span {font-size:12px; padding:20px 40px;}  
  .home .hero .cta-wrap .hs-cta-wrapper .cta_button > span {margin:0 auto;}
  
  .home .hero .user {font-size:11px; max-width:100%; text-align:center;}
  
  .home .cta h1 {font-size:24px; line-height:1.5;}  
  .home .cta .cta_button > span {font-size:24px; line-height:1.5;}

  .home .clients h2 {font-size:24px; margin:0 0 30px 0;}
  .home .clients .span4 {width:33%; display:inline-block; border:0 none!important; vertical-align:top;}
  .home .clients img {width:auto; max-width:100%;}

  .v2 .hero .form-wrap form > div:first-child {width:100%; margin:0;}
  .v2 .hero .form-wrap .user {margin-top:10px; text-align:center;}

  .overview .cta {text-align:center;}
  .overview .cta h2 {font-size:32px; margin:0 0 30px 0;}

  .overview .features h2 {font-size:24px; margin:0 0 30px 0;}
  
  .why .blocks .block {padding-bottom:80px;}
  .why .blocks .block.alt {padding-top:140px; padding-bottom:60px;}
  .why .blocks:first-child .block:after {bottom:-128px; right:0; width:340px; height:267px;}  
  
  .why .blocks .block.alt .widget-type-linked_image {position:relative;}  
  .why .blocks .block.alt .widget-type-linked_image:after {
    position:absolute;
    bottom:-1px;
    width:100%;
    height:1px;
    display:block;
    content:"";
    background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(30%,#e6e6e6), color-stop(90%,#e6e6e6), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
    background:    -moz-linear-gradient(left, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
    background:     -ms-linear-gradient(left, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
    background:         linear-gradient(to right, #ffffff 0%, #e6e6e6 30%, #e6e6e6 90%, #ffffff 100%);
  }  
  
  .solutions .cta, .app-product-page .cta {text-align:center;}
  .solutions .cta h2, .app-product-page .cta h2 {font-size:32px; margin:0 0 30px 0;}

  .solutions .features h2 {font-size:24px; margin:0 0 30px 0;}

  .pricing .plans .span6 {margin-bottom:60px;}   /* 2 Plans */
  .pricing .plans .span4 {margin-bottom:60px;}   /* 3 Plans */
  
  .pricing .section .widget-type-rich_text {padding:30px 0;}
  
  .pricing .plans .plan .price h3 {font-size:48px; margin:20px 0 0 0;}

  .pricing .plans .plan .price, 
  .pricing .plans .plan .price:before, 
  .pricing .plans .plan .price:after {
    width:140px; 
    height:140px;
  }

  .pricing .plans .plan .price:before {width:180px; height:180px;}

  .pricing .plans .features {font-size:14px;}
  .pricing .plans .note p {font-size:13px;}
  .pricing .plans .value p {font-size:14px;} 
  
  .resell .section.alt {padding-top:0;}
  .resell .buckets {padding-top:0;}  
  
  .pricing .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:100%; padding:0;}
  .promos .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:100%; padding:0;}
  .resell .form .widget-type-form fieldset.form-columns-2 .hs-form-field {width:100%; padding:0;}

  .app .blocks:first-child .block {padding-bottom:100px;}
  .app .blocks:first-child .block::after {top:79%; width:320px; height:245px;}
  .app .blocks .block.alt {padding-top:140px;}

  .ppc .row-fluid .span6 {width:100%; text-align:center;}  
  .ppc .row-fluid .span6:last-child {display:none;}   
  .ppc .clients .span2 {width:48.5%; margin:auto; border:0 none; display:inline-block; vertical-align:top;}
  .ppc .clients img {margin:auto;}  
  
  .boxed .row-fluid .span6 {width:100%; text-align:center;}  
  .boxed .row-fluid .span6:last-child {display:none;}  
  .boxed .clients {border-top:1px solid #e3e3e3;}    
  .boxed .clients .span2 {width:48.5%; margin:auto; border:0 none; display:inline-block; vertical-align:top;}
  .boxed .clients img {margin:auto;}  
  
  .complex .body-container-wrapper {padding-top:0;}
  .complex .header-container-wrapper h4 {font-size:10px; padding:0 0 0 32px;}
  .complex .hero .section-header h1 {font-size:42px; margin:30px 0 10px 0; line-height:1.2;}
  .complex .hero .form {margin-top:30px;}
  .complex .integrations {padding:30px 0;}
  .complex .integrations img {max-width:80px;}
  .complex .integrations .widget-type-text {font-size:10px;}
  .complex .integrations .row-fluid {
    -webkit-flex-flow:row wrap;  
        -ms-flex-flow:row wrap; 
            flex-flow:row wrap; 
    -webkit-box-align:center; 
       -ms-flex-align:center; 
          align-items:center; 
    -webkit-box-pack:center; 
    -   ms-flex-pack:center; 
     justify-content:center;	
  }
  .complex .integrations .span2 {
    -webkit-box-flex:1; 
      -ms-flex:1 1 25%; 
          flex:1 1 25%; 	
  }
  .complex .section .row-fluid {display:block;}
  .complex .section .widget-type-linked_image img {max-width:100%;}
  .complex .section.alt .widget-type-linked_image {margin-bottom:30px;}  

  .brad .header-container-wrapper, 
  .brad .body-container-wrapper {
    border:0 none;      
  }
  .brad .body-container .span6 {height:auto!important;}  
  .brad .body-container .span6:first-child .cell-wrapper {position:relative;}
  .brad .body-container .span6:last-child {display:block;}

  .blog.hs-blog-post .post-meta .post-date {display:none;}

  .footer-container .sitemap {display:none;}
  
  .footer-container .social {margin-bottom:20px; text-align:center;}
  .footer-container .social a {margin: 0 2% 0 0; display:inline-block;}

  .footer-container .ctas {text-align:center;}
  .footer-container .ctas a {margin:10px;}

}

/* -------- Browser Specific -------- */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    
  .header-container .hs-button, 
  .footer-container .hs-button {
   padding:12px;
  }
  
  .header-container .ctas a {margin:0 0 0 5px;}
  
  .cs button {line-height:16px;}
 
}