/** -------- Fonts -------- **/
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

@font-face {
  font-family:'slick';
  font-weight:normal;
  font-style:normal;
  src:url('//www.onsip.com/hubfs/fonts/slick.eot');
  src:url('//www.onsip.com/hubfs/fonts/slick.eot?#iefix') format('embedded-opentype'), 
    url('//www.onsip.com/hubfs/fonts/slick.woff') format('woff'), 
    url('//www.onsip.com/hubfs/fonts/slick.ttf') format('truetype'), 
    url('//www.onsip.com/hubfs/fonts/slick.svg#slick') format('svg');
}

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

/* Primary Swatches */








/* Secondary Swatches */





/* New Typography */









/* Grid */










.content_fixed_width {
  max-width:400px !important;
  /* width:100% !important;
  box-sizing:border-box !important;*/
  box-sizing:content-box !important;
  /* content-box: corrects mobile widths so that content is 400px wide, with padding outside. corrects product/promise/partner hero blob */
  /* border-box: corrects mobile nav being outside the frame to the right. gives middle section of home page padding on sides */
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 40px !important;
  float:none !important;
}
@media only screen and (min-width:768px) {.content_fixed_width {max-width:700px !important;}}
@media only screen and (min-width:1024px) {.content_fixed_width {max-width:900px !important;}}
@media only screen and (min-width:1440px) {.content_fixed_width {max-width:1320px !important;}}

/* -------- Global -------- */

* {outline:0 none;}
html, body {
  margin:0;
  padding:0;
}
body {
  font:400 16px/26px Roboto, Helvetica, Arial, sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a, a:hover, a:focus, a:visited {
  color:#3366FF;
  text-decoration:none; 
  -webkit-transition:all 0.2s ease-out; 
  -moz-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;  
}
a:hover, a:focus {color:#2446AD}
[class*="icon"] {
  -webkit-transition:all 0.2s ease-out; 
  -moz-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out; 
}
iframe {
  max-width:100%;
  margin:auto;
  display:block;}
img {
  max-width:100%;
  height:auto;
}
strong {font-weight:700;}
em {font-style:italic;}
h1, h2, h3, h4, h5, h6 {text-rendering:optimizelegibility;}
h1 {font:900 30px/34px Roboto, Helvetica, Arial, sans-serif;}
h2 {font:300 26px/32px Roboto, Helvetica, Arial, sans-serif;}
h3 {font:400 22px/30px Roboto, Helvetica, Arial, sans-serif;}
h4 {font:700 16px/26px Roboto, Helvetica, Arial, sans-serif;}
@media only screen and (min-width:1024px) {
  h1 {font:900 40px/48px Roboto, Helvetica, Arial, sans-serif;}
  h2 {font:300 34px/44px Roboto, Helvetica, Arial, sans-serif;}
  h3 {font:400 22px/26px Roboto, Helvetica, Arial, sans-serif;}
}
ul ul, ul ol, ol ol, ol ul {margin-bottom:0;}

figcaption {
  font-size:12px;
  font-weight:bold;
  line-height:1.5;
  text-align:center;
  margin-top:20px;
}



/* -------- Animations -------- */
.slide-in {-webkit-animation-name:slide-in; animation-name:slide-in;}
@keyframes slide-in {
  0% {transform:translateY(-100%);}
  100% {transform:translateY(0);}
}



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

.header-container-wrapper {
  background:#FFFFFF;
  position:fixed;
  width:100%;
  height:85px; /* address */
  padding:0 0;
  display:flex;
  box-shadow:inset 0 -1px 0 0 #e9e9e9;
  align-items:center;
  justify-content:space-between;
  z-index:101;
  -webkit-transition:transform 0.4s;
  -moz-transition:transform 0.4s;
  transition:transform 0.4s;
}
.header-container-wrapper .header-container {width:100%;}
.header-container-wrapper .header-container .header {
  /*width:100%;
  margin:auto;*/
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.header-container-wrapper .header-container .header .header__logo {max-width:100px; display:block;}
.header-container-wrapper .header-container .header .header__logo img { max-width: none; height: 33px; }
.header-container-wrapper .header-container .header .header__links {position:relative; display:flex; align-items:center;}
.header-container-wrapper .header-container .header .header__links .hs-menu-wrapper.hs-menu-flow-horizontal > ul {display:block;}
.header-container-wrapper .header-container .header .header__links .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a  {color:#2B2D35}
.header-container-wrapper .header-container .header .header__links .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active-branch a  {color:#3366FF}
.header-container-wrapper .header-container .header .header__links .hs-button, 
.header-container-wrapper .header-container .header .header__links .cta_button > span {
  font-size:14px;
  padding:10px 25px;
  margin-left:20px;
}

.header-container-wrapper .header-container .header .header__links .hs_cos_wrapper_type_cta { margin-bottom:10px; }

/* -------- 2022 Header -------- */
.home2022 .header {
  margin: 0 20px;
}

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

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

#menu-trigger {
  background:#FFFFFF;
  width:58px;
  height:58px;
  display:none;
  cursor:pointer;
  z-index:4;
}

#menu-trigger .menu-icon {
  background:#3366FF;
  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;
}

#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:#3366FF;
}
#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:fixed;
  height:100%;
  right:0;
  top:0;
  display:block;
  z-index:102;
  width:240px;
  padding:25px;
  background-color:#FFFFFF;
  -webkit-transform:translateX(300px);
  -moz-transform:translateX(300px);
  -ms-transform:translateX(300px);
  -o-transform:translateX(300px);
  transform:translateX(300px);
  -webkit-transition:-webkit-transform .4s 0s;
  -moz-transition:-moz-transform .4s 0s;
  transition:transform .4s 0s;
  box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.5);
}
#lateral-nav ul {list-style-type:none;}
#lateral-nav a {
  font:300 26px/32px Roboto, Helvetica, Arial, sans-serif;
  margin:0 0 10px 0;
  padding:0;
  color:#2B2D35 !important;
}
#lateral-nav .active a {
  /*background-color:#3a4a4d;
  color:#FFFFFF;*/
}
#lateral-nav.lateral-menu-is-open {
  display:block;
  -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;
  -moz-transition:-moz-transform .4s 0s;
  transition:transform .4s 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 li {margin-bottom:10px;}
#lateral-nav .secondary li a {
  font:400 16px/26px Roboto, Helvetica, Arial, sans-serif;
  font-weight:700;
}


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


@media screen and (max-width:1023px) {
  .header-container-wrapper {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
  }
  .header-container-wrapper.lateral-menu-is-open {
    /*-webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px);*/
  }

  .header-container-wrapper .header-container .header .header__links {display:none;}
  #hs_menu_wrapper_mobile {display:block;} 
  #menu-trigger {
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }
  .header-container-wrapper.is-fixed {position:fixed;} 
  .header-container {position:static;}
}



/* -------- Body -------- */
.body-container-wrapper {
  background:#FFFFFF;
  position:relative;
  min-height:100%;
  padding-top:85px;
  z-index:2;
  -webkit-transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  -webkit-transition:transform 0.4s;
  -moz-transition:transform 0.4s;
  transition:transform 0.4s;
}



/* -------- Footer -------- */

.footer-container-wrapper {
  background:#FFFFFF;
  position:relative;
  z-index:2;
  font-size:14px;
  padding:0 0;
  margin-top:60px;
}

.footer {margin:auto;}
.footer a, .footer a:hover {color:#3366FF;}
.footer ul {list-style:none; margin:0; padding:0;}
.footer li {margin:0 0 10px 0;} /* address */
.footer li:last-child {margin:0;}

.footer .sitemap,
.footer .subfooter {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

/* Sitemap */
.footer .sitemap {padding:60px 0 40px 0;} /* address */

/* Subfooter */
.footer .subfooter {
  padding:40px 0;
  align-items:center;
  border-top:1px solid #E9E9E9;
}

.footer .subfooter .social a {
  color:#FFFFFF;
  display:inline-block;
  vertical-align:middle;
}
.footer .subfooter .social .fa {
  background:#3366FF;
  font-size:18px;
  width:20px;
  height:20px;
  margin:0 15px 0 0;
  padding:5px;
  line-height:20px;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  border-radius:50%;
}

.footer .subfooter .social .mark {
  max-width:80px;
  display:block;
  margin:0 auto 20px;
}
@media only screen and (min-width:768px) {
  .footer .subfooter .social .mark {
    margin:0 15px 0 0;
    display:inline-block;
  }
}

@media (min-width:768px) and (max-width:1023px) {
  /* Footer */
  .footer .subfooter {-webkit-flex-direction:column; flex-direction:column;}
  .footer .subfooter {text-align:center;}
  .footer .footer__col {margin-bottom:30px;}
}

@media(max-width:767px) {
  /* Footer */
  .footer .sitemap {display:none;}
  .footer .subfooter {-webkit-flex-direction:column; flex-direction:column;}
  .footer .subfooter {text-align:center;}
  .footer .footer__col {margin-bottom:30px;}
}

/* -------- 2022 Footer -------- */

.home2022 .footer .subfooter {
  background-color: #EFE8DF;
}

.home2022 .footer .subfooter .social .mark {
  display: inline-block;
  margin: 8px 19px 0 0;
}

.home2022 .footer .subfooter .legal__mobile {
  display: block;
}

.home2022 .footer .subfooter .legal__desktop {
  display: none;
}
.home2022 .footer .footer__col {
  margin-bottom: 20px;
}

@media only screen and (min-width:768px) {
  .home2022 .footer .sitemap {
    margin: 0 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home2022 .footer .subfooter div:first-child {
    margin-left: 20px;
  }

  .home2022 .footer .subfooter div:last-child {
    margin-right: 20px;
  }
  .home2022 .footer .subfooter .social .mark {
    display: inline-block;
    margin: 4px 19px 0 0;
  }
  .home2022 .footer .subfooter .legal__mobile {
    display: none;
  }
  .home2022 .footer .subfooter .legal__desktop {
    display: block;
  }
}


/* -------- Forms -------- */

.form-title {margin:0;}
.hs-form {margin-top:-25px;}
.hs-main-font-element {margin-bottom:-10px;}
.hs-form .hs-submit {margin-top:20px;}
.hs-form fieldset {max-width:none!important; margin:0;}
.hs-form label {
  position:relative;
  top:10px;
  font-size:13px;
  left:10px;
  background:#FFFFFF;
  z-index:2;
  padding:0 5px;
}
.hs-form .hs-input:focus {
  color:#2B2D35;
  border:1px solid #3366FF;
}
.hs-form input.hs-input[type="radio"].hs-input, .hs-form input.hs-input[type="checkbox"].hs-input {
  background:transparent;
  width:auto;
  min-width:10px;
  min-height:1px;
  border:0 none;
  border-radius:0;
}
.hs-form input.hs-input[type="radio"].hs-input {-webkit-appearance:radio; -ms-appearance:radio;}
.hs-form input.hs-input[type="checkbox"].hs-input {-webkit-appearance:checkbox; -ms-appearance:checkbox;}
.hs-form input.hs-input[type="file"] {border:0 none;}
.hs-form textarea.hs-input {
  width:100%!important;
  min-height:175px;
}
.hs-form .inputs-list {
  margin:0!important;
  padding:0;
  list-style:none;
}
.hs-form .inputs-list li input {
  min-height:1px;
  margin:0 5px 0 0;
  padding:0;
  border:0 none;
  vertical-align:middle;
}
.hs-form .hs-input, .hs-search-field .hs-search-field__bar input {
  font:400 16px/26px Roboto, Helvetica, Arial, sans-serif;
  background:transparent;
  position:relative;
  width:100%;
  min-width:100%;  
  height:63px;
  color:#2B2D35;
  border:1px solid #a4a5a7; 
  outline:0 none;
  overflow:hidden;
  border-radius:8px;
  -webkit-appearance:none;
}
.hs-form .hs-input {padding:20px 15px!important;}
.hs-search-field .hs-search-field__bar input {padding:20px 55px 20px 15px !important;}

@media only screen and (max-width:767px) {
  .hs-form-field {width:100% !important}
  .hs_submit > div > input {width:calc(100% - 8px);} /* check */
}



/* Errors */

.hs-form .hs-error-msgs li label, label.error {
  color:#E2185B;
  margin:0;
  display:block;
  position:static;
  padding:0;
}
.hs-form .hs-input.invalid, .hs-form .hs-input.error {border-color:#E2185B;}
.hs-form .hs-form-required {
  color:#E2185B;
  margin-left:2px;
  display:none;
}
option[value=""][disabled] {display:none;}
select:required:invalid {color:#C4C4C4;}
.select-wrapper {position:relative;}
.select-wrapper.signup-dropdown:after {
  content:"";
  width:0px;
  height:0px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #A4A5A7;
  position:absolute;
  bottom:calc((100% - 10px)/ 2 - 5px); /* 10px = margin-top, 5px = half the size of the arrow */
  right:20px;
  pointer-events:none;
  background:#FFFFFF;
}
option {color:#2B2D35}



/* -------- Buttons -------- */

.hs-button, 
.cta_button > span,
.cta_button > div.inline-cta > span {
  font:400 16px/26px Roboto, Helvetica, Arial, sans-serif;
  padding:12px 30px; 
  border:0 none; 
  display:inline-block; 
  font-weight:400;
  line-height:1;
  text-align:center;
  vertical-align:middle;
  /*white-space:nowrap;*/
  cursor:pointer;
  border-radius:8px;
  -webkit-appearance:none;
}

.hs-button, 
.cta_button > span,
.cta_button > div.inline-cta > span,
.hs-button:hover, 
.hs-button:focus,
.cta_button > span:hover, 
.cta_button > span:focus,
.cta_button > div.inline-cta > span:hover,
.cta_button > div.inline-cta > span:focus {
  background:#3366FF;
  color:#FFFFFF;
}

.cta_button img, .hs-button img {display:none;}  

.cta_button > div.inline-cta {margin:40px 0;}
@media only screen and (min-width:768px) {
  .cta_button > div.inline-cta {margin:40px 40px;}
}
.cta_button > div.inline-cta > span {margin:20px;}
.cta_button > div.inline-cta > h4 {color:#2B2D35;}


/* Slider */

.slick-loading .slick-list {background:#FFFFFF url() 50% no-repeat;}
.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}
.slick-list {
  position:relative;
  margin:0;
  padding:0;
  display:block;
  overflow:hidden;
}
.slick-list:focus {outline:none;}
.slick-list.dragging {
  cursor:pointer; /* malcolm  - not sure this is doing anything */
  cursor:hand; /* malcolm  - not sure this is doing anything */
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}
.slick-track {
  position:relative;
  top:0;
  left:0;
  margin-left:auto;
  margin-right:auto;
  display:block;
}
.slick-track::before, .slick-track::after {
  content:'';
  display:table;
}
.slick-track::after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {
  height:100%;
  min-height:1px;
  float:left;
  display:none;
}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {
  display:block;
  height:auto;
  border:1px solid transparent;
}
.slick-arrow.slick-hidden {display:none;}
.slick-prev, .slick-next {
  background:transparent;
  font-size:0;
  line-height:0;
  position:absolute;
  bottom:-40px;
  display:block;
  width:20px;
  height:20px;
  padding:0;
  -webkit-transform:translate(0, -50%);
  -ms-transform:translate(0, -50%);
  transform:translate(0, -50%);
  cursor:pointer;
  color:transparent;
  border:none;
  outline:none;
  z-index:2;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color:transparent;
  outline:none;
  background:transparent;
}
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {opacity:1;}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {opacity:.25;}
.slick-prev::before, .slick-next::before {
  font-family:'slick';
  font-size:20px;
  line-height:1;
  opacity:.75;
  color:#D5F1EB;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.slick-prev {left:35px;}
.slick-prev::before {content:'←';}
[dir='rtl'] .slick-prev {right:20px; left:auto;}
[dir='rtl'] .slick-prev::before {content:'→';}
.slick-next {right:35px;}
.slick-next::before {content:'→';}
[dir='rtl'] .slick-next {right:auto;left:-25px;}
[dir='rtl'] .slick-next::before {content:'←';}
.slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {
  position:absolute;
  bottom:-30px;
  color:#FFFFFF;
  display:block;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align:center;
}
.slick-dots li {
  position:relative;
  color:#FFFFFF;
  display:inline-block;
  width:20px;
  height:20px;
  margin:0 5px;
  padding:0;
  cursor:pointer;
}
.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:20px;
  height:20px;
  padding:5px;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:none;
  background:transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {outline:none;}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {opacity:1;}
.slick-dots li button::before {
  font-family:'slick';
  font-size:6px;
  line-height:20px;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  content:'•';
  text-align:center;
  opacity:.25;
  color:#D5F1EB;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.slick-dots li.slick-active button::before {
  color:#D5F1EB;
  opacity:.75;
}



/* -------- Browser Specific -------- */
/* Safari */
@media not all and (min-resolution:.001dpcm) {
  @media {   
    .row-fluid [class*="span"]:first-child {margin-right:-1px;}
  }
}



/* -------- YouTube Responsive CSS for HubSpot -------- */ 

.hs-responsive-embed {
  position:relative; 
  height:0; 
  overflow:hidden; 
  padding-top:0; 
  padding-left:0; 
  padding-right:0;  
} 
.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
  position:absolute; 
  top:0; 
  left:0; 
  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:56.25%;} 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  background-color:#FFFFFF;
  box-shadow:0 4px 5px 0px rgba(0, 0, 0, 0.15);
  transition:none;
}











.hs-form ::-webkit-input-placeholder {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif; color:#2B2D35; opacity:1;}
.hs-form  :-moz-placeholder {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif; color:#2B2D35; opacity:1;}
.hs-form ::-moz-placeholder {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif; color:#2B2D35; opacity:1;} 
.hs-form  :-ms-input-placeholder {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif; color:#2B2D35; opacity:1;}
.hs-form ::input-placeholder {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif; color:#2B2D35; opacity:1;}
blockquote {
  font-style:italic;
  font-style:italic;
  border-left:2px solid #E9E9E9;
  margin-inline-start:20px;
  padding-inline-start:20px;
  margin-inline-end:0;
}



blockquote.pullquote {
  color:#3366FF;
  font:italic 300 26px/32px Roboto, Helvetica, Arial, sans-serif !important;
  margin:20px 0;
  padding:20px 0;
  border:3px solid #F6F6F7;
  border-left:0;
  border-right:0;
  display:flex;
  flex-direction:column;
}
@media only screen and (min-width:768px) {
  blockquote.pullquote {flex-direction:row;}
}
@media only screen and (min-width:1024px) {
  blockquote.pullquote {font:italic 300 34px/44px Roboto, Helvetica, Arial, sans-serif !important;}
}
/*blockquote.pullquote::before {
content:open-quote;
font-family:Didot, serif;
font-size:150px;
position:relative;
top:40px;
left:-20px;
color:#E9E9E9;
z-index:-100;
display:inline-block;
}*/


hr {
  background:#E9E9E9;
  height:1px;
  margin:30px 0;
  border:0 none;
}
table th {padding:15px 0;}
dl {margin-bottom:20px;}
dt, dd {line-height:20px;}
dd {margin-left:10px;}
address {margin:0 0 20px 0; display:block; font-style:normal; line-height:1.5;}
pre, code {
  font-family:Monaco, Menlo, Consolas, "Courier New", monospace;
  word-wrap:break-word; 
  white-space:pre; 
  white-space:pre-wrap;
  -webkit-border-radius:4px; 
  -moz-border-radius:4px; 
  border-radius:4px; 
}
pre {
  background-color:#F6F6F7;
  color:inherit;
  display:block;
  padding:20px;
  border:0;
  white-space:pre;
  white-space:pre-wrap;
}
cite {font-size:14px; display:block; font-style:italic; font-weight:400;}
small {font-size:85%;}
sub, sup {font-size:8px; margin-left:2px;}
sup {vertical-align:top;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}


fieldset .input {margin-right:0px !important;}

@media only screen and (min-width:1440px) {
  fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-2 .field, .utility .utility_container .utility_form .hs_submit > div > input {
    width:calc(50% - 36px) !important;
    margin-left:36px; !important
  }
}
@media only screen and (min-width:768px) and (max-width:1439px) {
  fieldset.form-columns-2 .field, .utility .utility_container .utility_form .hs_submit > div > input {width:calc(50% - 10px) !important;}
  fieldset.form-columns-2 .field:first-child {margin-right:10px !important;}
  fieldset.form-columns-2 .field:last-child, .utility .utility_container .utility_form .hs_submit > div > input {margin-left:10px !important;}
}

/* Form Home 2022 */

.home2022 label {
  display: none; 
}

.home2022 .form-columns-2 div:first-child {
  margin-left: 0; !important
}
.home2022 .input {
  margin-top: 10px;
  margin-bottom: 10px; !important
}

.home2022 .form-columns-1 input,
.home2022 .form-columns-1 .input {
  background-color: white;
  border-radius: 8px;
  border: none;
}
.home2022 .form-columns-2 input,
.home2022 .form-columns-2 .input {
  background-color: white;
  border-radius: 8px;
  border: none;
}

.home2022 select[name="numemployees"] {
  border: none;
}
@media only screen and (min-width:768px) {
.home2022 .form-columns-2 > * {
  margin-left: 36px;
}
}
@media only screen and (min-width:1440px) {
  .home2022 fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-2 .field, .utility .utility_container .utility_form .hs_submit > div > input .hs_email {
    width: calc(65%-36px); !important
  }
  .home2022 fieldset.form-columns-2 .hs_email {
    width: calc(60%-10px); !important
  }
  .home2022 fieldset.form-columns-2 .hs_phone {
    width: calc(40%-10px); !important
  }
}










































/* malcolm address */
/* top-bottom margins */
.home2020 #home_hero #home_hero_content_container {
  padding-top:30px;
  padding-bottom:30px;
  margin-top:185px;
}
.home2020 #home_hero #home_hero_content_container #home_hero_content h1 {margin:0 0 10px 0;}
.home2020 #home_hero #home_hero_content_container #home_hero_content p {margin:0 0 30px 0;}
.text_image_pairs {
  margin-top:60px;
  margin-bottom:60px;
}
.text_image_pairs h1 {margin:0;}
.text_image_pairs .all_pairings .pairing_container {margin-top:40px;}
.text_image_pairs .all_pairings .pairing_container .pairing_text h2 {margin-top:20px;}
.text_image_pairs .all_pairings .pairing_container .pairing_text p {margin-bottom:20px;}
.home2020 #home_blog_highlights h1 {
  padding-top:40px;
  padding-bottom:40px;
  margin:0;
}
.home2020 #home_blog_highlights #home_blog_posts {margin-bottom:20px;}
.home2020 #home_blog_highlights #home_blog_posts .home_individual_post {margin-bottom:40px;}
.home2020 #home_blog_highlights #home_blog_posts .home_individual_post h4 {margin:20px 0 15px 0;}
.testimonials__wrapper h1 {margin:50px 0 10px 0;}
.testimonials__wrapper .testimonials__inner .slick-slide > div {padding:25px 0;}
.testimonial .testimonial__content h4 {margin:0;}
.testimonial .testimonial__content span {margin:10px 0 10px 0;}
.testimonial .testimonial__content p {margin:0;}
.logos {margin-top:45px;}
.logos h2 {padding-top:10px;}
#partner_resources_container h2 {padding:30px 0 30px 0;}
.logos__item {margin-top:20px;}
.utility {margin-top:53px;}
.pricing2020 .utility h1 {margin:23px 0 20px 0;}
.pricing2020 .utility p {margin:0 0 34px 0;}
.utility #utility_phone_number {margin:20px 0 0 0;}
.signup2020 .logos {margin-top:80px;}
.signup2020 .logos h2 {margin-bottom:20px;}
#product_hero #product_hero_text_container #product_hero_text h1 {margin:40px 0 20px 0;}
#product_hero #product_hero_text_container #product_hero_text p {margin:0 0 30px 0;}
.product_text_image_pairs {padding-bottom:120px;}
.product_text_image_pairs .pairing_container {padding:60px 0 0 0;}
.promise2020 .pairing_text h2, .product2020 .pairing_text h2 {margin:30px 0 20px 0;}
.promise2020 .pairing_text p, .product2020 .pairing_text p {margin:0;}
.promise2020 .pairing_text span, .product2020 .pairing_text span {margin:10px 0 0 0;}
.customer_quotes {margin:60px 0 0 0;}
.customer_quotes h1 {margin:0 0 40px 0;}
.customer_quotes .all_quotes .individual_quote {margin:0 0 40px 0;}
.customer_quotes .all_quotes .individual_quote:last-child {margin:0;}
.customer_quotes .all_quotes .individual_quote .customer_quote_text {margin:0 0 10px 0;}
.customer_quotes .all_quotes .individual_quote .customer_quote_author {margin:0 0 5px 0;}
.customer_quotes .all_quotes .individual_quote .customer_quote_company {margin:0;}
.pricing2020 #pricing_header_section {margin:40px 0 0 0;}
.pricing2020 #pricing_header_section > h1 {margin:0;}
.pricing2020 .pricing_plans .all_plans .individual_plan {margin:20px 0 0 0}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_name {margin:0 0 20px 0;}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description > span {margin-bottom:20px;}
.pricing2020 .pricing_plans .divider {margin-top:33px;}
.pricing2020 .pricing_tables h2 {
  padding:40px 0;
  margin:40px 0;
}
.pricing2020 .pricing_tables span.table_header, .pricing_tables span.table_entry {padding:0 0 16px 0;}
.signup2020 h1 {margin:30px 0 32px 0;}
.signup2020 .disclaimer {margin-top:20px;}
.signup2020 .signup-or {margin:20px 0;}

@media only screen and (min-width:768px) {
  .home2020 #home_hero #home_hero_content_container {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
  }
  .home2020 #home_hero #home_hero_content_container #home_hero_content {
    padding-top:40px;
    padding-bottom:50px;
  }
  .text_image_pairs {margin-bottom:120px;}
  .text_image_pairs .all_pairings .pairing_container {margin-top:60px;}
  .text_image_pairs .all_pairings .pairing_container .pairing_text h2 {margin:0;}
  .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {margin:13px 0;}
  .home2020 #home_blog_highlights h1 {padding-top:0;}
  .testimonials__wrapper h1 {margin:80px 0 20px 0;}
  .testimonial .testimonial__content span {margin:10px 0 20px 0;}
  .logos h2 {
    padding-top:35px;
    padding-bottom:35px;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description > span:last-child {margin:0;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .more_details_link {margin:10px 0 0 0;}
  .signup2020 .disclaimer {
    margin-top:25px;
    padding-bottom:30px;
  }
  .signup2020 .logos h2 {
    padding-top:35px;
    padding-bottom:35px;
  }
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text h2 {margin:0 0 13px 0;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text p {margin:13px 0 0 0;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text span {margin:20px 0 0 0;}
}
@media only screen and (min-width:1024px) {
  .home2020 #home_hero #home_hero_content_container #home_hero_content {
    padding-top:90px;
    padding-bottom:50px;
  }
  .home2020 #home_hero #home_hero_content_container #home_hero_content h1 {margin-bottom:20px;}
  .home2020 #home_hero #home_hero_content_container #home_hero_content p {margin-bottom:35px;}
  .text_image_pairs {margin-bottom:70px;}
  .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {margin:18px 0;}
  .text_image_pairs .all_pairings .pairing_container .pairing_text p {margin-bottom:25px;}
  .testimonials__wrapper h1 {margin:100px 0 20px 0;}
  .testimonials__wrapper .testimonials__inner .slick-slide > div {padding:30px 0;}
  .testimonial .testimonial__content span {margin:10px 0 10px 0;}
  .logos h2 {
    padding-top:40px;
    padding-bottom:40px;
  }
  .pricing2020 .utility h1 {margin-top:33px;}
  .customer_quotes {padding:0;}
  .signup2020 .logos h2 {
    padding-top:40px;
    padding-bottom:40px;
  }
  .product_text_image_pairs .all_pairings .pairing_container {padding-top:80px;}
}

@media only screen and (min-width:1280px) {
  .text_image_pairs {margin-bottom:80px;}
  .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {margin:23px 0;}
  .text_image_pairs .all_pairings .pairing_container .pairing_text p {margin-bottom:30px;}
}

@media only screen and (min-width:1440px) {
  .utility .utility_container .utility_form {margin-top:105px;}
  .pricing2020 #pricing_header_section {margin-bottom:40px;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_name {margin:0 0 40px 0;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description > span:last-child {margin-bottom:20px;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .more_details_link {margin:0;}
}












/* Testimonials */

.testimonials__wrapper {text-align:center;}
.testimonials__wrapper .testimonials_header_wrapper {
  background-color:#EFE8DF;
}
.testimonials__wrapper .testimonials__inner .slick-slide > div {
  margin-left:10px; /* check */
  margin-right:10px; /* check */
}
.testimonial {
  background:#FFFFFF;
  width:260px;
  max-width:260px;
  padding:20px; /* check */
  border-radius:35px; /* check */
  box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.3);
  text-align:left;
}
.testimonial .testimonial__content {
  display:grid;
  grid-template-columns:65px auto;
}
.testimonial .testimonial__content img {
  border-radius:50%;
  grid-column:1 / span 1;
  grid-row:1 / span 1;
  width:50px;
}
.testimonial .testimonial__content h4 {
  grid-column:2 / span 1;
  grid-row:1 / span 1;
}
.testimonial .testimonial__content span {
  font:700 12px/1.25 Roboto, Helvetica, Arial, sans-serif;
  grid-column:1 / span 2;
  grid-row:2 / span 1;
}
.testimonial .testimonial__content p {
  grid-column:1 / span 2;
  grid-row:3 span 1;
}
.testimonial .testimonial__content.no-testimonial-image {display:block;}
.testimonial .testimonial__content.no-testimonial-image h4 br {display:none;}

@media only screen and (min-width:768px) {
  .testimonial {
    width:324px;
    max-width:324px;
  }
  .testimonial .testimonial__content {grid-template-columns:95px auto;}
  .testimonial .testimonial__content img {
    width:80px;
    grid-row:1 / span 2;
  }
  .testimonial .testimonial__content span {grid-column:2 / span 1;}
}

@media only screen and (min-width:1024px) {
  .testimonial {
    width:460px;
    max-width:460px;
  }
  .testimonial .testimonial__content {grid-template-columns:135px auto;}
  .testimonial .testimonial__content h4 br {display:none;}
  .testimonial .testimonial__content img {
    width:112px;
    grid-row:1 / span 3;
  }
  .testimonial .testimonial__content p {grid-column:2 / span 1;}
}

/* Testimonials 2022 */

.home2022 .testimonials__wrapper .trustpilot-video-container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  margin: 40px 20px;
}
.home2022 .testimonials__wrapper .trustpilot-video-container .embedded_video {
  width: 100%;
  height:auto;
  margin-bottom: 40px;
}

/*
.home2022 .testimonials__wrapper .testimonials__inner .slick-slide {
  width: calc(100vw-40px) !important;
}
.home2022 .testimonials__wrapper .testimonials__inner .slick-slide>div {
  width: 100%;
}
*/
/*
.home2022 .testimonials__wrapper .testimonials__inner .slick-current {
  display:block;
  width: 100%;
  margin: 0 20px;
}
*/

.home2022 .testimonials__wrapper .testimonials__inner .testimonial {
  border-radius: 8px; 
  min-height: 230px;
  width: 100%;
}

@media only screen and (min-width:768px) {
  .home2022 .testimonials__wrapper .trustpilot-video-container {
    flex-direction: row;
    margin: 60px auto;
  }
  .home2022 .testimonials__wrapper .trustpilot-video-container .embedded_video {
    width: 582px;
    height:325px;
  }
  .home2022 .testimonials__wrapper .trustpilot-video-container > * {
    margin-left: 27px;
    margin-right: 27px;
  }
  .home2022 .testimonials__wrapper .testimonials__inner .testimonial {
    width: 336px;  
  }
}

@media only screen and (min-width:1280px) {
  .home2022 .testimonials__wrapper > * {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .home2022 .testimonials__wrapper .testimonials_header_wrapper {
    width: 100vw;
    margin: 0
  }
}
/* Logos */

.logos {
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.logos h2 {
  background-image:url(https://info.onsip.com/hubfs/Oval-Customers.svg);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
.logos .logos__inner .logos__row {
  flex-direction:row;
  justify-content:space-around;
  display:flex;
  flex-wrap:wrap;
}
.logos .logos__inner .logos__row {width:100%;}
.logos .logos__inner .logos__row .logos__item {
  display:flex;
  align-items:center;
  margin-left:15px;
  margin-right:15px;
}
.logos .logos__inner .logos__row .logos__item img {
  -webkit-filter:grayscale(1);
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  width:100px;
}

@media only screen and (min-width:768px) {
  .logos .logos__inner .logos__row .logos__item img {width:175px;}
}
@media only screen and (min-width:1024px) {
  .logos .logos__inner .logos__row .logos__row {justify-content:space-between;}
  .logos .logos__inner .logos__row .logos__item img {width:150px;}
}
@media only screen and (min-width:1440px) {
  .logos .logos__inner .logos__row .logos__item img {width:200px;}
}

/* Logos 2022 */

.home2022 .logos {
  align-items:normal;
}

.home2022 .logos .logos__inner .logos__row .logos__item img {opacity:60%;}

@media only screen and (min-width:1280px) {
  .home2022 .logos {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Utility */

.utility {text-align:center;}
.utility form {text-align:left;}
.utility #utility_phone_number {display:block;}
.utility, .pricing_plans, .pricing_plans .all_plans, .pricing_plans .all_plans .individual_plan, .pricing_tables {
  display:flex;
  flex-direction:column;
  /*width:100%;*/
}
.utility .divider, .pricing_plans .divider, .contact_us_text .divider, .about_us_text .divider, 
.standardcallarea2020 .divider, .porting2020 .divider, .extendedcallarea2020 .divider, .phonenumberavailability2020 .divider {
  display:block;
  height:14px;
  background-image:url(https://info.onsip.com/hubfs/Line-F2.svg);
  background-position:right;
  background-repeat:no-repeat;
  background-size:cover;
  width:100vw;
  position:relative;
  right:-7px;
  align-self:flex-end;
}

@media only screen and (min-width:768px) {
  .utility .utility_container .utility_form .hs_submit {text-align:right;}
  .utility #utility_phone_number {display:none;}
}
@media only screen and (min-width:1440px) {
  .utility .utility_container {display:flex;}
  .utility .utility_container .utility_text {
    width:calc((100% - 72px) / 3);
    text-align:left;
  }
  .utility .utility_container .utility_form {width:calc(100% / 3 * 2 + 36px);}
}


/************ PAGE SPECIFIC ************/

/***** 2020 Home *****/

/* 2020 home hero */

.home2020 #customer_nav {display:none;}
.home2020 #home_hero {
  background-size:contain;
  background-repeat:no-repeat;
  background-position:left top;
  display:flex;
}
.home2020 #home_hero #home_hero_content_container {
  width:100%;
  padding-left:45px;
  padding-right:45px;
  background-color:#EFE8DF;
  border-radius:0 40px 40px 0;
}
/*
.home2020 #home_hero #home_hero_content_container #home_hero_content {
  max-width:340px;
  margin:auto;
}
*/
.home2020 #home_hero .hs-form label {background:#EFE8DF;}

@media only screen and (min-width:768px) {
  .home2020 #home_hero {
    height:520px;
    background-size:cover;
    max-height:calc(100vh - 200px);
    border-bottom: 20px solid #3366FF;
  }
  .home2020 #home_hero #home_hero_content_container {
    width:auto;
    padding-right:55px;
    padding-left:0;
    border-radius:0;
    background-color:transparent;
    background-image:url(https://info.onsip.com/hubfs/Oval-Hero.svg);
    background-position:0 17px;
    background-size:contain;
    background-repeat:no-repeat;
  }
  /*
  .home2022 #home_hero #home_hero_content_container {
    background-image: none;
  }
  */
  .home2020 #home_hero #home_hero_content_container #home_hero_content {
    padding-right:30px;
    padding-left:50px;
    background-color:#EFE8DF;
    border-radius:0 0 80px 0;
  }
  /*
  .home2022 #home_hero #home_hero_content_container #home_hero_content {
    padding-right:30px;
    padding-left:50px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color:#EFE8DF;
    border-radius:0 40px 40px 0;
  }
  .home2022 #home_hero #home_hero_content_container #home_hero_content p {
    font-size: 24px;
    line-height: 34px;
  }
  */
}

@media only screen and (min-width:1024px) {
  .home2020 #customer_nav {
    display:flex;
    position:absolute;
    left:0;
    top:0;
    height:40px;
    width:100%;
    background-color:rgba(255, 255, 255, 0.8);
  }
  .home2020 #customer_nav > div {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:100%;
  }
  .home2020 #customer_nav > div > * {margin-left:30px;}
  .home2020 #home_hero {height:600px;}
  .home2020 #home_hero #home_hero_content_container {
    padding-right:65px;
    background-position:0 24px;
  }
  /*
  .home2022 #home_hero #home_hero_content_container {
    width: 50%;
  }
  */
  .home2020 #home_hero #home_hero_content_container #home_hero_content {
    max-width:400px;
    padding-right:70px;
    padding-left:50px;
  }
  /*
  .home2022 #home_hero #home_hero_content_container #home_hero_content {
    margin-top: 48px;
    max-width:none;
    padding-right:70px;
    padding-left:50px;
  }
  */
}

@media only screen and (min-width:1280px) {
  .home2020 #home_hero {height:46.875vw}
  .home2020 #home_hero #home_hero_content_container {
    padding-right:75px;
    background-position:0 22px;
  }
}

/* 2022 home hero */
.home_hero_mobile {
  display: flex !important;
}
.home_hero_desktop {
  display: none !important;
}
.home2022 #home_hero,
.home2022 #home_hero #home_hero_content_container {
  height: 100%;
}
.home2022 #home_hero #home_hero_content_container {
  margin-top:220px;
}
.home2022 #home_hero #home_hero_content_container #home_hero_content {
    height: calc(100% + 30px);
}
.home2022 .hs-button {
    width:100%; 
}
@media only screen and (min-width:768px) {
  .home_hero_mobile {
    display: none !important;
  }
  .home_hero_desktop {
    display: flex !important;
  }
  .home2022 #home_hero #home_hero_content_container {
    background-image: none;
    margin-top:48px;
  }
  .home2022 #home_hero #home_hero_content_container #home_hero_content {
    padding-right:30px;
    padding-left:50px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color:#EFE8DF;
    border-radius:0 40px 40px 0;
    max-width:50%;
  }
  .home2022 #home_hero #home_hero_content_container #home_hero_content p {
    font-size: 24px;
    line-height: 34px;
  }
}

@media only screen and (min-width:1024px) {
  .home2022 #home_hero {
     max-height: unset;
  }
  .home2022 #home_hero #home_hero_content_container {
    width: 50%;
  }
  .home2022 #home_hero #home_hero_content_container #home_hero_content {
    max-width:none;
    padding-right:70px;
    padding-left:50px;
  }
}


/* September 2020 Home Page Change */
/*@media only screen and (min-width:1280px) {
.home2020 #home_hero {background-image: url(https://info.onsip.com/hubfs/iStock-1225364923.jpg) !important;}
.home2020 #home_hero #home_hero_content_container {
width:100%;
background:none;
padding:0;
display:flex;
}
.home2020 #home_hero #home_hero_content_container #home_hero_content {
max-width: 720px;
text-align: center;
background: rgba(255,255,255,0.9);
border-radius: 60px;
padding: 60px;
}
.home2020 #home_hero #home_hero_content_container #home_hero_content form {
text-align: left;
justify-content: center;
display: flex;
align-items: flex-end;
}
.home2020 #home_hero .hs-form label {display:none;}
.home2020 #home_hero #home_hero_content_container #home_hero_content form div.input { margin-right:20px; }
.home2020 #home_hero #home_hero_content_container #home_hero_content form div.input input {
width: 300px;
padding: 8px 15px !important;
height: 40px;
}
.home2020 #home_hero #home_hero_content_container #home_hero_content form .hs-error-msgs { display:none; }
}
.home2020 #home_hero .hs-form ::placeholder {
color: grey;
opacity: 1;
}*/
/* form placeholder: email@example.com */

/* 2022 Icon Dashboard */
.home2022 .icon_dashboard {
  margin-top: 40px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.home2022 .icon_dashboard .all_icons {
  grid-template-columns: 1fr 1fr;
}
.home2022 .icon_img_section_container img {
  width: 100px
}
.home2022 .icon_dashboard .all_icons .icon-container:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.home2022 .icon_dashboard .all_icons .icon-container:nth-child(4) {
  grid-column: 1;
  grid-row: 2;
}
@media only screen and (min-width:768px) {
  .home2022 .icon_dashboard {
    margin-top: 132px;
  }
  .home2022 .icon_dashboard .all_icons .icon-container:nth-child(3) {
    grid-column: auto;
    grid-row: auto;
  }
  .home2022 .icon_dashboard .all_icons .icon-container:nth-child(4) {
    grid-column: auto;
    grid-row: auto;
  }
  .home2022 .icon_dashboard .all_icons {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .home2022 .icon_img_section_container img {
    width: 170px
  }
  .home2022 .icon_dashboard .icon_text {
    width: 272px;
    margin: auto;
  }
}
@media only screen and (min-width:1024px) {
  .home2022 .icon_dashboard {
    margin-top: 60px;
  }
}
@media only screen and (min-width:1280px) {
  .home2022 .icon_dashboard {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}
  
/* 2020 Home Text Image Pairs */

.text_image_pairs {
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.text_image_pairs > * {
  max-width:390px;
  width:100%;
}
.text_image_pairs .all_pairings .pairing_container {
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.text_image_pairs .all_pairings .pairing_container > * {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  max-width:390px;
}
.text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {display:none;}
.text_image_pairs .all_pairings .pairing_container .pairing_text p {text-align:left;}
.text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container {
  width:100%;
  max-width:375px;
}
.text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container .pairing_img_container {
  display:flex;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}
/*
.text_image_pairs .all_pairings .pairing_container:nth-child(4n-3) .pairing_img_section_container .pairing_img_blob_container .pairing_img_container {background-image:url(https://info.onsip.com/hubfs/Oval-F1.svg);}
.text_image_pairs .all_pairings .pairing_container:nth-child(4n-2) .pairing_img_section_container .pairing_img_blob_container .pairing_img_container {background-image:url(https://info.onsip.com/hubfs/Oval-F2.svg);}
.text_image_pairs .all_pairings .pairing_container:nth-child(4n-1) .pairing_img_section_container .pairing_img_blob_container .pairing_img_container {background-image:url(https://info.onsip.com/hubfs/Oval-F3.svg);}
.text_image_pairs .all_pairings .pairing_container:nth-child(4n-0) .pairing_img_section_container .pairing_img_blob_container .pairing_img_container {background-image:url(https://info.onsip.com/hubfs/Oval-F4.svg);}
*/
.text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container .pairing_img_container .pairing_img {
  border-radius:50%;
  background-position:center;
  background-size:cover;
  margin:auto;
  height:0;
  width:80%;
  padding-top:80%;
}

@media only screen and (min-width:768px) {
  .text_image_pairs > * {max-width:none;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(odd) {flex-direction:row;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(even) {flex-direction:row-reverse;}
  .text_image_pairs .all_pairings .pairing_container > * {
    width:50%;
    text-align:left;
    align-items:start;
    max-width:324px;
    margin-left:15px;
    margin-right:15px;
  }
  .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container {max-width:288px;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_img_section_container .pairing_img_blob_container {
    align-self:flex-end;
    margin-right:25px;
  }
  .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_img_section_container .pairing_img_blob_container {
    align-self:flex-start;
    margin-left:25px;
  }
  .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {
    display:block;
    height:14px;
    width:calc(50vw + 7px);
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
  }
  .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_text .pairing_text_divider {
    background-image:url(https://info.onsip.com/hubfs/Line-F1.svg);
    background-position:left;
    align-self:flex-start;
    left:-22px;
  }
  .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_text .pairing_text_divider {
    background-image:url(https://info.onsip.com/hubfs/Line-F2.svg);
    background-position:right;
    align-self:flex-end;
    right:-22px;
  }
}

@media only screen and (min-width:1024px) {
  .text_image_pairs .all_pairings .pairing_container > * {
    max-width:380px;
    margin-left:20px;
    margin-right:20px;
  }
  .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container {
    max-width:400px; /* larger than container's max width, but it works */
    width:400px;
  }
  .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_img_section_container .pairing_img_blob_container {margin-right:30px;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_img_section_container .pairing_img_blob_container {margin-left:30px;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_text .pairing_text_divider {left:-27px;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_text .pairing_text_divider {right:-27px;}
}

@media only screen and (min-width:1280px) {
  .text_image_pairs .all_pairings .pairing_container > * {
    margin-left:30px;
    margin-right:30px;
  }
  .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container {
    max-width:474px; /* larger than container's max width, but it works */
    width:474px;
  }
  .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_img_section_container .pairing_img_blob_container {margin-right:50px;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_img_section_container .pairing_img_blob_container {margin-left:50px;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_text .pairing_text_divider {left:-37px;}
  .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_text .pairing_text_divider {right:-37px;}
}
  
/* 2022 Home Text Image Pairs */

.home2022 .text_image_pairs > * {max-width:none;}
.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container,
.home2022 .text_image_pairs .all_pairings .pairing_container > * {
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

.home2022 .text_image_pairs .all_pairings .pairing_container > * {
  max-width:unset;
}

/*
.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container,
.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_text {
  margin-left: auto;
  margin-right: auto;
}
*/

.home2022 .text_image_pairs {
  margin-top: 88px;
}
.home2022 .text_image_pairs .all_pairings {
  background-color:#EFE8DF;
}
.home2022 .text_image_pairs .pairings_mobile {
  display: block;
}
.home2022 .text_image_pairs .pairings_desktop {
  display: none;
}
.home2022 .text_image_pairs .all_pairings .pairing_container {
  display:flex;
  flex-direction:column;
  justify-content: flex-start;
  margin: 40px 20px;
  border-radius:40px;
  min-height: 522px;
}

.home2022 .text_image_pairs .slider {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  margin: 0 20px;
}

.home2022 .text_image_pairs .slider::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
.home2022 .text_image_pairs .slider .slide {
  width: 100%;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.home2022 .text_image_pairs .all_pairings .pairing_container:last-child {
  margin-bottom: 40px;
}

.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text {
  margin-left: 20px;
  margin-right: 20px;
  width: auto;
}

.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_header {
  margin-top: 10px;
  margin-bottom: 10px;
}

.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container {
 margin-top: 10px;
 max-width: 173px; 
}
.home2022 .text_image_pairs > * {
  max-width:unset;
  width:100%;
}
.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_icon {
  width: 48px;
  height: 48px;
  right: 20px;
  top: 20px;
  margin: 0;
}
.home2022 .text_image_pairs .all_pairings .pairing_container .mobile_slide_number {
  height: 20px;
  right: 20px;
  top: 88px;
  margin: 0;
  width: min-content;
  opacity: 80%;
}
.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text p {
  font: 16px/24px Roboto, san-serif;
}

/*
.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container .pairing_img_container .pairing_img {
  height: 138px;
  width: auto;
}
*/

.home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {
  display:block;
  height:14px;
  width:100%;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  margin:0;
}


@media only screen and (min-width:768px) {
  .home2022 .text_image_pairs .pairings_mobile {
    display: none;
  }
  .home2022 .text_image_pairs .pairings_desktop {
    display: block;
  }
  .home2022 .text_image_pairs > * {max-width:none;}
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(odd) {flex-direction:row;}
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(even) {flex-direction:row-reverse;}
  .home2022. .text_image_pairs .all_pairings .pairing_container > * {
    width:50%;
    text-align:left;
    align-items:start;
    max-width:324px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container {
    flex-direction:row;
    justify-content: space-between;
    height: auto;
    min-height: unset;
    margin: 40px 40px 0 40px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_header {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text {
    margin: 0;
    max-width: 380px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container {
    margin:0;
    max-width: unset;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {
    width:calc(100% + 60px);
    margin:20px 0;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text p {
    font: 20px/28px Roboto, san-serif;
   }
  /*
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_text .pairing_text_divider {
    background-image:none;
    background-position:left;
    align-self:flex-start;
    width: 130%;
    left:-60px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_text .pairing_text_divider {
    background-image:none;
    background-position:right;
    align-self:flex-end;
    right:-22px;
    width: 130%;
    left:60px;
  }
  */
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(4n-3) {
    background-position: left bottom;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(4n-2) {
    background-position: right bottom;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(4n-1) {
    background-position: left top;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(4n-0) {
    background-position: right top;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text {margin:100px 42px;}
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_icon {
    width: 60px;
    height: 60px;
    left: 20px;
    top: 20px;
    margin: 0;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_badge {
    height: 28%;
    width: auto;
    top: 30px;
    right: 27%;
    margin: 0;
  }
}

@media only screen and (min-width:1024px) {
  .home2022 .text_image_pairs .all_pairings .pairing_container > * {
    max-width:380px;
    margin-left:20px;
    margin-right:20px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text {
    max-width:450px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {
    width:calc(100% + 88px);
  }
  /*
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_text .pairing_text_divider {
    left:-27px;
    width: 130%;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_text .pairing_text_divider {
    right:-27px;
    left: 60px;
    width: 130%;
  }
  */
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_text {margin:100px;}
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_text {margin: 100px 100px 100px 60px;}
}

@media only screen and (min-width:1280px) {
  .home2022 .text_image_pairs .all_pairings .pairing_container {
    justify-content: space-between;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container .pairing_text {
    max-width:620px;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_img_section_container {margin: 0px;}
  /*
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_img_section_container {margin-right: 80px;}
  */
  /*
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(odd) {justify-content: flex-start;}
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(even) {justify-content: flex-end;}
  .home2022 .text_image_pairs .all_pairings .pairing_container > * {
    margin-left:30px;
    margin-right:30px;
  }
  */
  /*
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(odd) .pairing_text .pairing_text_divider {
    left:10%;
  }
  */
  /*
  .home2022 .text_image_pairs .all_pairings .pairing_container:nth-child(even) .pairing_text .pairing_text_divider {
    right:-37px;
    left: 20px;
    width: calc(50vw + 7px);
  }
  */
}

/* malcolm address */
/* Home Blog Highlights */

#home_blog_highlights {
  background-image:url(https://info.onsip.com/hubfs/Blob-Articles-2.svg);
  background-size:100% 100%;
  background-position:center bottom;
  background-repeat:no-repeat;
}
#home_blog_highlights > div {
  display:flex;
  flex-direction:column;
  align-items:center;
  /* width:100%;  sep17 change */
}
#home_blog_highlights h1 {text-align:center;}
#home_blog_highlights #home_blog_posts  {
  display:flex;
  flex-direction:column;
  width:100%;
}
#home_blog_highlights #home_blog_posts .home_individual_post {
  display:flex;
  flex-direction:row;
}
#home_blog_highlights #home_blog_posts .home_individual_post .home_blog_post_image {
  height:120px; /* check */
  width:120px; /* check */
  min-width:120px; /* check */
  background-size:cover;
  background-position:center;
  border-radius:10px; /* check */
}
#home_blog_highlights #home_blog_posts .home_individual_post .home_individual_post_content {
  display:flex;
  flex-direction:column;
  margin-left:20px; /* check */
  justify-content:center;
}
#home_blog_highlights #home_blog_posts .home_individual_post .home_individual_post_content * {display:block;}
#home_blog_highlights #home_blog_posts .home_individual_post .home_individual_post_content a {text-decoration:underline;}

@media only screen and (min-width:768px) {
  #home_blog_highlights {
    text-align:center;
    background-size:100% 70%;
  }
  #home_blog_highlights #home_blog_posts {flex-direction:row;}
  #home_blog_highlights #home_blog_posts .home_individual_post {
    flex-direction:column;
    align-items:center;
    margin-left:20px;
    margin-right:20px;
    width:100%;
  }
  #home_blog_highlights #home_blog_posts .home_individual_post:first-child {margin-left:0;}
  #home_blog_highlights #home_blog_posts .home_individual_post:last-child {margin-right:0;}
  #home_blog_highlights #home_blog_posts .home_individual_post .home_blog_post_image {
    width:100%;
    height:0;
    padding-top:62%;
  }
  #home_blog_highlights #home_blog_posts .home_individual_post .home_individual_post_content {
    margin-left:0;
    justify-content:space-between;
    height:100%;
  }
}




/*** Product / Promise / Home (20210222) ***/

#product_hero {overflow-x:hidden;}
#product_hero > div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
}
#product_hero #product_hero_text_container {
  grid-column:1 / span 3;
  grid-row:2 / span 1;
}
#product_hero #product_hero_text_container #product_hero_text p {font:300 26px/32px Roboto, Helvetica, Arial, sans-serif}
.home2020 #product_hero #product_hero_text_container #product_hero_text p {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif}
#product_hero.product_hero-with-sm-font #product_hero_text_container #product_hero_text p {font-size:18px; line-height:1.5}
#product_hero #product_hero_image_container {
  background-repeat:no-repeat;
  grid-column:1 / span 3;
  grid-row:1 / span 1;
  background-size:contain;
  position:relative;
  top:-57px;
  margin-bottom:-47px;
}
#product_hero #product_hero_image_container #product_hero_image img {
  position:relative;
  top:10px;
  left:20px;
}

.home2020 #product_hero {
  background-color:#3366FF;
  color:#FFFFFF;
  position:relative;
}
.home2020 #product_hero #product_hero_text_container {
  display: flex;
  justify-content: center;
}
.home2020 #product_hero #product_hero_text_container #product_hero_text { 
  max-width:376px;
  padding-bottom:100px;
}
.home2020 #product_hero .hs-form { margin-top:0; }
.home2020 #product_hero .hs-form label { display:none; }
.home2020 #product_hero .hs-form ul.hs-error-msgs label {
  display:inline;
  background-color:#3366FF;
  color:#FFFFFF;
}
.home2020 #product_hero .hs-form .hs-input { background-color:#FFFFFF; }
.home2020 #product_hero .hs-form .hs-button {
  width:100%;
  background-color:#EFE8DF;
  color:#2B2D35;
}

.home2020 #product_hero #product_hero_image_container {
  background-image:url(https://info.onsip.com/hubfs/Home20210222-Blob.svg);
  width:150%;
}
.product2020 #product_hero #product_hero_image_container {
  background-image:url(https://info.onsip.com/hubfs/ProductHero.svg);
  width:150%;
}
.promise2020 #product_hero #product_hero_image_container {
  background-image:url(https://info.onsip.com/hubfs/PromiseHero.svg);
  width:140%;
}

.home2020 #product_hero #product_hero_image_container #product_hero_image img {
  mask:url(https://info.onsip.com/hubfs/Home20210222-Mask.svg) no-repeat;
  -webkit-mask:url(https://info.onsip.com/hubfs/Home20210222-Mask.svg) no-repeat;
}
.product2020 #product_hero #product_hero_image_container #product_hero_image img {
  mask:url(https://info.onsip.com/hubfs/product-hero-mask-1.svg) no-repeat;
  -webkit-mask:url(https://info.onsip.com/hubfs/product-hero-mask-1.svg) no-repeat;
}
.promise2020 #product_hero #product_hero_image_container #product_hero_image img {
  mask:url(https://info.onsip.com/hubfs/Mask-Promise.svg) no-repeat;
  -webkit-mask:url(https://info.onsip.com/hubfs/Mask-Promise.svg) no-repeat;
}

@media only screen and (min-width:768px) {
  #product_hero > div {
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  #product_hero #product_hero_text_container {
    grid-column:1 / span 5;
    grid-row:1 / span 1;
  }
  #product_hero #product_hero_image_container {
    background-repeat:no-repeat;
    grid-column:7 / span 6;
    grid-row:1 / span 1;
  }
  #product_hero #product_hero_image_container {width:166%;}
  .home2020 #product_hero #product_hero_text_container #product_hero_text {padding-bottom:0;}
  .home2020 #product_hero #product_hero_text_container #product_hero_text h1 {margin-top:60px;}
  .home2020 #product_hero #product_hero_image_container {width:295%;}
}
@media only screen and (min-width:1024px) {
  #product_hero > div {column-gap:26px;}
  #product_hero #product_hero_text_container #product_hero_text p {font:300 34px/44px Roboto, Helvetica, Arial, sans-serif}
  .home2020 #product_hero #product_hero_text_container #product_hero_text p {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif}
  .home2020 #product_hero #product_hero_text_container #product_hero_text h1 {margin-top:80px;}
  .home2020 #product_hero #product_hero_image_container {width:250%;}
  #product_hero.product_hero-with-sm-font #product_hero_text_container #product_hero_text p {
    font-size: 21px;
    line-height: 1.5;
  }
  #product_hero #product_hero_text_container.product_hero_text_container.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width:1440px) {
  #product_hero > div {column-gap:36px;}
  #product_hero #product_hero_image_container {
    width:120%;
    top:-67px;
    margin-bottom:-57px;
  }
  .home2020 #product_hero #product_hero_image_container {width:185%;}
}

.product_text_image_pairs {
  text-align:center;
  background-image:url(https://info.onsip.com/hubfs/FeaturesMobile.svg);
  background-repeat:no-repeat;
  background-size:100% 100%;
}
.product_text_image_pairs .all_pairings .pairing_container {
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.product_text_image_pairs .all_pairings .pairing_container > * {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.product_text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {display:none;}
.product_text_image_pairs .all_pairings .pairing_container .pairing_text p {text-align:left;}
.product_text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container {width:100%;}
.product_text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container .pairing_img_container {
  display:flex;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}
.product_text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container .pairing_img_container .pairing_img {
  border-radius:25px;
  background-position:center;
  background-size:cover;
  margin:auto;
  height:0;
  width:100%;
  padding-top:64.5%;
}

@media only screen and (min-width:768px) {
  .product_text_image_pairs {
    background-image:url(https://info.onsip.com/hubfs/Features2.svg);
    background-size:30% 100%;
  }
  .product_text_image_pairs .all_pairings .pairing_container {
    display:grid;
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .product_text_image_pairs .all_pairings .pairing_container .pairing_img_section_container {
    grid-column:1 / span 5;
    z-index:2;
  }
  .product_text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container .pairing_img_container .pairing_img {padding-top:95.6%;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text {
    grid-column:6 / span 7;
    text-align:left;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    grid-template-rows:repeat(3,max-content);
    column-gap:23px;
  }
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text h2 {grid-column:2 / span 6;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text .pairing_text_divider {
    display:block;
    position:relative;
    height:14px;
    background-image:url(https://info.onsip.com/hubfs/Line-F2.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right;
    grid-column:1 / span 7;
    justify-self:end;
    z-index:1;
    width:150%;
    right:-7px;
  }
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text p {grid-column:2 / span 6;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text span {
    grid-column:2 / span 6;
    align-self:start;
  }
}
@media only screen and (min-width:1024px) {
  .product_text_image_pairs .all_pairings .pairing_container {column-gap:26px;}
}
@media only screen and (min-width:1440px) {
  .product_text_image_pairs .all_pairings .pairing_container {column-gap:36px;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text h2 {grid-column:2 / span 5;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_text p {grid-column:2 / span 5;}
  .product_text_image_pairs .all_pairings .pairing_container .pairing_img_section_container .pairing_img_blob_container .pairing_img_container .pairing_img {padding-top:64.5%;}
}

.customer_quotes h1 {text-align:center;}
.customer_quotes .all_quotes .individual_quote > * {display:block;}
.customer_quotes .all_quotes .individual_quote .customer_quote_text {font:300 26px/32px Roboto, Helvetica, Arial, sans-serif}
.customer_quotes .all_quotes .individual_quote .customer_quote_author {font:400 22px/30px Roboto, Helvetica, Arial, sans-serif;}
.customer_quotes .all_quotes .individual_quote .customer_quote_text::before, .customer_quotes .all_quotes .individual_quote .customer_quote_text::after {content:'"';}

@media only screen and (min-width:768px) {
  .customer_quotes .all_quotes {
    display:grid;
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .customer_quotes .all_quotes .individual_quote {grid-column-end:span 6;}
  .customer_quotes .all_quotes .individual_quote .customer_quote_author {font:700 16px/26px Roboto, Helvetica, Arial, sans-serif} /* seems wrong */
}
@media only screen and (min-width:1024px) {
  .customer_quotes .all_quotes .individual_quote .customer_quote_text {font:300 34px/44px Roboto, Helvetica, Arial, sans-serif} /* seems wrong */
  .customer_quotes .all_quotes {column-gap:26px;}
}

@media only screen and (min-width:1440px) {
  .customer_quotes .all_quotes {column-gap:36px;}
  .customer_quotes .all_quotes .individual_quote {grid-column-end:span 4;}
}


/*** Pricing ***/

.pricing2020 #pricing_header_section {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:16px;
  align-items:baseline;
}
.pricing2020 #pricing_header_section > h1 {
  grid-column:1 / span 2;
  grid-row:1 / span 1;
}
.pricing2020 #pricing_header_section > span {
  grid-column:2 / span 2;
  grid-row:1 / span 1;
  justify-self:end;
}
.pricing2020 .pricing_plans .all_plans .individual_plan:last-child .divider {display:none;}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:16px;
}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_name {
  grid-column:1 / span 3;
  grid-row:1 / span 1;
}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description {
  grid-column:1 / span 3;
  grid-row:2 / span 1;
}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description > span.plan_price {
  display:block;
  font:300 26px/32px Roboto, Helvetica, Arial, sans-serif;
}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description > span.plan_description {
  display:block;
  font:400 22px/30px Roboto, Helvetica, Arial, sans-serif;
}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .hs_cos_wrapper_type_cta {
  grid-column:1 / span 2;
  grid-row:3 / span 1;
}
.pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .more_details_link {
  grid-column:2 / span 2;
  grid-row:3 / span 1;
  align-self:center;
  justify-self:end;
}
.pricing2020 .pricing_tables > div {
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  grid-template-rows:auto;
  column-gap:16px;
}
.pricing2020 .pricing_tables h2 {
  text-align:center;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  grid-column:1 / span 12;
  grid-row:1 / span 1;
}
.pricing2020 .pricing_tables .pricing_comparison_table h2 {background-image:url(https://info.onsip.com/hubfs/Comparison.svg);}
.pricing2020 .pricing_tables .pricing_rate_table h2 {background-image:url(https://info.onsip.com/hubfs/Rates.svg);}
.pricing2020 .pricing_tables span {grid-column-end:span 4;}
.pricing2020 .pricing_tables .pricing_rate_table span:nth-of-type(odd) {grid-column-end:span 8;}
.pricing2020 .pricing_tables span.table_entry {
  font-size:13px;
  line-height:18px;
}
.pricing2020 .pricing_tables span.table_header span {display:none;}
.pricing2020 .pricing_tables .pricing_rate_table a {margin-left:15px;}
.pricing2020 .pricing_tables .pricing_comparison_table .pricing_table_spacer {visibility:hidden;}
.pricing2020 .pricing_tables .pricing_comparison_table .pricing_table_cta {grid-column-end:span 6;}
.pricing2020 .pricing_tables .pricing_comparison_table .pricing_table_cta:last-child {justify-self:end;}

@media only screen and (min-width:768px) {
  .pricing2020 #pricing_header_section {
    grid-template-columns:repeat(12, 1fr);
    column-gap:23px;
  }
  .pricing2020 #pricing_header_section > h1 {grid-column:1 / span 4;}
  .pricing2020 #pricing_header_section > span {
    grid-column:5 / span 8;
    justify-self:start;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content {
    grid-template-rows:max-content auto min-content;
    grid-template-columns:repeat(12, 1fr);
    column-gap:23px;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_name {
    grid-column:1 / span 4;
    grid-row:1 / span 1;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description {
    grid-column:5 / span 8;
    grid-row:1 / span 2;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .hs_cos_wrapper_type_cta {
    grid-column:1 / span 4;
    grid-row:2 / span 1;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .more_details_link {
    grid-column:5 / span 8;
    grid-row:3 / span 1;
  }
  .pricing2020 .pricing_tables > div {column-gap:23px;}
  .pricing2020 .pricing_tables .pricing_comparison_table .pricing_table_cta {grid-column:5 / span 4;}
  .pricing2020 .pricing_tables .pricing_comparison_table .pricing_table_cta:last-child {
    grid-column:9 / span 4;
    justify-self:start;
  }
  .pricing2020 .pricing_tables .pricing_rate_table span:nth-of-type(odd) {grid-column:5 / span 4;}
  .pricing2020 .pricing_tables .pricing_rate_table span:nth-of-type(even) {grid-column:9 / span 4;}
}
@media only screen and (min-width:1024px) {
  .pricing2020 #pricing_header_section {column-gap:26px}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content {column-gap:26px;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description span.plan_price {font:300 34px/44px Roboto, Helvetica, Arial, sans-serif;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description span.plan_description {font:400 22px/26px Roboto, Helvetica, Arial, sans-serif;}
  .pricing2020 .pricing_tables span.table_header span {display:inline;}
  .pricing2020 .pricing_tables span.table_entry {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif;}
  .pricing2020 .pricing_tables .pricing_comparison_table br, .pricing2020 .pricing_tables .pricing_comparison_table .pricing_table_spacer {display:none;}
}
@media only screen and (min-width:1440px) {
  .pricing2020 #pricing_header_section {column-gap:36px}
  .pricing2020 .pricing_plans .all_plans {
    display:grid;
    grid-template-columns:repeat(12, 1fr);
    column-gap:36px;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan {grid-column-end:span 4;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .divider {display:none;}
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content {
    height:100%;
    grid-template-rows:min-content auto min-content;
    grid-template-columns:repeat(4, 1fr);
    column-gap:36px;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_name {
    grid-column:1 / span 4;
    grid-row:1 / span 1;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .plan_price_description {
    grid-column:1 / span 4;
    grid-row:2 / span 1;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .hs_cos_wrapper_type_cta {
    grid-column:1 / span 2;
    grid-row:3 / span 1;
  }
  .pricing2020 .pricing_plans .all_plans .individual_plan .individual_plan_content .more_details_link {
    grid-column:2 / span 3;	
    grid-row:3 / span 1;	
    margin-left:45px;	
    justify-self:start;
  }
}


/*** Signup ***/

.signup2020 h1 {text-align:center;}
.signup2020 .disclaimer {
  font-size:12px;
  line-height:16px;
  display:block;
}
.signup2020 .hs-submit .hs-button {width:100%;}
.signup2020 .signup-or {
  display:block;
  text-align:center;
}
.signup2020 #oauth-button-container {
  display:flex;
  justify-content: center;
}
.signup2020 #oauth-button-container > input {
  width:calc(50% - 12px);
  background-color:#FFFFFF;
  border:1px solid #3366FF;
  color:#000000; /* address */
  background-position:10% 50%;
  background-size:18px;
  background-repeat:no-repeat;
}
.signup2020 #oauth-button-container #google-signup {background-image:url("https://516769.fs1.hubspotusercontent-na1.net/hubfs/516769/template/ico-google.png");}
.signup2020 #oauth-button-container #slack-signup {
  background-image:url("https://516769.fs1.hubspotusercontent-na1.net/hubfs/516769/template/ico-slack.png");
  display: none;
}



.signupthankyou2020 #signupthankyou2020 {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-template-rows:auto;
  column-gap:16px;
}

.signupthankyou2020 #signupthankyou2020 > * {
  text-align:center;
  grid-column: 1 / span 3;
}
.signupthankyou2020 #signupthankyou2020 img { width:50%; }

@media only screen and (min-width:768px) {
  .signup2020 #create-team-form {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .signup2020 #create-team-form div.field, .signup2020 #create-team-form #signup-text-and-buttons {width:calc(50% - 10px);}
  .signup2020 .disclaimer {height:42px;}
  .signupthankyou2020 #signupthankyou2020 {
    grid-template-columns:repeat(12, 1fr);
    column-gap:23px;
  }
  .signupthankyou2020 #signupthankyou2020 > * { grid-column: 3 / span 8; }
}
@media only screen and (min-width:1024px) {
  .signupthankyou2020 #signupthankyou2020 { column-gap:26px; }
}
@media only screen and (min-width:1440px) {
  .signup2020 div.hero__form {
    display:grid;
    grid-template-columns:repeat(12,1fr);
    column-gap:36px;
  }
  .signup2020 div.hero__form form {grid-column:3 / span 8;} 
  .signupthankyou2020 #signupthankyou2020 { column-gap:36px; }
}

 @media only screen and (min-width: 1440px){
#hs_cos_wrapper_module_1588021044188295 .hero__form {
    display: block !important;
  }
}























.row-fluid [class*="span"] {min-height:0;}

.blog .hs-form {margin:0;}
.blog .hs-form h3 {margin:0 0 25px 0;}
.blog .hs-form .hs-input {margin-bottom:10px;}
.blog .hs-form .hs-submit {margin-top:10px;}
.blog-overview .hs-search-field__bar, .blog-sidebar .hs-search-field__bar {margin-bottom:20px;}
#blog-combined-feed .post-featured-image {margin-bottom:10px;}
.blog .post-item, .recommended-post-item {margin-bottom:20px;}
#blog-pillar-feeds .view-all-posts-link {margin:10px 0 23px 0;}
.blog .blog-sidebar {margin-top:7px;}
.blog .blog-post-header {margin-bottom:30px;}
.blog .post-breadcrumbs {margin-top:30px;}
.blog-slick .slick-arrow {margin:10px 0 20px 0;}
.blog .pillar-page-link {margin:10px 0 30px 0;}
.phone-review-summary h3, .phone-review-summary h4 {margin:20px 0;}
.phone-review-summary > div {margin-bottom:20px;}
.phone-review-summary ul {margin:0;}
.phone-review-summary .divider {margin:0;}

@media only screen and (min-width:768px) {
  .blog .body-container-wrapper .content_fixed_width > div:nth-child(2) {margin-top:30px;} /*sidebar area*/
  .blog .body-container-wrapper .content_fixed_width > div > div {top:30px;} /*sticky container */
  .blog .post-item {margin-bottom:30px;}
  #blog-pillar-feeds .view-all-posts-link {margin-top:0;}
  .blog-slick .slick-arrow {margin-top:0;}
  .blog .blog-sidebar {margin:0;}
  .blog .pillar-page-link {margin-bottom:0;}
}
@media only screen and (min-width:1024px) {
  .blog .post-item {margin-bottom:40px;}
  .blog .post-item-pair .post-item {margin-bottom:23px;}
  #blog-pillar-feeds .view-all-posts-link {margin:0;}
  #blog-pillar-feeds .post-featured-image, .related-image > div {margin-bottom:20px;}
  .blog .post-breadcrumbs {margin-top:36px;}
  .blog .body-container-wrapper .content_fixed_width > div:nth-child(2) {margin-top:40px;}
  .blog .body-container-wrapper .content_fixed_width > div > div {top:125px;}
}
@media only screen and (min-width:1440px) {
  #blog-combined-feed .post-featured-image {margin-bottom:20px;}
  .blog .hs-form .hs-input {margin-bottom:15px;}
}





.blog .post-breadcrumbs {display:block}







#blog-combined-feed .post-featured-image {
  height:0;
  padding-bottom:40.5%;
  width:100%;
  background-size:cover;
  background-position:center;
  border-radius:10px;
}
#blog-combined-feed .post-preview-text a {display:block;}
#blog-combined-feed .post-preview-text a.post-title {
  font:300 26px/32px Roboto, Helvetica, Arial, sans-serif;
  color:#2B2D35;
}
#blog-combined-feed .post-preview-text a.post-pillar {color:#989898;} /*address*/
#blog-combined-feed .post-item:last-child {display:none;}
#blog-pillar-feeds {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:16px;
}
#blog-pillar-feeds > div {
  grid-column:1 / span 3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  max-width: 100%;
}
#blog-pillar-feeds > div h2 {grid-column:1 / span 3;}
#blog-pillar-feeds .post-item {
  grid-column:1 / span 3;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  align-items:center;
}
#blog-pillar-feeds .post-item .post-featured-image-wrapper {grid-column:1 / span 1;}
#blog-pillar-feeds .post-item .post-featured-image {
  background-size:cover;
  background-position:center;
  height:0;
  padding-bottom:61.8%;
  border-radius:10px;
}
#blog-pillar-feeds .post-item .post-title {
  grid-column:2 / span 2;
  font:400 22px/30px Roboto, Helvetica, Arial, sans-serif;
  color:#2B2D35;
}
#blog-pillar-feeds .view-all-posts-link {
  grid-column:1 / span 3;
  text-decoration:underline;
}
.hs-search-field__bar button {
  position:absolute;
  height:100%;
  background:none;
  border:none;
  right:0;
  top:0;
  width:55px;
  cursor:pointer;
}
.hs-search-field__bar button .fa-search:before {font-size:16px;}
.blog .hs-form {
  background-color:#EFE8DF;
  padding:20px;
  border-radius:10px; /*check*/
}
.blog .hs-form h3 {
  text-align:center;
  font:400 22px/30px Roboto, Helvetica, Arial, sans-serif;
}
.blog .hs-form label {
  display:none;
  background:none; /* error messages */
}
.blog .hs-form .hs-input {
  height:40px;
  padding:8px 15px!important;
}
.blog .hs-form .hs-submit input {width:100%;}

.blog .divider {
  display:block !important;
  height:14px;
  background-image:url(https://info.onsip.com/hubfs/Line-F2.svg);
  background-position:right;
  background-repeat:no-repeat;
  background-size:cover;
  width:100vw;
  position:relative;
  right:-7px;
  justify-self:end;
}


@media only screen and (min-width:768px) {
  .blog .body-container-wrapper .content_fixed_width {
    display:grid;
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .blog .body-container-wrapper .content_fixed_width > div:nth-child(1) {grid-column:1 / span 8;} /*main area*/
  .blog .body-container-wrapper .content_fixed_width > div:nth-child(2) {grid-column:9 / span 4;} /*sidebar area*/
  .blog .body-container-wrapper .content_fixed_width > div > div { /*sticky container */
    position:sticky;
    float:none;
  }
  .blog-top-search {display:none !important;}
  #blog-pillar-feeds {
    grid-template-columns:repeat(8,minmax(0, 1fr));
    column-gap:23px;
  }
  #blog-pillar-feeds > div {
    grid-column:1 / span 8;
    grid-template-columns:repeat(8,1fr);
    column-gap:23px;
  }
  #blog-pillar-feeds > div h2 {grid-column:1 / span 8;}
  #blog-pillar-feeds .post-item {
    grid-column:1 / span 8;
    grid-template-columns:repeat(8,1fr);
    column-gap:23px;
  }
  #blog-pillar-feeds .post-item .post-featured-image-wrapper {grid-column:1 / span 4;}
  #blog-pillar-feeds .post-item .post-title {grid-column:5 / span 4;}
  #blog-pillar-feeds .view-all-posts-link {grid-column:1 / span 8;}
}

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

  .blog .body-container-wrapper .content_fixed_width {column-gap:26px;}
  #blog-combined-feed .post-preview-text a.post-title {font:300 34px/44px Roboto, Helvetica, Arial, sans-serif;}
  #blog-pillar-feeds {column-gap:26px;}
  #blog-pillar-feeds > div {column-gap:26px;}
  #blog-pillar-feeds .post-item, #blog-pillar-feeds .view-all-posts-link {
    grid-column:auto / span 4;
    display:block !important;
  }
  #blog-pillar-feeds .post-item .post-title {display:block;}
  #blog-pillar-feeds .view-all-posts-link {
    background-color:#3366FF;
    color:#FFFFFF;
    display:flex !important;
    justify-content:center;
    align-items:center;
    text-align:center;
    height:0;
    padding:30.9% 20px;
    border-radius:10px;
    box-sizing:border-box;
    text-decoration:none;
    font:700 16px/26px Roboto, Helvetica, Arial, sans-serif;
  }
  .blog .post-body h3 {font:700 16px/26px Roboto, Helvetica, Arial, sans-serif;}
}
@media only screen and (min-width:1440px) {
  .blog .body-container-wrapper .content_fixed_width {column-gap:36px;}
  #blog-combined-feed {
    display:grid;
    grid-template-columns:repeat(8,1fr);
    column-gap:36px;
  }
  #blog-combined-feed .post-item:nth-child(1) {
    grid-column:1 / span 8;
    grid-row:1 / span 1;
  }
  #blog-combined-feed .post-item:nth-child(2) {
    grid-column:1 / span 4;
    grid-row:2 / span 1;
  }
  #blog-combined-feed .post-item:nth-child(3) {
    display:block;
    grid-column:5 / span 4;
    grid-row:2 / span 1;
  }
  #blog-pillar-feeds {column-gap:36px;}
  #blog-pillar-feeds > div {column-gap:36px;}
  #blog-pillar-feeds .post-item .post-featured-image {padding-bottom:40.5%;}
  #blog-pillar-feeds .view-all-posts-link {padding:20.25% 20px;}
}







.post-body .inline-cta {
  background-color:#EFE8DF;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  padding:10px;
  border-radius:10px;
}
.post-body .inline-cta h4, .post-body .inline-cta span { margin:10px; }





.blog .post-breadcrumbs, .blog .post-breadcrumbs a {color:#989898;} /*address*/
.blog .post-breadcrumbs i.fa {margin:0 5px;}
.blog .author-time-estimate {
  display:flex;
  align-items:center;
}
.blog .author-time-estimate img {
  width:50px;
  height:50px;
  border-radius:50%;
  margin-right:10px;
}
.blog .post-featured-image {
  background-size:cover;
  background-position:center;
  height:0;
  padding-bottom:40.5%;
  border-radius:10px;
}
.blog .pillar-page-link {
  text-align:center;
  background-color:#EFE8DF;
  border-radius:10px;
  color:#2B2D35;
  display:block;
  width:100%;
  padding:10px;
  box-sizing:border-box;
}
.blog .pillar-page-link-desktop {display:none;}
.blog-post .blog-sidebar .hs-search-field {display:none;}
.post-related-articles > div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
}
.post-related-articles .divider {display:none !important;}
.post-related-articles h3 {grid-column:1 / span 3;}
.post-related-articles .recommended-post-item {
  grid-column:1 / span 3;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  align-items:center;
}
.post-related-articles .recommended-post-item .related-image {grid-column:1 / span 1;}
.post-related-articles .recommended-post-item .related-image > div {
  height:0;
  padding-bottom:61.8%;
  border-radius:10px;
}
.post-related-articles .recommended-post-item .related-title {
  grid-column:2 / span 2;
  font:400 22px/30px Roboto, Helvetica, Arial, sans-serif;
  color:#2B2D35;
}

.phone-review-summary {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
}
.phone-review-summary > div {grid-column:1 / span 3;}
.phone-review-summary h3, .phone-review-summary h4 {
  text-transform:uppercase;
  font:400 22px/30px Roboto, Helvetica, Arial, sans-serif;
}
.phone-review-summary table {width:100%;}
.phone-review-summary tr:first-child td {width:50%;}

@media only screen and (min-width:768px) {
  .blog .author-time-estimate br {display:none;}
  .blog-main-area .hs-search-field {display:none;}
  .blog .pillar-page-link-mobile {display:none;}
  .blog-post .blog-sidebar .hs-search-field {display:block;}
  .post-related-articles > div {
    display:grid;
    grid-template-columns:repeat(8,1fr);
    column-gap:23px;
  }
  .post-related-articles .divider {
    display:block;
    grid-column:1 / span 8;
  }
  .post-related-articles h3 {grid-column:1 / span 8;}
  .post-related-articles .recommended-post-item {
    grid-column:1 / span 8;
    grid-template-columns:repeat(8,1fr);
    column-gap:23px;
  }
  .blog .pillar-page-link-desktop {
    display:block;
    grid-column:1 / span 8;
  }
  .post-related-articles .recommended-post-item .related-image {grid-column:1 / span 4;}
  .post-related-articles .recommended-post-item .related-title {grid-column:5 / span 4;}
  .phone-review-summary {
    grid-template-columns:repeat(8,1fr);
    column-gap:23px;
  }
  .phone-review-summary > div {grid-column:1 / span 8;}
}

@media only screen and (min-width:1024px) {
  .post-related-articles > div {column-gap:26px;}
  .post-related-articles .recommended-post-item {
    grid-column:auto / span 4;
    display:block;
  }
  .post-related-articles .recommended-post-item .related-title {
    text-align:center;
    display:block;
    font:700 16px/26px Roboto, Helvetica, Arial, sans-serif;
  }
  .phone-review-summary {column-gap:26px;}
  .phone-review-summary > div {grid-column:auto / span 4;}
  .phone-review-summary .divider {grid-column:1 / span 8;}
  .phone-review-summary .divider-odd {display:none !important;}
  .phone-review-summary h3, .phone-review-summary h4 {font:700 16px/26px Roboto, Helvetica, Arial, sans-serif;}
}

@media only screen and (min-width:1440px) {
  .post-related-articles > div {column-gap:36px;}
  .post-related-articles .recommended-post-item {column-gap:36px;}
  .post-related-articles .recommended-post-item .related-image > div {padding-bottom:40.5%;}
  .phone-review-summary {column-gap:36px;}
}





.blog-slick, .post-item-pair  {
  grid-column:1 / span 3;
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
}
.blog-slick .slick-list {
  grid-column:1 / span 3;
  grid-row:1 / span 1;
}
.blog-slick .slick-arrow {
  grid-column:auto / span 1;
  grid-row:2 / span 1;
  text-decoration:underline;
}
.slick-disabled {display:none !important;}

@media only screen and (min-width:768px) {
  .blog-slick, .post-item-pair {
    grid-column:1 / span 8;
    grid-template-columns:repeat(8,1fr);
    column-gap:23px;
  }
  .blog-slick .slick-list {grid-column:1 / span 8;}
  .blog-slick .slick-arrow {grid-column:auto / span 3;}
}
@media only screen and (min-width:1024px) {
  .blog-slick, .post-item-pair {column-gap:26px;}
}
@media only screen and (min-width:1440px) {
  .blog-slick, .post-item-pair {column-gap:36px;}
}


@media only screen and (min-width:768px) {
  .leadinModal {display:none;}
}

/* progress bar */
.progress {
  width:100%;
  height:5px; /* Width of the bar */
}
.progress-wrap {
  background:#3366FF; /* Progress Colour */
  margin:0;
  top:0;
  overflow:hidden;
  position:fixed;
  z-index:999;
}
.progress-wrap .progress-bar {
  background:#F6F6F7; /* Background Colour */
  left:0;
  position:absolute;
  top:0;
}

.hs-search-field__suggestions { display:none !important; }


.post-body img {
  max-height:400px;
  width:auto !important;
  cursor:pointer;
  display:block;
  margin:auto;
  text-align:center;
}
.post-body .phone-review-summary img {display:inline;}








#partner_resources_container h2 {text-align:center;}
.partner_individual_resource {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
}
.partner_individual_resource img {grid-column:1 / span 1;}
.partner_individual_text_content {grid-column:2 / span 2;}
.partner_individual_text_content a {text-decoration:underline;}

#partner_resources_container h2 {
  background-image:url(https://info.onsip.com/hubfs/Blob_Resources-1.svg);
  background-size:310px 100%;
  background-repeat:no-repeat;
  background-position:center;
  margin-top:50px;
}

.partner2020 #utility_phone_number {display:none;}

.partner2020 .text_image_pairs {
  margin-top:0;
  margin-bottom:0;
}

@media only screen and (min-width:768px) {
  .partner2020 #product_hero #product_hero_text_container {grid-column: 1 / span 6;}
  .partner2020 .testimonials__wrapper {
    background-image: url(https://info.onsip.com/hubfs/Blob_Reviews.svg);
    background-repeat: no-repeat;
    background-size: 190px 200px;
    background-position: top left;
  }
  #partner_resources {
    display:grid;
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .partner_individual_resource {
    grid-column:auto / span 4;
    grid-template-columns:repeat(4,1fr);
    column-gap:23px;
  }
  .partner_individual_resource img {
    grid-column:1 / span 4;
    grid-row:1 / span 1;
  }
  .partner_individual_text_content {
    grid-column:1 / span 4;
    grid-row:2 / span 1;
  }
  #partner_resources_container h2 {background-size:340px 100%;}
}
@media only screen and (min-width:1024px) {
  .partner2020 .testimonials__wrapper {background-size: 270px 200px;}
  #partner_resources {column-gap:26px;}
  .partner_individual_resource {column-gap:26px;}
  #partner_resources_container h2 {
    background-size:645px 100%;
    margin-top:75px;
  }
}
@media only screen and (min-width:1440px) {
  .partner2020 #product_hero #product_hero_text_container {grid-column: 1 / span 5;}
  .partner2020 .testimonials__wrapper {background-size: 345px 200px;}
  #partner_resources {
    display:flex;
    justify-content:space-between;
  }
  .partner_individual_resource {
    width:304px;
    column-gap:36px;
  }
}


.contact2020 h1 {margin:40px 0 33px 0;}
.contact2020 .contact_us_text {
  display:flex;
  flex-direction:column;
}
.contact2020 .contact_us_text .contact_us_subsection {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  margin: 33px 0 33px 0;
}
.contact2020 .contact_us_text .contact_us_subsection .contact_us_subsection_text > *:last-child {margin-bottom:0;}
.contact2020 .contact_us_text .contact_us_subsection h2 {
  grid-column:1 / span 3;
  grid-row:1 / span 1;
  margin:0 0 20px 0;
}
.contact2020 .contact_us_text .contact_us_subsection .contact_us_subsection_text {
  grid-column:1 / span 3;
  grid-row:2 / span 1;
}
.contact2020 .contact_us_text .contact_us_subsection .contact_us_subsection_text p {
  margin: 0 0 30px 0;
}

@media only screen and (min-width:768px) {
  .contact2020 .contact_us_text .contact_us_subsection {
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .contact2020 .contact_us_text .contact_us_subsection h2 {
    grid-column:1 / span 4;
    grid-row:1 / span 1;
  }
  .contact2020 .contact_us_text .contact_us_subsection .contact_us_subsection_text {
    grid-column:5 / span 8;
    grid-row:1 / span 1;
  }
}
@media only screen and (min-width:1024px) {
  .contact2020 .contact_us_text .contact_us_subsection {column-gap:26px;}
}
@media only screen and (min-width:1440px) {
  .contact2020 .contact_us_text .contact_us_subsection {column-gap:26px;}
}









.about2020 .about_us_text .about_us_top_section h1 {
  text-align:center;
  margin:40px 0 20px 0;
}
.about2020 .about_us_text {
  display:flex;
  flex-direction:column;
}
.about2020 .about_us_text .about_us_subsection h2 {margin:0 0 20px 0;}
.about2020 .about_us_text .about_us_top_section, 
.about2020 .about_us_text .about_us_subsection, 
.about2020 .about_us_text .about_us_founders,
.about2020 .about_us_text .about_us_founders .founder_subsection {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  margin: 33px 0 33px 0;
}
.about2020 .about_us_text .about_us_top_section > *, 
.about2020 .about_us_text .about_us_subsection > *, 
.about2020 .about_us_text .about_us_founders > *,
.about2020 .about_us_text .about_us_founders .founder_subsection > * {
  grid-column:1 / span 3;
  grid-row:auto / span 1;
}

.about2020 .about_us_text .about_us_founders .founder_subsection > img {
  grid-row-start:1;
  margin:0 auto 20px;
}
.about2020 .about_us_text .about_us_founders .founder_subsection div.about_us_founders_id > * {
  text-align:center;
  margin:0;
}
.about2020 .about_us_text .about_us_founders .founder_subsection div.about_us_founders_id {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}


@media only screen and (min-width:768px) {
  .about2020 .about_us_text .about_us_top_section, 
  .about2020 .about_us_text .about_us_subsection, 
  .about2020 .about_us_text .about_us_founders,
  .about2020 .about_us_text .about_us_founders .founder_subsection {
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
    grid-column:1 / span 12;
  }
  .about2020 .about_us_text .about_us_top_section > *, 
  .about2020 .about_us_text .about_us_subsection > *, 
  .about2020 .about_us_text .about_us_founders > * ,
  .about2020 .about_us_text .about_us_founders .founder_subsection > * {grid-column:2 / span 10;}
  .about2020 .about_us_text .about_us_top_section > img {grid-column:1 / span 12;}
  .about2020 .about_us_text .about_us_founders .founder_subsection div.about_us_founders_id > * {text-align:left;}
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(odd) > img,
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(even) div.about_us_founders_id {
    grid-column:7 / span 5;
    margin:0;
  }
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(even) > img,
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(odd) div.about_us_founders_id {
    grid-row-start:1;
    grid-column:2 / span 5;
  }
}
@media only screen and (min-width:1024px) {
  .about2020 .about_us_text .about_us_top_section, 
  .about2020 .about_us_text .about_us_subsection, 
  .about2020 .about_us_text .about_us_founders,
  .about2020 .about_us_text .about_us_founders .founder_subsection {column-gap:26px;}
  .about2020 .about_us_text .about_us_top_section > *, 
  .about2020 .about_us_text .about_us_subsection > *, 
  .about2020 .about_us_text .about_us_founders h2,
  .about2020 .about_us_text .about_us_founders .founder_subsection > * {grid-column:3 / span 8;}
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(odd) > img,
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(even) div.about_us_founders_id {
    grid-column:7 / span 4;
  }
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(even) > img,
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(odd) div.about_us_founders_id {
    grid-column:3 / span 4;
  }

}
@media only screen and (min-width:1440px) {
  .about2020 .about_us_text .about_us_top_section, 
  .about2020 .about_us_text .about_us_subsection, 
  .about2020 .about_us_text .about_us_founders,
  .about2020 .about_us_text .about_us_founders .founder_subsection {column-gap:26px;}
  .about2020 .about_us_text .about_us_top_section > *, 
  .about2020 .about_us_text .about_us_subsection > *, 
  .about2020 .about_us_text .about_us_founders h2,
  .about2020 .about_us_text .about_us_founders .founder_subsection > * {grid-column:4 / span 6;}
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(odd) > img,
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(even) div.about_us_founders_id {
    grid-column:7 / span 3;
  }
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(even) > img,
  .about2020 .about_us_text .about_us_founders .founder_subsection:nth-of-type(odd) div.about_us_founders_id {
    grid-column:4 / span 3;
  }
  .about2020 .about_us_text .about_us_top_section > img {grid-column:2 / span 10;}
}





.standardcallarea2020 {}
.standardcallarea2020 .standard_call_area_text {
  display:flex;
  flex-direction:column;
}

.standardcallarea2020 .standard_call_area_text #standard_call_area_grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  margin: 33px 0 33px 0;
}
.standardcallarea2020 .standard_call_area_text #standard_call_area_grid > * {
  grid-column:1 / span 3;
  grid-row:auto / span 1;
}
.standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_definition p {margin-top:0;}
.standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations li {font:300 26px/32px Roboto, Helvetica, Arial, sans-serif;}
.standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations li span {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif;}
.standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations li.multi-line-location {
  line-height: 28px;
  margin-top: 8px;
}

@media only screen and (min-width:768px) {
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid {
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_definition {
    grid-column:7 / span 6;
    grid-row:1 / span 1;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations {
    grid-column:1 / span 6;
    grid-row:1 / span 1;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_1 {
    grid-column:1 / span 6;
    grid-row:2 / span 1;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_2 {
    grid-column:7 / span 6;
    grid-row:2 / span 1;
    padding-top:52px;
  }
}
@media only screen and (min-width:1024px) {
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid {column-gap:26px;}
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations li {font:300 34px/44px Roboto, Helvetica, Arial, sans-serif;}
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations li span {font:400 16px/26px Roboto, Helvetica, Arial, sans-serif;}
}
@media only screen and (min-width:1440px) {
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid {
    column-gap:36px;
    grid-template-rows: auto auto 1fr;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_definition {
    grid-column:7 / span 6;
    grid-row:1 / span 1;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_locations {
    grid-column:1 / span 6;
    grid-row:1 / span 3;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_1 {
    grid-column:7 / span 6;
    grid-row:2 / span 1;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_2 {
    grid-column:7 / span 6;
    grid-row:3 / span 1;
    padding-top:0;
  }
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_1 ul {margin-bottom:0;}
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_2 ul {margin-top:0;}
}
@media only screen and (max-width:767px) {
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_1 ul {margin-bottom:0;}
  .standardcallarea2020 .standard_call_area_text #standard_call_area_grid #standard_call_area_footnotes_column_2 ul {margin-top:0;}
}








.porting2020 .number_porting_text {
  display:flex;
  flex-direction:column;
}
.porting2020 .number_porting_text .number_porting_top_section, .porting2020 .number_porting_text .number_porting_subsection {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  margin: 33px 0 33px 0;
}
.porting2020 .number_porting_text .number_porting_top_section {margin-top:0;}
.porting2020 .number_porting_text .number_porting_top_section h1 {
  margin:40px 0 20px 0;
  grid-column:1 / span 3;
  grid-row:1 / span 1;
}
.porting2020 .number_porting_text .number_porting_top_section div {
  grid-column:1 / span 3;
  grid-row:2 / span 1;
}
.porting2020 .number_porting_text .number_porting_top_section div p {margin:0 0 33px 0;}
.porting2020 .number_porting_text .number_porting_subsection .number_porting_subsection_text > *:last-child {margin-bottom:0;}
.porting2020 .number_porting_text .number_porting_subsection h2 {
  grid-column:1 / span 3;
  grid-row:1 / span 1;
  margin:0 0 20px 0;
}
.porting2020 .number_porting_text .number_porting_subsection .number_porting_subsection_text {
  grid-column:1 / span 3;
  grid-row:2 / span 1;
}
.porting2020 .number_porting_text .number_porting_subsection .number_porting_subsection_text p {
  margin: 0 0 30px 0;
}

@media only screen and (min-width:768px) {
  .porting2020 .number_porting_text .number_porting_top_section, .porting2020 .number_porting_text .number_porting_subsection {
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .porting2020 .number_porting_text .number_porting_top_section h1 {grid-column:1 / span 12;}
  .porting2020 .number_porting_text .number_porting_top_section div {grid-column:1 / span 6;}
  .porting2020 .number_porting_text .number_porting_subsection h2 {
    grid-column:1 / span 4;
    grid-row:1 / span 1;
  }
  .porting2020 .number_porting_text .number_porting_subsection .number_porting_subsection_text {
    grid-column:5 / span 8;
    grid-row:1 / span 1;
  }
}
@media only screen and (min-width:1024px) {
  .porting2020 .number_porting_text .number_porting_top_section, .porting2020 .number_porting_text .number_porting_subsection {column-gap:26px;}
}
@media only screen and (min-width:1440px) {
  .porting2020 .number_porting_text .number_porting_top_section, .porting2020 .number_porting_text .number_porting_subsection {column-gap:26px;}
}








.extendedcallarea2020 .extended_call_area_text, .phonenumberavailability2020 .phone_number_availability_text {
  display:flex;
  flex-direction:column;
}
.extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section, .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:16px;
  margin: 0 0 33px 0;
}
.extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section h1, .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section h1 {
  margin:40px 0 20px 0;
  grid-column:1 / span 3;
  grid-row:1 / span 1;
}
.extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section div:nth-of-type(1), .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section div:nth-of-type(1) {
  grid-column:1 / span 3;
  grid-row:2 / span 1;
}
.extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section div:nth-of-type(2) {
  grid-column:1 / span 3;
  grid-row:3 / span 1;
}
.extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section div:nth-of-type(1) p,
.phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section div:nth-of-type(1) p {margin:0;}
.extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section div:nth-of-type(2) p {margin-bottom:0;}

@media only screen and (min-width:768px) {
  .extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section, .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section {
    grid-template-columns:repeat(12,1fr);
    column-gap:23px;
  }
  .extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section h1,
  .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section h1 {grid-column:1 / span 12;}
  .extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section div:nth-of-type(1),
  .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section div:nth-of-type(1) {grid-column:1 / span 6;}
  .extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section div:nth-of-type(2) {
    grid-column:7 / span 6;
    grid-row:2 / span 1;
  }
  .extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section div:nth-of-type(2) p {margin-top:0;}
}
@media only screen and (min-width:1024px) {
  .extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section,
  .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section {column-gap:26px;}
}
@media only screen and (min-width:1440px) {
  .extendedcallarea2020 .extended_call_area_text .extended_call_area_top_section,
  .phonenumberavailability2020 .phone_number_availability_text .phone_number_availability_top_section {column-gap:26px;}
}

/* Extended Calling Area, Phone Number Availability */
#extended-calling-area table, #phone-number-availability table {
  width: 100%;
  border:none;
  text-align: left;
  margin-bottom: 40px;
  border-spacing: 0;
}
#extended-calling-area table td, #phone-number-availability table td {padding:10px;}
#phone-number-availability table td { vertical-align:top; }

#extended-calling-area table tbody tr:nth-of-type(odd), #phone-number-availability table tbody tr:nth-of-type(odd) {
  background-color:rgba(51, 102, 255, 0.1);
}

#extended-calling-area #termination-rates-form input {
  width:220px;
  margin-right:10px;
}
#extended-calling-area #termination-rates-form select {width:90px;}
#extended-calling-area #termination-rates-paginator > * { 
  margin: 20px auto;
  display: block;
  text-align: center;
}
#extended-calling-area #termination-rates-paginator > button {
  padding: 0;
  background: none;
  color: #3366FF;
  text-decoration: underline;
}
#extended-calling-area #termination-rates-paginator > button:disabled {visibility:hidden;}
#extended-calling-area #termination-rates-paginator select { width:120px; }

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

  #extended-calling-area h3 {
    display: inline-block;
    float:left;
    margin:33px 0 40px 0;
  }
  #extended-calling-area #termination-rates-form {
    display: inline-block;
    float:right;
    margin:33px 0 40px 20px;
  }
  #extended-calling-area #termination-rates-paginator > * {
    margin:0 20px 0 0;
    display:inline-block;
  }
  #extended-calling-area #termination-rates-paginator {
    text-align: center;
    float: none;
    clear: both;
  }

  #extended-calling-area #termination-rates-paginator .page-nav {float:left;}
  #extended-calling-area #termination-rates-paginator select { float:right; }
}

/* footer updates */
.westfooter-row.content_fixed_width {box-sizing: border-box !important;}

@media only screen and (min-width: 768px) {.westfooter-row.content_fixed_width {box-sizing: content-box !important;}}


/* COOKIE POPUP STYLES start */
.blog div#hs-eu-cookie-confirmation,
.page div#hs-eu-cookie-confirmation,
.hs-page div#hs-eu-cookie-confirmation {
  background: rgb(60, 141, 174);
  height: auto;
  left: 0;
  width: 100%;
  z-index: 100000000!important;
  border-bottom: none;
  border-top: none;
  color: rgb(255, 255, 255);
  font-family: Poppins, sans-serif;
  font-weight: 300!important;
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  text-shadow: none!important;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  bottom: auto !important;
  top: 0 !important;
  box-shadow: none !important;
}

.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  background: inherit;
  color: inherit;
  margin: 0 auto;
  max-width:  unset;
  padding: 0 20px;
}

.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  text-shadow: none!important;
  text-align: left;
  font-size: 16px;
  font-weight: 300 !important;
  line-height: 26px;
  color: rgb(255, 255, 255);
  font-family: Poppins, sans-serif;
  margin: auto;
  max-width: 845px;
  letter-spacing: 0.5px;
}

.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: 0;
  justify-content: center;
  align-items: center;
}

.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-button-group,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-button-group,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-button-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
  text-shadow: none!important;
  color: rgb(60, 141, 174);
  font-size: 16px;
  font-weight: 700 !important;
  padding: 3px 30px !important;
  background: white !important;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  /*border: 2px solid rgb(60, 141, 174) !important;*/
  border: 2px solid rgb(255, 255, 255) !important;
  margin: 0 !important;
}

.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  text-shadow: none!important;
  color: white;
  font-size: 16px;
  font-weight: 300 !important;
  padding: 3px 30px !important;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  border: 2px solid rgb(255, 255, 255) !important;
  margin: 0 0 0 50px !important;
}

.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover,
.blog div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover,
.page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover,
.hs-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover {
  background: #000 !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  text-decoration: none !important;
}
/* COOKIE POPUP STYLES end */