/* CSS Imports
-=-=-=-=-=-=-=-=-*/
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

/* Hubspot Includes
-=-=-=-=-=-=-=-=-=-=-=-*/
/* 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;}
/*/* Hubspot Includes 
-=-=-=-=-=-=-=-=-=-=*/
/*
font-family: 'futura_mdmedium';
font-family: 'futura_ltlight';
font-family: 'futura_bkbook';
font-family: 'futura_bkbold';
*/


@font-face {
    font-family: 'futura_bkbold';
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabd-webfont.eot?t=1518710487066');
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabd-webfont.eot?t=1518710487066#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabd-webfont.woff2?t=1518710487066') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabd-webfont.woff?t=1518710487066') format('woff'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabd-webfont.ttf?t=1518710487066') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabd-webfont.svg?t=1518710487066#futura_bkbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_bkbook';
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabk-webfont.eot?t=1518710487066');
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabk-webfont.eot?t=1518710487066#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabk-webfont.woff2?t=1518710487066') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabk-webfont.woff?t=1518710487066') format('woff'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabk-webfont.ttf?t=1518710487066') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftrabk-webfont.svg?t=1518710487066#futura_bkbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltlight';
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftralt-webfont.eot?t=1518710487066');
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftralt-webfont.eot?t=1518710487066#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftralt-webfont.woff2?t=1518710487066') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftralt-webfont.woff2?t=1518710487066') format('woff'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftralt-webfont.ttf?t=1518710487066') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftralt-webfont.svg?t=1518710487066#futura_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_mdmedium';
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftramd-webfont.eot?t=1518710487066');
    src: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftramd-webfont.eot?t=1518710487066#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftramd-webfont.woff2?t=1518710487066') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftramd-webfont.woff?t=1518710487066') format('woff'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftramd-webfont.ttf?t=1518710487066') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/fonts/ftramd-webfont.svg?t=1518710487066#futura_mdmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* FancyBox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/Plugins_Resources/fancybox_sprite.png?t=1518710487066'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/Plugins_Resources/fancybox_loading.gif?t=1518710487066') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/Plugins_Resources/blank.gif?t=1518710487066'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/Plugins_Resources/fancybox_overlay.png?t=1518710487066'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/Plugins_Resources/fancybox_sprite@2x.png?t=1518710487066');
 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
 #fancybox-loading div {
 background-image: url('//cdn2.hubspot.net/hubfs/167521/iOffice_2016/Plugins_Resources/fancybox_loading@2x.gif?t=1518710487066');
 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}


/* Slick Slider */
.slick-list, .slick-slider, .slick-track {    position:relative; display:block }
.slick-loading .slick-slide, .slick-loading .slick-track { visibility:hidden }
.slick-list { overflow:hidden; margin:0; padding:0 }
.slick-list:focus { outline:0 }
.slick-list.dragging { cursor:pointer; cursor:hand }
.slick-slider .slick-list, .slick-slider .slick-track {    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 { top:0; left:0 }
.slick-track:after, .slick-track:before { display:table; content:'' }
.slick-track:after { clear:both }
.slick-slide { display:none; float:left; height:100%; min-height:1px }
[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-vertical .slick-slide { display:block; height:auto; border:1px solid transparent }
.slick-arrow.slick-hidden {	display:none }
.slick-arrow { position:absolute; top:50%; left:-30px; z-index:5; font-size:0; line-height:58px; width:30px; height:58px; background:transparent; cursor:pointer; border:1px solid transparent; margin:-30px 0 0; display:block; text-align:center }
.slick-arrow:before { content:"\f104"; font-family:fontawesome; font-size:56px; color:#000; display:block; line-height:58px }
.slick-arrow.slick-next { left:inherit; right:-30px }
.slick-arrow.slick-next:before { content:"\f105" }
.slick-dotted ul.slick-dots { margin:25px 0; padding:0; list-style:none; text-align:center; display:block; width:100%; line-height:0 }
.slick-dotted ul.slick-dots li { display:inline-block; margin:0 4px }
.slick-dotted ul.slick-dots li button { width:10px; height:10px; font-size:0; cursor:pointer; border:none; background:#eeeeee; border-radius:50%; outline:0; padding:0;  }
.slick-dotted ul.slick-dots li.slick-active button { background:#1aafe2 }
.slick-slider a, .slick-slider button, .slick-slider .slick-slide { outline:none; }
/* font-family: 'futura_mdmedium';  font-family: 'futura_ltlight'; font-family: 'futura_bkbook'; font-family: 'futura_bkbold'; */



/* Hubspot Defaults Reset CSS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }

.wrapper { box-sizing: border-box; width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1170px; padding-left: 15px; padding-right: 15px; } 



/* Header Style
-=-=-=-=-=-=-=--=*/
.header-container-wrapper { background:#fff; position:fixed; top:0; left:0; width:100%; z-index:999;}
.body-container-wrapper { margin-top:85px; }
.header-container-wrapper .wrapper { max-width:100%; padding:0 10px 0 30px; }
.siteLogo { padding:20px 0; transition:all 400ms ease-in-out; }
.siteNavigation { padding-top:15px; transition:all 400ms ease-in-out; }
.siteNavigation .hs-menu-wrapper > ul { display:block; float:right; }
.siteNavigation .hs-menu-wrapper > ul li a { display:block !important; max-width:100% !important; width:auto !important; white-space:normal; font-family: 'futura_mdmedium'; font-size:18px; }
.siteNavigation .hs-menu-wrapper > ul > li > a { color:#294865; text-transform:uppercase; padding:15px 18px 37px; }
.lpsiteNavigation.siteNavigation .hs-menu-wrapper > ul > li > a { padding-left:10px; padding-right:10px;  }
.lpsiteNavigation.siteNavigation .hs-menu-wrapper > ul > li.ssOpen-Close { float:left !important; width:5%; }
.lpheaderSection.fixed .lpsiteNavigation { padding-top:8px;  }
.lpheaderSection.fixed .lpsiteNavigation.siteNavigation .hs-menu-wrapper > ul > li > a { padding-bottom:25px; }
.lpheaderSection.fixed .siteLogo { padding:8px 0; }
.lpheaderSection.fixed .lpsiteNavigation.siteNavigation .hs-menu-wrapper > ul > li.ssOpen-Close { padding-bottom:25px; }
.siteNavigation .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { content:''; width:0; height:0; border:5px solid transparent; display:inline-block; border-top-color:#31a1ef; position:relative; left:8px;
    transition:border ease 0.3s; -moz-transition:border ease 0.3s; -webkit-transition:border ease 0.3s;  margin-right:8px; } 
.siteNavigation .hs-menu-wrapper > ul > li:hover > a { color:#fff; background:#31a1ef; }
.siteNavigation .hs-menu-wrapper > ul > li:hover > a:after { border-top-color:#fff; }

.row-fluid .header-ctabtn { margin:8px -15px 0 0; width:auto; float:right; }
.row-fluid .header-ctabtn a { min-width:156px; font-size:15px; font-family: 'Futura Std'; font-weight:700; letter-spacing:1px; line-height:22px; padding:8px 20px; border-radius:5px; text-transform:inherit; color:#fff; background:#3fa2f7; display:inline-block; text-align:center; }
.row-fluid .header-ctabtn a:hover { background:#f1a003; opacity:1; }



.siteNavigation .hs-menu-wrapper > ul > li > ul { background:#2385ca; top:100%; left:0; width:260px; padding:15px 0; }
/*.siteNavigation .hs-menu-wrapper > ul > li:nth-last-of-type(-n+3) > ul { left:inherit !important; right:0; }*/
.siteNavigation .hs-menu-wrapper > ul > li > ul li > a { padding:12px 30px; color:#fff; }
.siteNavigation .hs-menu-wrapper > ul > li > ul li:hover > a { background:#1369a4; }
/* Megamenu */
.siteNavigation .hs-menu-wrapper > ul { position:relative; }
.siteNavigation .hs-menu-wrapper > ul > li/*:nth-child(3)*/  { position:static !important; }
.siteNavigation .hs-menu-wrapper > ul > li/*:nth-child(3)*/ > ul { width:33.33%;  min-height:300px; }
.siteNavigation .hs-menu-wrapper > ul > li > .DropDownMenu { position:absolute; margin-left:0 !important;  width:auto; right:-10px; background:#31a1ef; color:#fff; left:33.33%; visibility:hidden; opacity:0;
transition:opacity .4s; -webkit-transition:opacity .4s; top:100%; padding:30px; min-height:300px; }
.siteNavigation .hs-menu-wrapper > ul > li:hover > .DropDownMenu { visibility:visible; opacity:1; }
.siteNavigation .headerCTA { padding-top:45px;  }
.siteNavigation .hs-menu-wrapper > ul li .button a { padding:13px 5px 11px; font-size:16px; line-height:26px; font-family: 'futura_bkbold'; font-weight:normal; }
.siteNavigation .hs-menu-wrapper > ul li .button.v2 a { margin-top:15px; }
.siteNavigation .featuredVideo { padding:20px 25px 25px; background:#1369a4;  }
.siteNavigation .featuredVideo .title { padding-bottom:10px; }
.featuredVideo .videoPopup a { margin:0; padding:0 !important; }


.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li { padding-left:18px; padding-right:18px; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:last-child { padding-right:0; padding-top:18px; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:last-child a { font-size:13px; line-height:18px; background:#31a1ef; padding:8px 25px; color:#fff; border-radius:3px; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:last-child:hover a { background:#1f90e0; color:#fff; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:last-child:hover a:after { display:none !important; }

.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:hover > a:after { width:100%; }

.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper>ul>li>a { /*font-size:16px; line-height:24px;*/ padding:22px 0px 32px; position:relative; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper>ul>li>a:after { content:""; position:absolute; border:none; bottom:0; left:0; right:0; width:0; height:5px; background:#31a1ef; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }


.row-fluid .newheadersection .siteNavigation .featuredVideo .title { font-family: 'futura_bkbook'; font-size:12px; padding-bottom:15px; }

/* Footer Style */
.footerSection { padding:65px 0 100px; background:#0094c7; color:#fff; }
.footerSection h5, .footerSection a { color:#fff; }
.footerSection a:hover { color:#fff; opacity:0.7; }
.footerSection h5 { text-transform:uppercase; font-size:22px; }
.footerSection * + h5 { margin-top:30px; }
.footerSection ul { margin:10px 0 0; list-style:none; padding:0; }
.footerSection ul li { margin:9px 0; }
.footerSection address { font-style:normal; margin:15px 0 20px; }
.socialIcons a { display:inline-block; margin:5px 15px 5px 0; }
.copyRight { font-size:14px; margin:5px 0 0; }

.newfooter-section.footerSection address { margin-bottom:30px; }











/*-=-=- Smaller Desktop Devices -=-=-*/
@media(min-width:1300px){ 
    .siteNavigation .hs-menu-wrapper>ul>li>a { padding:15px 27px 37px; }
    .footerSection a:hover { letter-spacing:2px; } 
    .row-fluid .newheadersection .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left:-80px; }
    .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li > .DropDownMenu { left:calc( 33.33% - 80px ); right:20px; }
}
@media ( max-width:1230px ) {
	.wrapper { max-width:1000px }	
	.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li { padding-left:15px; padding-right:15px; }
}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/

@media(min-width:1081px){
    .DropDownMenu .hs-cta-node { visibility:inherit !important; }
    .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:hover > a { background:transparent; color:#31a1ef; }
    
}
@media ( max-width:1080px ) {
	.wrapper { max-width:900px }
    .header-container-wrapper { position:absolute; }
    .siteLogo { padding:10px 0 15px 20px; width:100% !important; margin-left:0 !important; }
    /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expand_menu"><i></i><i></i><i></i></a>' -=-=-=*/
    a.expand_menu { width:80px; height:78px; display: block; cursor:pointer; position: absolute; top:0; right:0; padding: 18px 20px; background:#31a1ef;  }
    a.expand_menu i { position:relative; width: 40px; left:0; height: 3px; opacity:1; display: block; background: #fff; margin: 8px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
    a.expand_menu.open i:first-child { transform: rotate(45deg); top: 5px; position: relative; }
	a.expand_menu.open i:nth-child(2) { position:relative; left:-46px; opacity:0; }
	a.expand_menu.open i:last-child { transform: rotate(-45deg); top: -15px; position: relative; }
    
    label.childExpand { position:absolute; top:0; right: 0; cursor:pointer; height: 57px; z-index: 5; width: 80px;}
    label.childExpand:before{background-color: #fff; content: ""; height: 2px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 28px;}
    label.childExpand:after{background-color: #fff; content: ""; height: 28px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 2px; transition:all 200ms ease; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease;}
    
    label.childExpand.ebiz-open:after{
        transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg);
        transition:all 200ms ease; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease;
    }
    
    .siteNavigation .hs-menu-wrapper > ul > li.hs-item-has-children > a:after{display:none;}
    
    .header-container-wrapper .wrapper { padding:0; }
    .body-container-wrapper { margin-top:68px; }
    
    body .row-fluid .siteNavigation { width:100%; float:left; margin-left:0 !important; padding:0; }
    .siteNavigation .hs-menu-wrapper { background:#31a1ef; width:100%; float:left; display:none; }
    .siteNavigation .hs-menu-wrapper > ul { width:100% !important; float:left; }
    .siteNavigation .hs-menu-wrapper > ul > li { width:100% !important; float:left !important; border-bottom:1px solid rgba(255,255,255,0.3); position:relative !important; }
    .siteNavigation .hs-menu-wrapper > ul > li > a { padding:15px 20px !important; display:block !important; position:relative; z-index:5; } 
    .siteNavigation .hs-menu-wrapper > ul > li > a { color:#fff; }
    /*.siteNavigation .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { border-top-color:#fff; }*/
    .siteNavigation .hs-menu-wrapper > ul > li > ul { width:100% !important; position:relative !important; top:0 !important; padding:0; visibility:visible !important; opacity:1 !important; left:0 !important; display:none; }
    .siteNavigation .hs-menu-wrapper > ul > li > ul { min-height:0; }
    .siteNavigation .hs-menu-wrapper > ul > li > ul li > a { padding:12px 20px; }
    .row-fluid .siteNavigation .headerCTA { padding:25px 20px 20px; text-align:center; width:100%; float:left; margin-left:0; }
    .row-fluid .siteNavigation .headerCTA a { display:block !important; width:auto !important; }
    .row-fluid .siteNavigation .headerCTA a span { width:auto !important; }
    .row-fluid .siteNavigation .headerCTA .v2 a { margin-top:15px; }
    
    .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:last-child { padding-top:0; padding-right:15px; }
    .row-fluid .siteNavigation .hs-menu-wrapper > ul > li > .DropDownMenu { display:none; }
    
}





/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media ( max-width:991px ) {
	.wrapper { max-width:700px }
    
    .footerSection h5 { font-size:18px; line-height:1; }
    
}

/*-=-=-  Mobile Devices -=-=-*/
@media ( max-width:767px ) {
	.wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
    .mtop30 { margin-top:30px; }
    .footerSection { text-align:center; padding:10px 0 40px; }
    .footerSection h5 { margin-top:30px; }
    
} /* Global Header and Footer CSS Included Don't Remove It.  */ 
/*
font-family: 'futura_mdmedium';
font-family: 'futura_ltlight';
font-family: 'futura_bkbook';
font-family: 'futura_bkbold';
*/

/*
font-family: 'futura_mdmedium', sans-serif, Arial, Helvetica;
font-family: 'futura_ltlight', sans-serif, Arial, Helvetica;
font-family: 'futura_bkbook', sans-serif, Arial, Helvetica;
font-family: 'futura_bkbold', sans-serif, Arial, Helvetica;
*/
@font-face {
	font-family: 'Futura Std';
	src: url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Book.eot?t=1518710487066');
	src: url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Book.eot?t=1518710487066#iefix') format('embedded-opentype'),
		url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Book.woff?t=1518710487066') format('woff'),
		url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Book.ttf?t=1518710487066') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Futura Std';
	src: url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Bold.eot?t=1518710487066');
	src: url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Bold.eot?t=1518710487066#iefix') format('embedded-opentype'),
		url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Bold.woff?t=1518710487066') format('woff'),
		url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/FuturaStd-Bold.ttf?t=1518710487066') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/* Global CSS Declarations
-=-=-==-=-=-=-=-=-=-=-=-=-=*/
html.fp-enabled, .fp-enabled body { overflow:hidden !important;  }
body.open-space ,html.open-space { overflow-y:visible !important;  height:auto !important; }
body { margin:0; padding:0; font-size:17px; line-height:1.5; font-family: 'arial', sans-serif; font-weight:normal; color:#75787b; overflow-x:hidden; }

h1 { margin:0; padding:0; font-size:48px; line-height:1; font-family: 'futura_bkbold', sans-serif;  color:#0094c7; }
h2 { margin:0; padding:0; font-size:40px; line-height:1.1; font-family: 'futura_bkbold', sans-serif; color:#0094c7; }
h3 { margin:0; padding:0; font-size:33px; line-height:1.2; font-family: 'futura_bkbold', sans-serif; color:#0094c7; }
h4 { margin:0; padding:0; font-size:28px; line-height:1.2; font-family: 'futura_bkbold', sans-serif; color:#0094c7; }
h5 { margin:0; padding:0; font-size:22px; line-height:1.3; font-family: 'futura_bkbold', sans-serif; color:#0094c7; }
h6 { margin:0; padding:0; font-size:20px; line-height:1.4; font-family: 'futura_bkbold', sans-serif; color:#0094c7; }

img { max-width:100%; height:auto; border:none; }
a { text-decoration:none; color:#0094c7; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
a:hover { color:#75787b; }
p { margin:0; }
* + p, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top:20px } 
input[type=submit] { cursor:pointer; background-image:url(Images/blank.png) !important;  }
.inner-padding { padding-left:30px; padding-right:30px; }

.set-bg { background-size:cover; background-position:center; position:relative; }
.set-bg > * { position:relative; z-index:2; }
.set-bg:before { content:''; background:rgba(0,0,0,0.6); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; }
.noOverlay.set-bg:before { content:normal; }
.get-bg { display:none !important; }

.fontWhite , .fontWhite h1 ,.fontWhite h2 ,.fontWhite h3 ,.fontWhite h4 ,.fontWhite h5 , .fontWhite h6 ,.fontWhite a { color:#fff; }
.fontWhite a:hover { color:#75787b; }
.titleBlue h1, .titleBlue h2, .titleBlue h3, .titleBlue h4, .titleBlue h5 { color:#1aafe2; } 

.button a, a.button, .button.v2 a:hover, a.button.v2:hover { padding:13px 35px 11px; background:#e68400 ; font-size:17px ; font-family: 'futura_bkbold' ; line-height:26px; text-transform:uppercase; color:#fff; border-radius:7px; border-bottom:4px solid #be6300; max-width:100%; display:inline-block; text-align:center;  } 
.button a:hover,a.button:hover, .button.v2 a, a.button.v2 { background:#2385ca; border-color:#1369a4; color:#fff; }

/*.button a, a.button, .button.v2 a:hover, a.button.v2:hover { padding:13px 35px 11px; background:#e68400 ; font-size:17px ; font-family: 'futura_bkbold' ; line-height:26px; text-transform:uppercase; color:#fff; border-radius:7px; border-bottom:4px solid #be6300; max-width:100%; display:inline-block; text-align:center;  } */
/*.button a:hover,a.button:hover, .button.v2 a, a.button.v2 { background:#2385ca; border-color:#1369a4; color:#fff; }*/



strong { font-family: 'futura_bkbold'; font-weight:normal; }
.uppercase { text-transform:uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }

/*unique paddings*/
.p0-20 { padding-left:20px; padding-right:20px; }
.p10-0 { padding-top:10px; padding-bottom:10px; }
.p20-0 { padding-top:20px; padding-bottom:20px; }
.p30-0 { padding-top:30px; padding-bottom:30px; }
.p40-0 { padding-top:40px; padding-bottom:40px; }
.p50-0 { padding-top:50px; padding-bottom:50px; }
.p60-0 { padding-top:60px; padding-bottom:60px; }
.p70-0 { padding-top:70px; padding-bottom:70px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px  }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px  }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }

::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; } 
::-moz-placeholder { opacity:1 !important; color:inherit !important; } 
:-ms-input-placeholder { opacity:1 !important; color:inherit !important; }
textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { display:block; border:1px solid #d7d7d7; outline:none; background:#fff; font-size:12px; line-height:20px; font-family:'futura_bkbook', sans-serif; font-weight:400; color:#000; margin:0; padding:13px 20px; width:100% !important; border-radius:5px; }
textarea { min-height:110px; }
input[type="submit"] { outline:none; font-family:'futura_bkbook', sans-serif; padding:12px 40px; background:#ffa330; color:#fff; border:1px solid #ffa330; font-size:16px; line-height:18px; text-transform:uppercase; font-weight:700; border-radius:4px; 
-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
input[type="submit"]:hover { color:#ffa330; background:transparent; }
.hs-error-msgs { list-style:none; margin:0 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; }

.row-fluid a.cta_button { box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important;}

/* Individual Pages CSS
-=-=-==-=-=-=-=-=-=-=-=-=-=*/
/*Home Page*/
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li { padding-left:18px; padding-right:18px; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li.navCta { padding-right:0; padding-top:18px; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li.navCta a { font-size:13px; line-height:18px; background:#31a1ef; padding:8px 25px; color:#fff; border-radius:3px; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li.navCta:hover a { background:#1f90e0; color:#fff; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li.navCta:hover a:after { display:none !important; }

.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:hover > a:after { width:100%; }

.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper>ul>li>a { /*font-size:16px; line-height:24px;*/ padding:22px 0px 32px; position:relative; font-size:17px; }
.row-fluid .newheadersection .siteNavigation .hs-menu-wrapper>ul>li>a:after { content:""; position:absolute; border:none; bottom:0; left:0; right:0; width:0; height:5px; background:#31a1ef; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
body.hs-blog-post .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper>ul>li>a:after { background:#fff; }

.row-fluid .newheadersection .siteNavigation .featuredVideo .title { font-family: 'futura_bkbook'; font-size:12px; padding-bottom:15px; }

.row-fluid .newfooter-section.footerSection address { margin-bottom:30px; }

.heroSection { padding:120px 0 90px; text-align:center; }
.homeHero.heroSection { padding:55px 0 90px; }
.heroSection h1 { color:#fff; text-transform:uppercase; font-size:62px; }
.heroSection h1 span { color:#31a1ef; font-size:95px; }
.heroSection .heroText { font-size:21px; text-transform:uppercase; font-family: 'futura_mdmedium'; color:#fff; margin:30px 0 0; letter-spacing:4px; }

.heroSection .filter_link { width:100%; display:block; margin:20px 0 0; padding:0; list-style:none; text-align:center; }
.heroSection .filter_link li { display:inline-block; vertical-align:middle; margin:10px; }
.heroSection .filter_link li a { display:inline-block; padding:6px; border-radius:50%; background:rgba(186,186,184,0.3); position:relative; cursor:pointer; }
.heroSection .filter_link li a .innerBlock { display:block; width:120px; height:120px; overflow:hidden; border-radius:50%; }
.heroSection .filter_link li a .innerBlock img { opacity:0; }
.heroSection .filter_link li.active a { background:#31a1ef; }
.heroSection .filter_link li.active a:after { content:''; position:absolute; width:0; height:0; border:8px solid transparent; border-top-color:#31a1ef; bottom:-14px; left:50%; margin-left:-8px; }
.heroTestimonialTab { max-width:600px; padding:20px; background:#fff; text-align:left; margin:20px auto 0; display:none; border-radius:10px;  }

.homeSec3 { background:url(//cdn2.hubspot.net/hubfs/167521/iOffice_2016/images/iOfficePattern.png?t=1518710487066) top left repeat;  padding:130px 0 80px; }

.homeSec3 .desktop { position:relative; left:0px; }
.homeSec3 .left img { width:100%; }
.homeSec3 .right { text-align:right; position:relative; right:-10px;  }
.homeSec3 .right .mobile { position:absolute; float:none; width:auto; display:inline-block; bottom: -40px; right: 230px; }

.animationSection { overflow:hidden; }
.animationSection .left img, .animationSection .center img, .animationSection .right img, .animationSection .mobile img { transition:all ease 2s; -moz-transition:all ease 2s; -webkit-transition:all ease 2s; }
.animationSection .left img { transform:translateX(-100%); -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); opacity:0; }
.animationSection .right img { transform:translateX(100%); -moz-transform:translateX(100%); -webkit-transform:translateX(100%);  opacity:0; }
.animationSection .mobile img { transform:translateY(100%); -moz-transform:translateY(100%); -webkit-transform:translateY(100%);  opacity:0; }
.animationSection.active .left img, .animationSection.active .right img { transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0);  opacity:1; }
.animationSection.active .mobile img { transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);  opacity:1; }

.homeSec3 .slick-slide { padding-bottom:60px; }
.homeSec3 .slick-slide img { display:inline-block;  }
.slick-slide .left img, .slick-slide .center img, .slick-slide .right img, .slick-slide .mobile img { transition:all ease 2s; -moz-transition:all ease 2s; -webkit-transition:all ease 2s; }
.slick-slide .left img { transform:translateX(-100%); -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); opacity:0; }
.slick-slide .right img { transform:translateX(100%); -moz-transform:translateX(100%); -webkit-transform:translateX(100%);  opacity:0;  }
.slick-slide .mobile img { transform:translateY(100%); -moz-transform:translateY(100%); -webkit-transform:translateY(100%);  opacity:0; }
.slick-slide.slick-current .left img, .slick-slide.slick-current .right img { transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0);  opacity:1; }
.slick-slide.slick-current .mobile img { transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);  opacity:1; }
.homeSec3 .slick-dotted ul.slick-dots { margin:-140px auto 140px; position:relative; z-index:1212; max-width:32%; display:block; }
.homeSec3 .center { padding:100px 0; }
.homeSec3 .centerInner { max-width:320px; margin:0 auto; display:block; }
.homeSec3 h2 { position:relative;  max-width: 31%; display:block; margin:0 auto -100px; }

.productSlider { max-width:320px; margin:0 auto; }
.homeSec3 ul.slick-dots li { margin:4px 6px; }

.featureBlocks > span > div { width:33.33%; float:left; }
.featureBoxMain { width:100%; float:left; position:relative; }
.featureBoxMain .boxFront { width:100%; float:left; height:21vw; position:relative; }
.featureBoxMain .boxFront:before { content: ''; background: rgba(0,0,0,0.6); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; position: absolute;
transition:all ease 1s; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; }
.featureBoxMain .boxFront h3 { position:absolute; z-index:2; top:50%; left:0; width:100%; padding:15px; text-align:center; transition:all ease 0.6s; -moz-transition:all ease 0.3s; max-height:100%;
-webkit-transition:all ease 0.3s; transform:translate3d(0,-50%,0) scale(1); -moz-transform:translate3d(0,-50%,0) scale(1); -webkit-transform:translate3d(0,-50%,0) scale(1);  color:#fff; 
  transition-delay:0.3s; -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;  overflow:auto; }
.featureBoxMain .boxBack { position:absolute; top:0; left:0; bottom:0; right:0; z-index:4; background:rgba(1,149,252,0.6); transition:all ease 0.6s; -moz-transition:all ease 0.6s;
-webkit-transition:all ease 0.6s; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); }
.featureBoxMain .boxBack .boxContent { color:#fff; position:absolute; z-index:4; top:50%; left:0; text-align:center; width:100%; padding:15px; overflow:auto; max-height:100%;
transform:translate3d(0,-50%,0);  -moz-transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); }
.featureBoxMain h4 { font-family: 'futura_bkbook'; font-weight:normal; }
.featureBoxMain:hover .boxFront h3 { transform:translate3d(0,-50%,0) scale(0); -moz-transform:translate3d(0,-50%,0) scale(0); -webkit-transform:translate3d(0,-50%,0) scale(0); 
transition-delay:0.001s; -moz-transition-delay:0.001s; -webkit-transition-delay:0.001s; }
.featureBoxMain:hover .boxBack { transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); transition-delay:0.3s; -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;  }

.homeSec5 { padding:125px 0; }
.homeSec5 h5 { color:#294865; }

.homeSec6  { background:#31a1ef; }
.homeSec6 h2 { margin-bottom:15px; }

.homeSec7 {  }
.row-fluid .portfolioLeft { width:45%; float:left; }   
.row-fluid .portfolioRight {  width:55%; float:left; margin-left:0; }

.clientBox { width:100%; float:left; position:relative; }
.clientBox .clientBoxInner , .clientBox .clientBoxInner2 { width:100%; float:left; position:relative; height:17vw; min-height:160px; }
.clientBox .clientBoxInner:before {  content: ''; background: rgba(0,0,0,0.6); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; position: absolute; } 
.clientBox .clientBoxInner2 { position:absolute;  }

.clientBox .clientBoxInner2 > div , .clientBox .clientBoxInner > div { position:relative; z-index:2; }
.clientBox .clientBoxInner2 .logoTop , .clientBox .clientBoxInner .logoTop { position:absolute; top:50%; left:0; transform:translate3d(0,-50%,0) scale(1); z-index:2; text-align:center; width:100%;
-moz-transform:translate3d(0,-50%,0) scale(1); -webkit-transform:translate3d(0,-50%,0) scale(1);  max-height:100%; overflow:auto; padding:15px; transition-delay:0.3s; 
-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
.clientBox .clientBoxInner2 .linkOverlayBack , .clientBox .clientBoxInner .linkOverlayBack {  position:absolute; top:0; left:0; bottom:0; right:0; transform:scale(1); z-index:2; text-align:center;
-moz-transform:scale(1); -webkit-transform:scale(1); background:rgba(49,161,239,0.62); transition:all ease 0.6s; -moz-transition:all ease 0.6s; -webkit-transition:all ease 0.6s;  }
.clientBox .clientBoxInner2 .linkOverlayBack a , .clientBox .clientBoxInner .linkOverlayBack a { position:absolute; top:50%; left:0; transform:translate3d(0,-50%,0); z-index:3; text-align:center; width:100%; -moz-transform:translate3d(0,-50%,0);
-webkit-transform:translate3d(0,-50%,0);  max-height:100%; overflow:auto; padding:15px; color:#fff; font-family: 'futura_bkbold'; font-weight:normal; }
.clientBox:hover .clientBoxInner2 .logoTop , .clientBox:hover .clientBoxInner .logoTop { transform:translate3d(0,-50%,0) scale(1); -moz-transform:translate3d(0,-50%,0) scale(1); -webkit-transform:translate3d(0,-50%,0) scale(1); 
transition-delay:0.001s; -moz-transition-delay:0.001s; -webkit-transition-delay:0.001s; opacity:0; }
.clientBox:hover .clientBoxInner2 .linkOverlayBack , .clientBox:hover .clientBoxInner .linkOverlayBack { transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); transition-delay:0.3s; -moz-transition-delay:0.3s; 
-webkit-transition-delay:0.3s;  }


/* ==========================
# 9/21/2016
=============================*/
.clientBox  .linkOverlayBack,
.featureBoxMain .boxBack { opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }

.clientBox, .featureBlocks > span > div { overflow:hidden; }
.clientBox .clientBoxInner 
.featureBoxMain { transition: transform  0.3s ease-out 0s; -webkit-transition:transform  0.3s ease-out 0s; -moz-transition:transform  0.3s ease-out 0s;  }
.clientBox:hover .clientBoxInner {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: transform 5s ease-in; -webkit-transition:transform 5s ease-in; -moz-transition:transform 5s ease-in;  }
/*.featureBlocks > span > div:hover .featureBoxMain {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: transform 5s ease-in; -webkit-transition:transform 5s ease-in; -moz-transition:transform 5s ease-in;  }*/
.featureBoxMain .boxFront  { transition: transform 0.2s ease-in; -webkit-transition:transform 0.2s ease-in; -moz-transition:transform 0.2s ease-in;  }
.featureBlocks > span > div:hover .featureBoxMain .boxFront  { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: transform 5s ease-in; -webkit-transition:transform 5s ease-in; -moz-transition:transform 5s ease-in;  }

.featureBoxMain .fontWhite a:hover { color:#fff; }

/*.fancybox[href="#popup-33"] {transform: translate(49px, -12px); -webkit-transform: translate(49px, -12px); -moz-transform: translate(49px, -12px);}*/
/*.fancybox[href="#popup-42"] {transform: translate(10px, -49px); -webkit-transform: translate(10px, -49px); -moz-transform: translate(10px, -49px);}*/


/*Landing Page 2017 You Are Invite*/
.row-fluid .invite_landing_form{padding: 92px 0 108px;} 
.invite_landing_form  .widget-type-logo{margin:0 0 50px;}
.invite_landing_form  .widget-type-logo, .invite_form_text, .invite_form_block{text-align:left;}

.row-fluid .invite_form_block {  float: right;  margin: 0;  width: 495px;background:#00b3fe url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/vintage.png?t=1518710487066) no-repeat right bottom;border-radius:5px;padding:27px 45px 40px;box-shadow: 11px 5px 32px rgba(0, 0, 0, 0.41);}
.row-fluid .invite_form_text{ margin: 0;  width: 395px;}

.invite_landing_form .wrapper{width: 970px;}
.vip-party-text span {  color: #fff;  display: block; font-family: "futura_bkbook";  font-size: 25px;  letter-spacing: 1.7px;  text-transform: uppercase;}
.row-fluid .invite_landing_form h1 {  color: #fff;  font-size: 80px;  letter-spacing: 0.1px;  line-height: 76px;  text-transform: uppercase;margin:4px 0 0;}
.row-fluid .invite_landing_form .location_text p{ margin: 0;font-family: "futura_bkbook";text-transform: uppercase; color:#fff;font-size:21px;}
.row-fluid .invite_landing_form .location_text p strong{color:#00b3fe;font-size:21px;text-transform: uppercase;display:block;margin:15px 0 0;line-height:normal;}
.row-fluid .invite_landing_form .location_text p small{color:#fff;font-size:17px;text-transform: none;display:block;font-family: "futura_bkbook"; font-weight:normal;}
.row-fluid .invite_form_block  h3 {  color: #fff;  font-family: "futura_bkbook";  font-size: 20px;  font-weight: normal;  letter-spacing: 1.8px;  line-height: normal;  margin: 0 0 27px;  padding: 0;}
.row-fluid .invite_form_block form .field > label{display:none;}
.row-fluid .invite_form_block form .field input {  border: none;  color: #8e8e8e;  font-family: 'arial', sans-serif;  font-size: 16px;  padding: 13px 32px;}

.row-fluid .invite_form_block form .field{margin:0 0 17px;}
.row-fluid .invite_form_block form .hs-error-msgs{color: #fff; font-size: 12px;}
.row-fluid .invite_form_block input[type="submit"] {  background: #036e9b ;  border: medium none;  border-radius: 5px;  box-shadow: 0 4px 0 #013044;  color: #fff;  
  font-size: 18px;  font-weight: 700;  line-height: 18px;  outline: medium none;  padding: 14px 46px 13px;  text-transform: uppercase;  transition: all 0.3s ease 0s;font-family: 'Futura Std' !important;font-weight:bold;} 
.row-fluid .invite_form_block input[type="submit"]:hover{background:#ffa330;box-shadow: 0 4px 0 #91560c;color:#fff;}
.row-fluid .invite_form_block form .hs_submit{margin:13px 0 0;float: left;}
.row-fluid .food_spirits_img{margin: 90px 0 0;}
.row-fluid .landing_footerSection{padding: 37px 0 52px;text-align:center; background:#00b3fe;}
.row-fluid .landing_footerSection .copyRight {  font-family: arial;  font-size: 12px; letter-spacing: 1px;  margin: 5px 0 0;}

.row-fluid .food_spirits_text span {  background:url("https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/food_shape.png?t=1518710487066") no-repeat ;  color: #fff;
  display: block;  font-family: "futura_bkbold";  font-size: 24px;  height: 102px;  line-height: 35px;  margin: 0 auto;  padding: 0 115px;  text-transform: uppercase;  width: 644px;padding-top:18px;}
.row-fluid .food_spirits_text span strong{display: block;    font-family: "futura_bkbold";    font-size: 41px;    font-weight: normal;    left: 10px;    position: relative;}
.row-fluid .food_spirits_text span small{font-size: 24px; color:#00b3fe;}

/*Landing Page 2017 IFMA*/

.ifma_landing_page .body-container-wrapper{ margin-top:0;}
.ifma_landing_page .set-bg:before{display:none;}
.ifma_landing_page .ioffice_ifma_logo{margin:0 0 40px;}
.ifma_landing_page .set-bg {  background-repeat: no-repeat;  background-size: 100% auto;  position: relative; background-position: center 530px;}
.row-fluid .ifma_landing_section{padding:54px 0 0;}
.row-fluid .giveway_2017 span{font-size:20px;font-family: 'Futura Std';font-weight:normal;display:block;color:#1e1e1e;}
.row-fluid .ifma_giveaway_title{margin:3px 0 11px;}
.row-fluid .ifma_giveaway_title > div{display: inline-block;max-width: 800px;}
.row-fluid .ifma_giveaway_title h1{font-size:50px;line-height:54px; text-transform:uppercase;font-family: 'Futura Std';font-weight:bold;color:#01affe;text-transform: uppercase;}
.row-fluid .ifma_giveaway_title h1 span{color:#f79d01;font-weight:normal;font-family: 'Futura Std';}
.row-fluid .here_how_text h4{font-size:30px;font-family: 'Futura Std';font-weight:normal;display:block;color:#1e1e1e;text-transform: uppercase;}
.row-fluid .landing_step_wrapper{text-align:center;margin:60px 0 0;}
.landing_step_wrapper .row-fluid .step_col_block {  display: inline-block;  margin: 0 18px !important;  vertical-align: top;  width: calc(33.3333% - 38px);padding: 0 10px;}
/*.row-fluid .step_col_block .step_icon_inner {background: #55c7fa; border-radius: 50%; display: inline-block; float: none; height: 100px; position: relative; width: 100px;}*/
.row-fluid .step_col_block .step_icon_inner {display: inline-block; float: none;line-height: 104px;}
/*.row-fluid .step_col_block .step_icon_inner img {  bottom: 0;  left: 0;  margin: auto;  position: absolute;  right: 5px;  width: auto !important;}*/
.row-fluid .step_col_block .step_icon_inner img { width: auto !important;}
.row-fluid .step_col_block h4{font-size:21px;line-height:normal; text-transform:uppercase;font-family: 'Futura Std';font-weight:bold;color:#00b3fe;text-transform: uppercase;margin:20px 0 2px;}
.row-fluid .step_col_block .widget-type-rich_text span{color:#181818;font-size:16px;line-height:27px;font-family: 'arial', sans-serif;}
.row-fluid .step_col_block .widget-type-rich_text strong{color:#181818;font-family: 'arial', sans-serif;font-weight:bold;}
.row-fluid .step_col_block.step2_col_block .step_icon_inner img {  left: -23px;  max-width: 143px;  top: 0;  width: 143px !important;}
.row-fluid .step_col_block.step3_col_block .step_icon_inner img {  bottom: 2px;  left: -10px;  max-width: 135px;}
 
.ifma_landing_page .row-fluid .invite_form_block {  display: block;  float: none; margin: -40px auto 0 !important;  max-width: 828px;   padding:36px 42px 42px 50px;  width: 100%;background-image:none;position:relative;bottom: -120px;} 
.row-fluid .ready_explore_form{float: right;    margin: 0;    width: 408px;}
.row-fluid .ready_explore_content{ width: 270px}
.row-fluid .ready_explore_content h2{ color: #fff;font-size: 40px;    letter-spacing: 1px;    line-height: 43px;    text-transform: uppercase;font-family: 'Futura Std';font-weight:bold;}
.row-fluid .world_workplace{margin:4px 0 37px;}
.row-fluid .world_workplace span{ color: #fff;font-size: 30px;    letter-spacing: 1px;    line-height: 43px;    text-transform: uppercase;font-family: 'Futura Std';font-weight:normal;}
.row-fluid .fill_out_form_text{position:relative;padding: 0 80px 0 0;}
.row-fluid .fill_out_form_text span{ color: #036e9b;    display: block;    font-size: 23px;    font-weight: 700;    line-height: 27px;font-family: 'Futura Std';}
.row-fluid .fill_out_form_text:after{content: "";background: url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/fillout-form.png?t=1518710487066) no-repeat;width: 100px;height: 60px;position: absolute;right: 0;top:12px;}    
.ifma_landing_page .row-fluid .invite_form_block .widget-type-form h3{display:none;} 

.ifma_landing_page .row-fluid .invite_form_block input[type="submit"]{min-width: 268px;background: #f79d01; box-shadow: 0 4px 0 #cd8201;}
.ifma_landing_page .row-fluid .invite_form_block input[type="submit"]:hover{background: #036e9b; box-shadow: 0 4px 0 #013044;}

.row-fluid .arrow_dwn{left: 0;position: absolute;top: 40px;}
.row-fluid .down_arrow { background-color: #fff;  border-radius: 50%;  height: 68px;left: 0;  margin: auto;  position: absolute;  right: 0;  width: 68px;background-image:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/fonts/down_arrow.png?t=1518710487066); background-position: center 18px;    background-repeat: no-repeat;}
.row-fluid .ifma_footer{background:#0c3860;min-height:300px !important;padding: 120px 0 30px;} 
.row-fluid .ifma_footer .row-fluid .wrapper{max-width:475px;width:100%;}
.row-fluid .footer_text{margin:25px 0 38px;}
.row-fluid .footer_text span{color: #fff;font-family: arial;   font-size: 16px;    line-height: 22px;    text-transform: uppercase;display: block;}
.row-fluid .footer_text strong{color:#f79d01;font-weight:normal;}
.row-fluid .copyright_text span{color: #fff;font-family: arial; letter-spacing: 1.5px;  font-size: 12px;    line-height: 22px; display: block;}
.row-fluid .form_rel_div{position:relative;}

.row-fluid .workforce-hero { background:#edf1f4 url(https://cdn2.hubspot.net/hubfs/167521/iOffice_2016/images/wave-bg.jpg?t=1518710487066) no-repeat; background-size:100% auto; background-position:top center; padding-bottom:0px; }

.row-fluid .openspace-herosubtitle { text-transform:uppercase; color:#090d11; font-size:21px; line-height:24px; letter-spacing:1px; font-family: 'futura_mdmedium', sans-serif, Arial, Helvetica; }
.row-fluid .openspace-heroheader { margin:15px; }
.row-fluid .openspace-heroheader h1 { text-transform:uppercase; color:#31a1ef; }
.row-fluid .openspace-heroheader h1 span { font-size:43px; line-height:52px; color:#090d11; font-family: 'futura_ltlight', sans-serif, Arial, Helvetica; display:block; text-transform:none; letter-spacing:2.5px; }
.row-fluid .clock-icon { margin-bottom:20px; }

.row-fluid .openspace-herocontent { color:#090d11; font-size:19px;  }
.row-fluid .openspace-herocontent strong { font-family: 'futura_bkbold';}

.row-fluid .workforce-needsection { padding:350px 0 0;}

.row-fluid .workforce-needsection .workneed-imgwrap { width:70%; margin-left:-10%; margin-right:-5%; float:none; display:inline-block; vertical-align:bottom;}
.row-fluid .workneed-contentwrap { text-align:left; font-size:21px; line-height:26px; color:#090d11; padding-bottom:90px; float:none; display:inline-block; vertical-align:bottom; padding-left:100px; }
.row-fluid .workneed-contentwrap h2 { color:#090d11; }
.row-fluid .arrow-liststyle ul { list-style:none; padding:0; }
.row-fluid .arrow-liststyle ul li { display:inline-block; width:100%; margin:10px 0; padding-top:5px; padding-bottom:5px; position:relative; padding-left:55px;  }
.row-fluid .arrow-liststyle ul li:before { content:""; background:url(https://cdn2.hubspot.net/hubfs/167521/iOffice_2016/images/list-stylearrow.png?t=1518710487066) no-repeat; width:37px; height:37px; position:absolute; left:0; top:0; }

.row-fluid .work-forcesection { padding:240px 0; text-align:center;  }
.row-fluid .work-forcesection .wrapper { position:relative; z-index:2; }
.row-fluid .work-forcesection > * { position:initial; }
.row-fluid .work-forcesection.set-bg:before { background-color:rgba(3,107,171,0.9); }
.row-fluid .workforce-contentwrap { max-width:600px; float:none; display:inline-block; margin:0 auto; }
.row-fluid .workforce-contentwrap h2 { color:#fff; font-size:41px; line-height:50px; }
.row-fluid .workforce-contentwrap h2 span { color:#5ebbfc; }

.row-fluid .work-forcesection .bottom-arrow { bottom:100px; top:auto; z-index:2; }

.row-fluid .openspace-wflisting .hs_cos_wrapper_type_custom_widget:last-child .oswork-forcrow { margin-bottom:0; }
.row-fluid .oswork-forcrow { float:left; width:100%; margin:50px 0 60px; padding-left:100px; padding-right:100px;  }
.row-fluid .oswork-forcrow .oswork-spaceimgwrap,.row-fluid .oswork-forcrow .oswork-spacecontentwrap { display:inline-block; vertical-align:middle; margin:0 -2px; }
.row-fluid .oswork-forcrow .oswork-spaceimgwrap,.row-fluid .oswork-forcrow.oswork-forcrowright .oswork-spacecontentwrap { width:50%;}
.row-fluid .oswork-forcrow .oswork-spacecontentwrap,.row-fluid .oswork-forcrow.oswork-forcrowright .oswork-spaceimgwrap  { width:50%; }

.row-fluid .oswork-forcrow .oswork-spaceimgwrap .oswork-spaceimg { display:inline-block; background-size:100%; max-width:285px; background-repeat:no-repeat !important; background-position:center !important; padding:65px 15px; }
.row-fluid .oswork-forcrow .oswork-spaceimgwrap { text-align:left;  }
.row-fluid .oswork-spacelistwrap { background:#edf1f4; padding:80px 0 0; }
.row-fluid .oswork-spacecontentwrap { font-size:21px; line-height:28px; color:#090d11; }
.row-fluid .oswork-spacecontentwrap h2 { color:#090d11; font-size:41px; line-height:48px; margin-top:0; }


.row-fluid .workspace-ctasection { text-align:center; padding:250px 0 250px; background:#edf1f4 url(https://cdn2.hubspot.net/hubfs/167521/iOffice_2016/images/workforce-ctabgnew.jpg?t=1518710487066) no-repeat; background-position:center center; background-size:100% auto; }
.row-fluid .workspace-ctasection h2 { color:#fff; font-size:41px; line-height:50px;  }
.row-fluid .workspace-ctasection .real-cta { margin-top:35px; }

.oswork-spaceimgwrap .mobileGif { display:none; }



@media (min-width:1600px){
    .row-fluid .landing_step_wrapper {  margin: 60px 0 170px;background-position: center 390px;}
}

@media (min-width:2000px){
    .row-fluid .landing_step_wrapper { background-position: center 220px; }
}

@media (max-width:1300px){
    .ifma_landing_page .set-bg {background-position: center bottom;}
    
}
@media (min-width:992px){
    .clientBox:hover .linkOverlayBack,.clientBox.active .linkOverlayBack,
    .featureBoxMain:hover .boxBack ,.featureBoxMain.active .boxBack { opacity:1;}
    .clientBox:hover .clientBoxInner .logoTop, .clientBox.active .clientBoxInner2 .logoTop,.clientBox.active .clientBoxInner .logoTop,
    .featureBoxMain:hover .boxFront h3 , .featureBoxMain.active .boxFront h3 { display:none;}
}
@media (max-width:992px){
    .clientBox.active .linkOverlayBack, .featureBoxMain.active .boxBack { opacity:1;}
    .clientBox.active .clientBoxInner2 .logoTop,.clientBox.active .clientBoxInner .logoTop, .featureBoxMain.active .boxFront h3 { display:none;}
    .oswork-spaceimgwrap .mobileGif { display:block; }
    .oswork-spaceimgwrap #desktopVid { display:none; }
}


/*=============end changes ==============================*/



.portfolioLeft .clientBox .clientBoxInner { height:34vw; min-height:320px; }
.portfolioRight > span > div { width:50%; float:left; }

.homeSec8 { padding:100px 0;  }

.testimonialTabsWrapper > span { padding:30px; margin-top:60px; box-shadow:0 0 35px 10px rgba(0,0,0,0.15); -moz-box-shadow:0 0 35px 10px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 35px 10px rgba(0,0,0,0.15); }
.testimonialTabsWrapper > span:after { content:''; display:block; width:40px; height:40px; margin:0 auto -40px 30px; transform:rotate(-225deg); -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg);
    background:#fff; position:relative; top:10px;  box-shadow:6px -6px 20px 0 rgba(0,0,0,0.15); -moz-box-shadow: 6px -6px 20px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 6px -6px 20px 0 rgba(0,0,0,0.15); }

.testimonialTabsWrapper .clientIcon span { display:inline-block; background:#31a1ef; border-radius:50%; padding:15px 7px 15px 20px; }
.testimonialTabsWrapper .clientIcon span img { border-radius:50%; }
.testimonialContent h5 { color:#75787b; font-family: 'futura_bkbook'; line-height:1.5; }
.nameNrole { margin-top:20px; }
.nameNrole .name { font-weight:700; color:#0094c7; }

.testimonialTabsWrapper .tabLink { margin-top:60px; }
.testimonialTabsWrapper .tabLink img { max-width:85%; }
.testimonialTabsWrapper .tabLink .slick-slide:not(.slick-current) { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.homeSec10 { background:url(//cdn2.hubspot.net/hubfs/167521/iOffice_2016/images/iOfficePattern.png?t=1518710487066) top left repeat;  padding:100px 0; }
.homeSec10 h6.clearfix { color:#31a1ef; }
.sec10Content { font-size:19px; line-height:1.7; }
.sec10Content h4 { text-transform:uppercase; }


.row-fluid .humming-birdhero { text-align:left; color:#fff; }
.row-fluid .humming-birdhero:before { display:none; } 
.row-fluid .humming-birdsubheader { border-bottom:1px solid #ffffff; padding-bottom:25px; margin-bottom:25px; }
.row-fluid .humming-birdherocaption { max-width:580px; }
.row-fluid .humming-birdherocaption h1 { font-size:76px; line-height:80px; }
.row-fluid .humming-birdherocontent { margin:25px 0 65px; font-size:19px; line-height:30px; }
.row-fluid .humming-birdherocontent .hs_cos_wrapper_type_rich_text span { color:#01fdff; font-weight:bold;}
.row-fluid .humming-birdherocontent .hs_cos_wrapper_type_rich_text strong { display:inline-block; width:100%; }

.row-fluid .hero-ctabtn a { background: rgb(3,210,212);
background: -moz-linear-gradient(left, rgba(3,210,212,1) 0%, rgba(1,154,216,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(3,210,212,1)), color-stop(99%,rgba(1,154,216,1)));
background: -webkit-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -o-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -ms-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: linear-gradient(to right, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d2d4', endColorstr='#019ad8',GradientType=1 ); border-bottom-color:#096e97; padding:15px 65px 13px; }
.row-fluid .hero-ctabtn a:hover { background: rgb(0,144,145);
background: -moz-linear-gradient(left, rgba(0,144,145,1) 0%, rgba(1,128,178,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,144,145,1)), color-stop(99%,rgba(1,128,178,1)));
background: -webkit-linear-gradient(left, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
background: -o-linear-gradient(left, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
background: -ms-linear-gradient(left, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
background: linear-gradient(to right, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009091', endColorstr='#0180b2',GradientType=1 ); }

.row-fluid .trusted-section { color:#383838;}
.row-fluid .trusted-section h2 { color:#31a1ef; margin-bottom:15px;  }

.row-fluid .humming-birdherolp { padding-top:60px; color:#fff; }
.row-fluid .humming-birdherolp:before { background:rgba(36, 23, 56, 0.64); }
.row-fluid .heroSection.humming-birdherolp h1 span { color:#67eae4; font-size:58px; }
.row-fluid .heroSection.humming-birdherolp h1 { font-size:58px; margin-bottom:25px; }
.row-fluid .heroSection.humming-birdherolp .heroText { font-size:37px; line-height:40px;  font-family: 'futura_ltlight'; letter-spacing:3px; }
.row-fluid .heroSection.humming-birdherolp .meet-title { display:inline-block; float:none; width:auto; margin:10px auto; font-size:24px; line-height:32px; text-transform:uppercase; font-family: 'futura_bkbook'; position:relative; padding:0 170px; }
.row-fluid .heroSection.humming-birdherolp .meet-title:before { content:""; width:145px; height:1px; position:absolute; left:0; background:#fff; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.row-fluid .heroSection.humming-birdherolp .meet-title:after { content:""; width:145px; height:1px; position:absolute; right:0; background:#fff; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}

.row-fluid .humming-birdherolpcontent { font-size:19px; line-height:30px; margin:25px auto; float:none; display:inline-block; max-width:740px; }
.row-fluid .humming-birdherolp .downArrow  { margin:50px 0 100px; }
.row-fluid .humming-birdherolp .downArrow img { cursor:pointer; }

.humming-birdpage { background:#ebebeb; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget_container { margin-top:-100px; position:relative; z-index:1; padding:5px; box-shadow:0px 44px 55px rgba(0,0,0,0.19); border-radius:5px; background:#fff; float:left; width:100%; border-radius:5px; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget { color:#fff;  width:50%; float:left; padding:5px; border-radius:5px; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget h4 { color:#fff; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes { overflow:hidden; position:relative; border-radius:5px; background-repeat:no-repeat; background-size:auto 100%; background-position:right center; background-color:#cdbce6; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.black-box { background-color:#6e7276; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.black-box:before { background:rgba(81, 87, 93, 0.5); }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.blue-box { background-color:#91d2ff; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.blue-box .humming-boxecontent,
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.green-box .humming-boxecontent { padding-right:70px; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.blue-box:before { background:rgba(40, 146, 220, 0.71); }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.green-box { background-color:#0faa81; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.green-box:before { background:rgba(15, 170, 129, 0.71); }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes:before { content:""; width:100%; background:rgba(36, 23, 56, 0.50);  position:absolute; left:0; height:100%; top:0; }
.row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes .humming-boxeinner { position:relative; z-index:1; padding:45px; }
.row-fluid .humming-boxlistings .humming-boxeinner h5 { color:#fff; font-family: 'futura_bkbook'; text-transform:uppercase; font-size:17px; line-height:20px; } 
.row-fluid .humming-boxlistings .humming-boxeinner h4 { margin-top:0; text-transform:uppercase;  }
.row-fluid .humming-boxlistings .humming-boxecontent { margin:10px 0 20px 0; min-height:82px; }
.row-fluid .humming-boxlistings .button { background: rgb(3,210,212);
background: -moz-linear-gradient(left, rgba(3,210,212,1) 0%, rgba(1,154,216,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(3,210,212,1)), color-stop(99%,rgba(1,154,216,1)));
background: -webkit-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -o-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -ms-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: linear-gradient(to right, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d2d4', endColorstr='#019ad8',GradientType=1 );  border-bottom-color:#096e97; padding:15px 65px 13px; }
.row-fluid .humming-boxlistings .button:hover,.row-fluid .howit-filewrap .button a:hover,.row-fluid .streamlined-ctabtn a:hover { background: rgb(0,144,145);
background: -moz-linear-gradient(left, rgba(0,144,145,1) 0%, rgba(1,128,178,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,144,145,1)), color-stop(99%,rgba(1,128,178,1)));
background: -webkit-linear-gradient(left, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
background: -o-linear-gradient(left, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
background: -ms-linear-gradient(left, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
background: linear-gradient(to right, rgba(0,144,145,1) 0%,rgba(1,128,178,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009091', endColorstr='#0180b2',GradientType=1 ); }


.breakout-x {padding:0; color:#fff; cursor:pointer; text-align:right;}

.row-fluid .howit-filesection { }
.row-fluid .howit-filewrap { padding:120px 0; }
.row-fluid .howit-filewrap h2 { color:#31a1ef; text-transform:uppercase; margin-bottom:10px; }
.row-fluid .howit-filewrap .howit-subtitle { font-weight:bold; color:#75787b; font-size:21px; line-height:28px; font-family: 'futura_bkbold'; }
.row-fluid .howit-filewrap .nowthat-tagline { font-weight:bold; font-family: 'futura_bkbold'; color:#75787b; margin:35px 0; display:inline-block; font-size:25px; line-height:32px; }
.row-fluid .howit-filewrap .button a { min-width:500px; background: rgb(3,210,212);
background: -moz-linear-gradient(left, rgba(3,210,212,1) 0%, rgba(1,154,216,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(3,210,212,1)), color-stop(99%,rgba(1,154,216,1)));
background: -webkit-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -o-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -ms-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: linear-gradient(to right, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d2d4', endColorstr='#019ad8',GradientType=1 );  border-bottom-color:#096e97; padding:15px 65px 13px; }

.row-fluid .howit-filesection { background:url(//cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/hand-bg.png?t=1518710487066) no-repeat; background-position: left center; }
.row-fluid .humming-birdfly { padding-top:50px; text-align:center; }
.row-fluid .go .humming-birdfly {  -webkit-animation: fly-in-from-left .5s .5s ease both;
  -moz-animation: fly-in-from-left .5s 1s ease both;
  -o-animation: fly-in-from-left .5s 1s ease both;
  animation: fly-in-from-left .5s .5s ease both;
  -webkit-transform-origin: top left;
  transform-origin:top left;  }

.row-fluid .givemployee-heading { background-color:#91d2ff; border-radius:10px 10px 0 0; margin-bottom:20px; background-repeat:no-repeat; background-size:auto 100% !important; background-position:right center;  padding:45px 400px 30px 60px; color:#fff; position:relative; }
.row-fluid .givemployee-heading:after { content:""; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #4598d3; width:0px; height:0px; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
.row-fluid .givemployee-heading:before { background:rgba(0, 101, 171, 0.52); }
.row-fluid .givemployee-heading h4 { font-size:30px; line-height:36px;  color:#fff; text-transform:uppercase; margin-bottom:8px; } 
.row-fluid .giveemployee-section { overflow:hidden; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:6px;  }
.row-fluid .humming-emlistwrap { padding:30px 50px; }
.row-fluid .humming-emlistwrap ul { max-width:830px; margin:0 auto; padding:0; }
.row-fluid .humming-emlistwrap li { width:33.33%; color:#535454; margin:15px -3px; display:inline-block; position:relative; padding-left:40px; font-family: 'futura_bkbold'; text-transform:uppercase; vertical-align:top;  }
.row-fluid .humming-emlistwrap li:before { content:""; position:absolute; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/nlist-stylesign.png?t=1518710487066) no-repeat; width:24px; height:21px; left:0;  }
@-webkit-keyframes fly-in-from-left {
  from {
    -webkit-transform:translateY(5rem) rotate(15deg);
    opacity:0;
  }
}

@-moz-keyframes fly-in-from-left {
  from {
    -moz-transform:translateY(5rem) rotate(15deg);
    opacity:0;
  }

}

@-o-keyframes fly-in-from-left {
  from {
    -o-transform:translateY(5rem) rotate(15deg);
    opacity:0;
  }

}

@keyframes fly-in-from-left {
  from {
    transform:translateY(5rem) rotate(15deg);
    opacity:0;
  }
}


.row-fluid .streamlined-section { padding:80px 0; }
.row-fluid .streamlined-section .streamlined-contentwrap { text-align:center; margin:25px 0; }
.row-fluid .streamlined-contentwrap h2 { text-transform:uppercase; color:#31a1ef; margin-bottom:15px;  }
.row-fluid .streamlined-ctabtn { text-align:center; margin:40px 0 0;}
.row-fluid .streamlined-ctabtn a { min-width:400px;  background: rgb(3,210,212);
background: -moz-linear-gradient(left, rgba(3,210,212,1) 0%, rgba(1,154,216,1) 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(3,210,212,1)), color-stop(99%,rgba(1,154,216,1)));
background: -webkit-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -o-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: -ms-linear-gradient(left, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
background: linear-gradient(to right, rgba(3,210,212,1) 0%,rgba(1,154,216,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d2d4', endColorstr='#019ad8',GradientType=1 );  border-bottom-color:#096e97; padding:15px 65px 13px;  }

.row-fluid .streamlined-listings .hs_cos_wrapper_widget_container { margin-left:-25px; margin-right:-25px;  display:block; } 
.row-fluid .streamlined-listings .hs_cos_wrapper_widget { float:left; width:50%; padding:25px; }

.row-fluid .streamlined-listings .streamlined-boxinner { overflow:hidden; background:#fff; border-radius:6px; box-shadow:0 0 25px rgba(0,0,0,0.2); }
.row-fluid .streamlined-listings .streamlined-imgwrap { border-radius:6px 6px 0 0; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center;  text-align:center; padding:25px 0px 0; height:150px; }
.row-fluid .streamlined-listings .streamlined-imgwrap:before { content:""; left:0; top:0; width:100%; height:100%; position:absolute; background:rgba(255,255,255,0.70);}
.row-fluid .streamlined-listings .streamlined-imgwrap img { position:relative; z-index:1; } 
.row-fluid .streamlined-listings .streamlined-boxcontent { padding:60px; }
.row-fluid .streamlined-listings .streamlined-boxcontent h4 { text-transform:uppercase; margin-bottom:14px; }

.row-fluid .popup-form { display:none; }
.popup-form form fieldset,.personal-demoform  form fieldset { max-width:100%; }
.popup-form form .hs-form-required,.personal-demoform form .hs-form-required { display:none; }
.popup-form .dropdown-arrow { }

.row-fluid .humming-lpform .field > label { font-family: 'arial', sans-serif; color:#31a1ef;  }
.row-fluid .humming-lpform .hs-form fieldset {max-width:none}
.row-fluid .humming-lpform input[type="text"],.row-fluid .humming-lpform  input[type="password"], .row-fluid .humming-lpform input[type="datetime"],.row-fluid .humming-lpform input[type="datetime-local"],.row-fluid .humming-lpform input[type="date"],.row-fluid .humming-lpform input[type="month"],.row-fluid .humming-lpform input[type="time"],.row-fluid .humming-lpform input[type="week"], 
.row-fluid .humming-lpform input[type="number"],.row-fluid .humming-lpform input[type="email"],.row-fluid .humming-lpform input[type="url"],.row-fluid .humming-lpform input[type="search"],.row-fluid .humming-lpform input[type="tel"],.row-fluid .humming-lpform input[type="color"],.row-fluid .humming-lpform input[type="file"],.row-fluid .humming-lpform textarea,.row-fluid .humming-lpform select {  font-family: 'arial', sans-serif; font-size:16px; font-weight:normal; background:#fff; border:1px solid #d7d7d7; height:46px; padding:0 15px; border-radius:0; }
.row-fluid .humming-lpform select { border:1px solid #d7d7d7; color:#6e6e6e;  -webkit-appearance: none; -moz-appearance: none; appearance: none;  background-image: url('//cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/dropdown-arrow.png?t=1518710487066'); background-repeat:no-repeat; background-position:right center;  background-color:#fff; height:45px; padding:0 45px 0 15px; font-size:16px; -webkit-border-radius:0px;
    -moz-border-radius: 0px; border-radius:0px; font-family: 'arial', sans-serif; }
.row-fluid .humming-lpform select:focus { outline:none; }
.row-fluid .humming-lpform textarea { background:#fff; border:1px solid #d7d7d7; color:#060606; padding:15px; font-size:16px; height:178px; resize:none; font-family: 'arial', sans-serif; width:100%;  }
.row-fluid .humming-lpform .hs-form .input { margin-right:0}
.row-fluid .humming-lpform .hs-form .field { padding:0 0 20px 0; }
.row-fluid .humming-lpform .hs-form .form-columns-2 .field:first-child { padding:0 20px 20px 0}
.row-fluid .humming-lpform .hs-form .input { margin-right:0}
.row-fluid .humming-lpform .hs-form .form-columns-2 .field { padding:0 0 20px 20px}
.row-fluid .humming-lpform .hs-form .form-columns-2 .field:first-child+.field { padding:0 0 20px 20px}
.row-fluid .humming-lpform .hs-form fieldset.form-columns-1 .input,.row-fluid .hs-form fieldset.form-columns-2 .input { margin-right:0; }
.row-fluid .humming-lpform .hs-form fieldset.form-columns-1 .hs-input { width:100%; }
.row-fluid .humming-lpform input[type="submit"],.row-fluid .humming-lpform input[type="button"] { width:100%; padding: 13px 35px 11px; background: #e68400; font-size: 17px; font-family: 'futura_bkbold'; line-height: 26px; text-transform: uppercase; color: #fff; border-radius: 7px; border-bottom: 4px solid #be6300;
    max-width: 100%; display: inline-block; text-align: center; }
.row-fluid .humming-lpform input[type="submit"]:hover,.row-fluid .humming-lpform input[type="button"]:hover { background: #2385ca; border-color: #1369a4; color: #fff; }

.row-fluid .lpppc-form .humming-lpform input[type="submit"],.row-fluid .lpppc-form .humming-lpform input[type="button"] { font-size: 20px; line-height: 32px; }

.row-fluid .humming-lpform .hs-form input[type=checkbox] { visibility:hidden; display:none;  }
.row-fluid .humming-lpform .hs-form input[type=checkbox] + span { position:relative; padding-left:30px; cursor:pointer; font-size:16px; color:#363636; padding-top:5px; padding-bottom:5px; display:inline-block; }
.row-fluid .humming-lpform .hs-form input[type=checkbox] + span:before { content:''; width:14px; height:14px; background:#ebebeb; border:1px solid #fff; box-shadow:0 0 0 1px rgba(172,172,172,1); display:inline-block; position:absolute; left:1px; top:8px; }
.row-fluid .humming-lpform .hs-form input[type=checkbox]:checked + span:before { background:#31a1ef; }
.row-fluid .humming-lpform .hs_subscribe_to_the_ioffice_blog input[type=checkbox] + span { color:#31a1ef; }
.row-fluid .humming-lpform .input ul.inputs-list { padding:0; margin:0; list-style:none; -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; }
.row-fluid .humming-lpform .field { position:relative; }
.row-fluid .humming-lpform .form-columns-2 .field.hs_lastname > label,
.row-fluid .humming-lpform .form-columns-2 .field.hs_mobilephone > label { padding-left:20px; }
.row-fluid .humming-lpform .field.hs_firstname > label,.row-fluid .humming-lpform .field.hs_lastname > label,
.row-fluid .humming-lpform .field.hs_email > label,.row-fluid .humming-lpform .field.hs_mobilephone > label,
.row-fluid .humming-lpform .field.hs_company > label { position:absolute; left:15px; top:10px; color:#6e6e6e;  }   
.row-fluid .humming-lpform .field.hs_firstname > label span span,.row-fluid .humming-lpform .field.hs_lastname > label span span,
.row-fluid .humming-lpform .field.hs_email > label span span,.row-fluid .humming-lpform .field.hs_mobilephone > label span span,
.row-fluid .humming-lpform .field.hs_company > label span span { color:#e68400;}
.row-fluid .popup-formcontent { text-align:center; margin-bottom:25px; font-size:23px; color:#3a3a3a; font-family: 'futura_mdmedium'; }
.popup-form  { padding:60px; }
.popup-form h2 { font-family: 'futura_bkbold'; }
.popup-form input::-webkit-input-placeholder,.personal-demoform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6e6e6e !important;
  content: "*" !important;
}
.popup-form input::-moz-placeholder,.personal-demoform input::-webkit-input-placeholder { /* Firefox 19+ */
  color: #6e6e6e !important;
  content: "*" !important;
}
.popup-form input:-ms-input-placeholder,.personal-demoform input::-webkit-input-placeholder { /* IE 10+ */
  color: #6e6e6e !important;
  content: "*" !important;
}
.popup-form input:-moz-placeholder,.personal-demoform input::-webkit-input-placeholder { /* Firefox 18- */
  color: #6e6e6e !important;
  content: "*" !important;
}

.check-note { display:inline-block; width:100%; font-size:13px; font-style:italic; color:#6e6e6e; margin-bottom:10px; }
.check-note span { color:#e68400; }


.humming-birdpage .fancybox-close { background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/popup-closeicon.png?t=1518710487066) no-repeat; right:30px; top:20px; }
.humming-birdpage .fancybox-opened { z-index:161617; }
.humming-birdpage .fancybox-overlay { z-index:161616; }

.row-fluid .lppopup-form { margin-top:-400px; position:relative; z-index:1; display:block; background:#fff; float:none; margin-left: auto !important; margin-right: auto; border-radius:5px; box-shadow:0 6px 6px rgba(0,0,0,0.19); max-width:950px;   }
.row-fluid .lppopup-form input[type="submit"] { margin:20px 0;}

.row-fluid .lphero-section { padding-bottom:400px; padding-top:80px; }
.row-fluid .lphero-section .heroText { margin-top:0; }
.row-fluid .lphero-section .humming-birdsubheader { padding-bottom:18px; }
.row-fluid .lphero-section .humming-birdherocaption h1 { font-size:40px!important; line-height:55px; }
.row-fluid .lpform-section { background:#0094c7; padding-bottom:80px; }
.row-fluid .humming-lpform .hs_subscribe_to_the_ioffice_blog .input ul.inputs-list { -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; }
.row-fluid .humming-lpform .hs_which_employee_experience_solutions_are_you_interested_in_,
.row-fluid .humming-lpform .hs_what_software_do_you_currently_have_ { padding:20px 0 30px !important;}   

.landing-page .body-container-wrapper { margin-top:0; }

/* Responsive Media Queries

-=-=-==-=-=-=-=-=-=-=-=-=-=*/


/* 15-6-17 */

.grey-bg{background-color:#e4e5e6;}
.new-blue, .new-blue h2{color:#31a1ef; font-weight: normal;}

.smart-agile .sub-txt{color:#293138;}
.three-blocks{margin:15px 0 50px;}
.three-blocks > span{display:block; margin: 0 -19px;}
.three-blocks > span > div{float:left; width:calc(33.33% - 38px); margin:0 19px;}
.three-blocks .block{min-height:323px; position:relative; background-color:#fff; border-radius:5px; text-align: center; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03); display:flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction: column; justify-content:center; -webkit-justify-content:center; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;;}
.three-blocks .block:hover{box-shadow: 15px 15px 20px 0 rgba(0, 0, 0, 0.15); transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px);}
.three-blocks .block h4{font-size:21px; font-weight:normal; color:#31a1ef; margin:36px 0 0;}
.three-blocks .block .hover-over{opacity:0; visibility: hidden; border-radius: 5px; bottom: 10px; left: 10px; position: absolute; right: 10px; top: 10px; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction: column; justify-content:center; -webkit-justify-content:center; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;;}
.three-blocks .block:hover .hover-over{opacity:1; visibility:visible;}
.three-blocks .block .hover-over > div *{position: relative; z-index: 1;}
.three-blocks .block .hover-over .overlay{background-color:#31a1ef; bottom: 0px; left: 0px; position: absolute; top: 0px; width: 100%; background-size:cover; background-blend-mode:multiply; opacity: 0.35;}
.three-blocks .block .hover-over .overlay-2{background-color:#31a1ef; bottom: 0px; left: 0px; position: absolute; top: 0px; width: 100%;}
.three-blocks .block .hover-over h4{color:#fff; font-weight:normal; margin: 0;}
.three-blocks .block .hover-over p{color:#fff; padding:0 40px;}
.three-blocks .block .hover-over span.plus{width:34px; height:34px; display:block; margin:30px auto 0; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/plus.png?t=1518710487066) no-repeat center;}

.client-data{padding:20px 0 60px;}
.client-data > span{display:block; margin: 0 -7px;}
.client-data > span > div{float:left; width:calc(50% - 14px); margin:0 7px 14px 7px; border-radius: 5px; overflow: hidden; position:relative; display:none;}
.client-data > span > div:after{background-color:rgba(0, 0, 0, 0.55); bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 100%;}
.client-data .client{}
.client-data .client .img-over{background-size:cover; height: 325px;}
.client-data .client .img-over .center-logo{left:50%; position:absolute; top:50%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index: 1; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;;}
.client-data > span > div:hover .center-logo{opacity:0; visibility: hidden;}

.client-data .client .overlay{opacity:0; visibility: hidden; bottom:0; padding: 20px; left:0; position:absolute; text-align:center; top:0; width:100%; z-index:1; display:flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction: column; justify-content:center; -webkit-justify-content:center; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;;}
.client-data .client .overlay h4{color:#fff; font-size:23px; font-weight:300; font-family: "futura_bkbook"; position:relative; margin: 0 0 20px;}
.client-data .client .overlay h4:after{width:100px; height:1px; background-color:#fff; content:''; position:absolute; left:50%; bottom:-20px; transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.client-data .client .overlay p{color:#fff; font-size:15px; font-weight:300; font-family: "futura_bkbook";}
.client-data .client .overlay span.plus{width:34px; height:34px; display:block; margin:30px auto 0; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/plus.png?t=1518710487066) no-repeat center;}
.client-data > span > div:hover .overlay{opacity:1; visibility: visible;}

.load-more{text-align:center;}
.load-more a{color:#31a1ef; font-size:20px; font-family: 'futura_bkbold', sans-serif; display:inline-block; text-transform: uppercase; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/down.png?t=1518710487066) no-repeat center bottom; padding: 0 0 36px;}

.facinating .facinating-ppl{height:680px; display:flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction: column; justify-content:center; -webkit-justify-content:center; text-align:center;}
.facinating .facinating-ppl h3{color:#fff; font-size:40px;}
.facinating .button a{padding: 13px 10px;}
.black-fnt {color: #293138;}

.row-fluid .humbird-lpppcherocaption { max-width:800px; }
.row-fluid .humbird-lpppcherocaption ul { list-style:none; padding:0; }
.row-fluid .humbird-lpppcherocaption ul li { position:relative; padding-left:18px; margin:5px 0; }
.row-fluid .humbird-lpppcherocaption ul li:before { content:""; width:4px; height:4px; top:12px; background:#16fbfb; border-radius:100%; position:absolute; left:0; }

.row-fluid .lpppc-herosection { padding-bottom:700px; }
.row-fluid .lpppc-form { margin-top:-650px; }
.row-fluid .bottom-arrow { position:absolute; top:10px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); width:auto; }

.row-fluid .ppclogo-wrap { text-align:center; padding-top:40px; }
.row-fluid .ppclogo-wrap .ppc-logocol { float:none; display:inline-block; width:25%; margin:0 -2px; vertical-align:middle; }

.row-fluid .lpppc-footer { color:#fff; padding-top:60px; text-align:center;  }

.row-fluid .lpppc-footer .ppcft-logo { margin-bottom:30px; }
.row-fluid .ppccopy-righttext { font-size:14px; line-height:18px; margin-top:10px; }

.row-fluid .flying-ctawrap { position:relative; width:auto; }
.row-fluid .flying-ctawrap .close-btn { position: absolute; top: -34px; right: 0; width: auto; }
.row-fluid .flying-ctawrap  { width:auto; position:fixed; right:-100%; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
    transition:all 400ms ease; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -ms-transition:all 400ms ease; }
.row-fluid .flying-ctawrap.show { right:0; }

/* 06-07-17 Software page */
.top-banner{text-align:center;}
.top-banner > div > div{min-height: 560px; display:flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction: column; justify-content:center; -webkit-justify-content:center;}
.top-banner .first-text{font-family: 'futura_mdmedium', sans-serif, Arial, Helvetica; font-size:26px; color:#fff; letter-spacing: 4px;}
.top-banner h1{font-size:100px; color:#31a1ef; text-transform:uppercase;}
.top-banner h1+p{font-size:62px; color:#fff;text-transform:uppercase; font-family: 'futura_bkbold', sans-serif, Arial, Helvetica; line-height: 66px;}
.top-banner .video-popup{}
.top-banner .video-popup a{font-family: 'futura_bkbold', sans-serif, Arial, Helvetica; color:#31a1ef; position:relative; padding: 88px 0 0; margin: 40px 0 0; display: inline-block;}
.top-banner .video-popup a:after{background-color:#fff; border-radius:100%; box-shadow:0 0 0 3px #31a1ef; content:"\f04b"; font-family:'FontAwesome'; line-height: 67px; text-align: center; text-indent: 9px; font-size: 33px; color:#31a1ef; height:67px; left:50%; position:absolute; top:0; width:67px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}

.software-products{background-color:#eee;}
.software-products .sub-txt{color:#293138;}
.row-fluid .software-block{float:none; margin:0 auto !important; max-width:1030px; }
.software-block > span{margin:0 -18px; display:block;}
.software-block > span > div{width:calc(20% - 36px); margin:0 18px 36px; float:left;}
.software-block .software-list{background-color:#fff; border-radius: 5px; padding: 8px; box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.1);}
.software-block .software-list .thumbs{background-color:#31a1ef; border-radius: 4px; padding:25px 0 9px; display: block; position:relative; overflow: hidden;}
.software-block .software-list .thumbs:after{opacity:0; visibility: hidden; content:''; background:rgba(26, 114, 175, 0.82) url("https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/plus.png?t=1518710487066") no-repeat center; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;;}
.software-block .software-list .thumbs .ico{background-color:#fff; width:76px; height:76px; border-radius:100%; display:block; margin:0 auto; position:relative;}
.software-block .software-list .thumbs .ico > img{left: 50%; position: absolute; top: 50%; transform: -webkit-translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.software-block .software-list .thumbs h3{text-align:center; color:#fff; font-size:17px; text-transform:uppercase; font-weight:normal; margin:17px 0 0; min-height: 55px;}
.software-block > span > div:hover{box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.17);}
.software-block > span > div:hover .software-list .thumbs:after{opacity:1; visibility: visible;}

/*.software-popup{width:1000px; height:450px;}*/
body .fancybox-skin{background-color:#fff;}
.software-popup{padding:52px 49px;}
.software-popup h4{color:#31a1ef; font-size:25px; font-weight:normal;}
.software-popup h5{color:#323232; font-family: 'futura_mdmedium', sans-serif, Arial, Helvetica; font-size:19px; font-weight:normal; text-transform:uppercase; line-height: 32px;}
.software-popup p{line-height:27px;}
.software-popup .left, .software-popup .right{float:left; width:50%;}
.software-popup .left{padding: 0 70px 0 0;}
.software-popup .btns{margin:38px 0 0;}
.software-popup .btns a{display: block; float: left; margin: 0 5px; padding: 13px 15px 11px; width: calc(50% - 10px);}
.software-popup .btns a:hover{padding: 13px 15px 11px;}
.close-it, .close-it-2{background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/close-2.png?t=1518710487066) no-repeat; width:34px; height:34px; position: absolute; right: 30px; top: 28px; cursor: pointer;}

.request-form{padding: 45px 86px;}
.request-form .one-line{text-align: center;}
.request-form h2{text-align: center; font-size:40px; color:#31a1ef; text-transform:uppercase; margin:0 0 30px 0;}

.request-form .hs-form fieldset{max-width:none;}
.request-form .hs-form fieldset.form-columns-2{margin: 0 -22px;}
.request-form .hs-form fieldset.form-columns-2 > div{margin: 0 22px; width: calc(50% - 44px);}
.request-form .hs-form fieldset .hs-form-field > label{display:none;}
.request-form .hs-form fieldset .hs-form-field .input input[type="text"], 
.request-form .hs-form fieldset .hs-form-field .input input[type="email"], 
.request-form .hs-form fieldset .hs-form-field .input select, 
.request-form .hs-form fieldset .hs-form-field .input input[type="tel"]{border-radius:0px; margin: 0 0 20px; padding: 10px 20px; color: #6e6e6e; font-size: 16px;}
.request-form .hs-form fieldset .hs-form-field .input select{-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/select-arrow.jpg?t=1518710487066) no-repeat right center;}
.request-form .hs-form fieldset .hs-richtext{color:#31a1ef; font-size:16px; margin:13px 0 0;}
.request-form .hs-form fieldset .hs-richtext em{font-size:13px; color:#6e6e6e;}
.request-form .inputs-list{margin:15px 0 0; padding:0; column-count:3;}
.request-form .inputs-list li{list-style:none; padding: 0 0 6px;}
.request-form .inputs-list li input[type="checkbox"]{}
.request-form .inputs-list li input[type="checkbox"] + span{position: relative; padding:0 0 0 5px;}
.request-form .inputs-list li input[type="checkbox"] + span:before{background-color: #ebebeb; border: 1px solid #acacac; content: ""; position:absolute; left: -17px; top: 2px; height: 12px; margin: 0 7px 0 0; vertical-align: middle; width: 12px;}
.request-form .inputs-list li input[type="checkbox"]:checked + span::before{background:#ebebeb url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/done.png?t=1518710487066) no-repeat center;}

.request-form .hs_submit .actions input[type="submit"]{ padding:13px 35px 11px; width: 100%;  margin: 35px 0 0; background:#e68400 ; font-weight: normal; font-size:17px ; font-family: 'futura_bkbold' ; line-height:26px; text-transform:uppercase; color:#fff; border-radius:7px; border-bottom:4px solid #be6300; max-width:100%; display:inline-block; text-align:center;  } 
.request-form .hs_submit .actions input[type="submit"]:hover{ background:#2385ca; border-color:#1369a4; color:#fff; }

.request-btn{margin: 66px 0 0; text-align: center;}
.request-btn a{display: block; margin: 0 auto; max-width: 300px; width: auto;}
.workplace{background:#0f3f60 url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/globe-img.png?t=1518710487066) no-repeat center; padding:103px 0 140px;}
.workplace .title-block{text-align:center;}
.workplace .title-block .one-line{font-size:23px; color:#fff; font-family: 'futura_mdmedium', sans-serif, Arial, Helvetica;}
.workplace .title-block h2{color:#31a1ef; font-size:40px; text-transform:uppercase;}

.workplace-block{margin:60px 0 110px;}
.workplace-block .workplace-list{background-color:#eee; width:372px; height:345px; margin:0 auto; text-align: center; border-radius: 5px; padding: 20px; display:flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction: column; justify-content:center; -webkit-justify-content:center;}
.workplace-block .workplace-list h4, .workplace-block .workplace-list strong{color:#31a1ef; font-weight:normal;}
.workplace-block .workplace-list{color:#302827; font-weight:normal; margin-bottom:10px; font-family: 'futura_mdmedium', sans-serif, Arial, Helvetica; text-transform: uppercase; font-size: 21px;}
.workplace-block .workplace-list .rich-txt{line-height: 41px;}
.workplace-block .workplace-list .image img{margin:0 auto;}
.workplace-block .slick-slide{transform: scale(.88); -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;;}
.workplace-block .slick-slide.slick-center{transform: scale(1);}

.workplace-block .slick-prev.slick-arrow{width:63px; height:63px; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/globe-arrow.png?t=1518710487066) no-repeat; left: calc(50% - 75px); top: calc(100% + 45px); margin: 0;}
.workplace-block .slick-next.slick-arrow{width:63px; height:63px; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/globe-arrow.png?t=1518710487066) no-repeat; right: calc(50% - 75px); top: calc(100% + 45px); margin: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.set-bg.ready-block:before{display: none;}
.ready-flex{position:relative; z-index:1;}
.ready-flex:after{background-color:rgba(255, 255, 255, 0.75); bottom: 0; content: ""; position: absolute;  right: -110px; top: 0; width: 6000px; z-index:-1;}
.ready-flex > div > div{padding:40px 0; height:850px; display:flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction: column; justify-content:center; -webkit-justify-content:center;}
.ready-flex h2{color:#31a1ef; font-size:46px; text-transform:uppercase; margin:0 0 45px; font-weight: normal;}
.ready-flex .button a{display: block; max-width: 230px; width: auto;}

.row-fluid .lpppc-herosection.lpppc-reportherosection { padding-top:30px; padding-bottom:500px;  }
.row-fluid .lpppc-herosection.lpppc-reportherosection:after { content:""; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/rppc-hand.png?t=1518710487066) no-repeat; position:absolute; right:0; bottom:130px; width:469px; height:505px; }
.row-fluid .lpppc-herosection.lpppc-reportherosection .humming-birdherocontent { margin-bottom:10px; }
.row-fluid .lpppc-herosection.lpppc-reportherosection .headtitle-logo { margin-bottom:50px; }
.row-fluid .lpppc-herosection.lpppc-reportherosection .ppcebook-img { margin-top:-50px; text-align:right; }
.row-fluid .reportppc-form { margin-top:-450px; }
.row-fluid .reportppc-form .ppclogo-wrap { padding-left:60px; padding-right:60px; }

/* Landing page 21/8/2017 */
.Landing-Pg .body-container-wrapper { margin-top:0; }
.row-fluid .landing-hero { padding:50px 0 0; position:relative; }
.row-fluid .landing-hero:after { content:''; width:100%; height:14px; background-color:#363636; opacity:0.35; position:absolute; bottom:0; left:0; z-index:2; }
.row-fluid .landing-hero.set-bg:before { display:none; }
.row-fluid .landing-hero1 { margin:0 auto !important; max-width:985px; width:100%; float:none; display:block; }
.row-fluid .hero-contentLP { padding:70px 0 50px; font-size:19px; line-height:24px; color:#ffffff; letter-spacing:1.5px; }
.row-fluid .hero-contentLP h2 { color:#fff; font-size:35px; line-height:44px; text-transform:uppercase; }
.row-fluid .hero-contentLP h2 span { color:#31a1ef; }

.row-fluid .activity-section { padding-bottom:70px; background-color:#f2f2f2; }
.row-fluid .activity-section1 { background-color:#fff; }
.row-fluid .activity-title { padding:19px; text-align:center; color:#fff; text-transform:uppercase; font-size:15px; background:#31a1ef; font-family:'futura_bkbook', sans-serif; letter-spacing:0.5px; position:relative; }
.row-fluid .activity-title:before { content:'';  position: absolute; top: 100%; left: 50%; border: 15px solid transparent; border-top-color: #31a1ef; transform:translate(-50%); -moz-transform:translate(-50%); -webkit-transform:translate(-50%); -o-transform:translate(-50%); }
.row-fluid .activity-title h4 { font-size:23px; line-height:30px; color:#fff; text-transform:uppercase; }
.row-fluid .activity-inner { padding:50px 0px 50px 0px; max-width:985px; margin:0 auto !important; float:none;  }

.row-fluid .activity-content h4 { font-size:21px; line-height:27px; color:#05548c; font-weight:500; }
.row-fluid .activity-content ul { margin:15px 0 0 0; padding:0; list-style-type:none; }
.row-fluid .activity-content ul li { margin:0; padding:10px 0 0 15px; display:block; font-size:16px; line-height:26px; color:#373737; font-family:'Arial', sans-serif; position:relative; }
.row-fluid .activity-content ul li:before { content:''; width:5px; height:5px; background:#31a1ef; position:absolute; top:19px; left:0; border-radius:10px; }

.row-fluid .activity-form .form-columns-1 .hs-form-field .input,
.row-fluid .activity-form .form-columns-2 .hs-form-field .input,
.row-fluid .activity-form .form-columns-3 .hs-form-field .input { margin-right: 0; }
.row-fluid .activity-form .hs-form-field { padding:10px 0; float:none !important; display:inline-block; vertical-align:top; width:100%; }
.row-fluid .activity-form .form-columns-2 .hs-form-field:first-child { padding-right: 6px; }
.row-fluid .activity-form .form-columns-2 .hs-form-field:last-child { padding-left: 6px; }
.row-fluid .activity-form .hs-form-field > label { display:none; }
.row-fluid .activity-form textarea, .row-fluid .activity-form input[type="text"], .row-fluid .activity-form input[type="number"], .row-fluid .activity-form input[type="email"], .row-fluid .activity-form input[type="tel"], .row-fluid .activity-form select { border: 1px solid #d7d7d7; color: #b5b5b5; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; height: 45px; padding: 0 45px 0 15px; font-size: 16px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-family: 'arial', sans-serif; }
.row-fluid .activity-form .hs_submit { margin-top: 10px; }
 
.row-fluid .activity-form ul.inputs-list { margin:5px 0; padding:0; }
.row-fluid .activity-form .inputs-list .hs-form-checkbox-display , .row-fluid .activity-form .inputs-list .hs-form-booleancheckbox , .row-fluid .activity-form .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .activity-form .inputs-list input[type="checkbox"] , .row-fluid .activity-form .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .activity-form .inputs-list input[type="radio"] { top:3px; }
.row-fluid .activity-form .inputs-list input[type="checkbox"] + span { line-height: 24px; position:relative; display: block; padding-left:15px; }
.row-fluid .activity-form .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-26px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .activity-form .inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; }
.row-fluid .activity-form .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .activity-form .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .activity-form .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; } 
.row-fluid .activity-form .hs-button { width:100%; padding: 10px 35px 8px; background: #e68400; letter-spacing:1px; font-size: 17px; font-family: 'futura_bkbold'; line-height: 26px; text-transform: uppercase; color: #fff; border-radius: 7px; border-bottom: 4px solid #be6300; max-width: 100%; display: inline-block; text-align: center; } 
.row-fluid .activity-form .hs-button:hover { background: #2385ca; border-color: #1369a4; color: #fff; }  

.row-fluid .activity-form  select { border: 1px solid #d7d7d7; color: #b5b5b5; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/dropdown-arrow.png?t=1518710487066); background-repeat: no-repeat; background-position: right center; background-color: #fff; height: 45px; padding: 0 45px 0 15px; font-size: 16px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-family: 'arial', sans-serif; }

/* about page */
/*.row-fluid .about-hero { padding:0 0 112px 0; }*/
.row-fluid .about-hero .top-banner { position:relative; z-index:111; }
.row-fluid .about-hero .first-text { padding:24px 0; }
.row-fluid .about-hero h4 { font-size:35px; line-height:42px; text-transform:uppercase; color:#fff; font-family: 'futura_ltlight'; font-weight:300; letter-spacing:1px; }
.row-fluid .about-hero h1 { font-size:60px; line-height:66px; color:#fff; }
.row-fluid .about-hero h1 span { color:#31a1ef; }

.row-fluid .watch-aboutCta.video-popup a { margin:0;  min-width:253px; padding:13px 35px 11px; color:#fff; letter-spacing:1px; }
.row-fluid .watch-aboutCta.video-popup a:after { margin-left:20px; font-size:14px; width:24px; height:24px; border:none; line-height:24px; background:transparent; color:#0e6eb1; box-shadow:0 0 0 2px #0e6eb1; text-align:left; position:relative; left:auto; transform:inherit; -webkit-transform:inherit; -moz-transform:inherit; display:inline-block;  transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
.row-fluid .watch-aboutCta.video-popup a:hover:after { color:#fff; box-shadow:0 0 0 2px #fff; }
.row-fluid .watch-aboutCta , .row-fluid .about-demoCta { margin:45px 0 0; padding:10px 20px; width:auto; float:none; display:inline-block; }
.row-fluid .about-demoCta a { min-width:144px; letter-spacing:1px; }

.row-fluid .process-sectionAb { padding:118px 0 118px; text-align:center; }
.row-fluid .process-sectionAb.set-bg:before { display:none; }

.row-fluid .about-titleAg { font-size:23px; line-height:28px; color:#3a3a3a; text-transform:uppercase; letter-spacing:1px; font-family: 'futura_ltlight'; font-weight:300;}
.row-fluid .about-titleAg h2 { font-size:35px; line-height:42px; text-transform:initial; color:#31a1ef; }

.row-fluid .sub-textAg { padding-top:10px; font-size:17px; color:#fff; text-transform:initial; }
.row-fluid .sub-textAg span > span { color:#31a1ef; }

.row-fluid .sub-lineAbout { letter-spacing:0.5px; }

.row-fluid .about-Whitetitle { color:#fff; }
.row-fluid .about-Whitetitle h2 { color:#fff; }

.continue { width: 54px; height: 54px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; text-decoration: none; text-align: center; color: white; display: block; position:absolute; bottom: 50px; left: 50%; margin-left: -25px; z-index: 9999; color:#fff; font-size:60px; animation:UpArrow 1s linear infinite alternate; }
.continue.hide{ display:none;}
/*.row-fluid .Angle-downAp { margin:0; font-size:40px; width:50px; color:#fff; text-align:center; position:relative; z-index:999; cursor:pointer; float:none; display:block;  animation:UpArrow 1s linear infinite alternate; cursor:pointer; position:absolute; bottom:100px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }*/

@keyframes UpArrow {  
  0% {
    transform: translate(0 , 10px);
  }
  
  100% {
    transform: translate(0 , -10px);
  }
}

.row-fluid .process-sectionAb1 { padding-top:80px; }
.row-fluid .process-sectionAb1 .hs_cos_wrapper_widget { margin-left:-4px; width:20%; display:inline-block; vertical-align:top; }
.row-fluid .process-boxAg { padding:20px 0; width:100%; float:left; }
.row-fluid .process-imgAg { position:relative; width:100%; float:left; }
.row-fluid .process-imgAg img { transition:all ease 0.4s; -moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; }
.row-fluid .process-imgAg:before { content:''; width:121px; height:121px; background:#013583; opacity:0.55; border-radius:50%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); z-index: -1; transition:all ease 0.4s; -moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; z-index:2; }
.row-fluid .process-imgAg img { z-index:333; position:relative; }
.row-fluid .process-titleAg { float:left; width:100%; }
.row-fluid .process-titleAg h4 { padding-top:35px; font-size:19px; line-height:24px; color:#fff; text-transform:uppercase; word-break:break-all; }
.row-fluid .process-boxAg:hover .process-imgAg:before { transform: translateY(-50%) translateX(-50%) scale(1.1); -moz-transform: translateY(-50%) translateX(-50%) scale(1.1); -webkit-transform: translateY(-50%) translateX(-50%) scale(1.1); -o-transform: translateY(-50%) translateX(-50%) scale(1.1); }
.row-fluid .process-boxAg:hover .process-imgAg img { transform: translateY(-10px) translateX(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); }

.row-fluid .meet-sectionAg { padding:120px 0; overflow:hidden; }
.row-fluid .meet-img { height:295px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row-fluid .meet-img img { display:none; } 
.row-fluid .meet-sectionAg1 { padding-top:60px; position:relative; }
.row-fluid .birds-fly { max-width:265px; position:absolute; top:0; right:65px; z-index:1; }
.row-fluid .meet-textAg { padding:65px 15px; max-width:253px; width:100%; border-radius:3px; background:#31a1ef; font-size:30px; line-height:36px; color:#fff; font-family:'futura_mdmedium'; box-shadow:1px 1px 10px rgba(0,0,0,0.5); }
.row-fluid .meet-boxfirst { padding-left:55px; max-width:930px; width:100%; position:relative; }
.row-fluid .meet-boxfirst .meetAg-block { margin:8px; width:48%; }
.row-fluid .meet-boxfirst .meet-textAg { position:absolute; bottom:-55px; left:28%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); z-index:1; }
.row-fluid .meetAg-block { margin:0; }
.row-fluid .meet-boxsecond .meetAg-block { width:65%; padding:8px; }
.row-fluid .meet-boxsecond .meetAg-blockSecleft { position:relative; }
.row-fluid .meet-boxsecond .meetAg-blockSecleft .meet-textAg { position:absolute; bottom:-40px; left:80px; z-index:1; background-color:#0f4469; }
.row-fluid .meet-boxsecond .meetAg-blockSecright { width:35%; position:relative; }
.row-fluid .meet-boxsecond .meetAg-blockSecright .meet-textAg { position:absolute; bottom:-40px; left:36px; z-index:1; background-color:#e68400; }
.row-fluid .meet-boxthree { max-width:975px; width:100%; padding-left:140px; }
.row-fluid .meet-boxthree .meetAg-block { width:48%; margin:8px; }
.row-fluid .meet-boxthree .meetAg-block .meet-img { height:240px; }
.row-fluid .meetAg-service { height:240px; padding:100px 15px 0; border-radius:3px; background:#31a1ef; font-size:30px; line-height:36px; color:#fff; font-family:'futura_mdmedium'; }
.row-fluid .meetAg-devlo { position:relative; }
.row-fluid .meetAg-devlo .meet-textAg { padding:90px 15px; background-color:#e68400; position:absolute; margin-top:-40px; left:60px; }
.row-fluid .meetAg-want { margin:8px 86px 8px 8px; font-size:19px; line-height:26px; max-width:410px; width:100%; float:right; background-color:#0f4469; padding:20px 15px; color:#fff; font-family: 'futura_bkbold'; }
.row-fluid .meetAg-want .button { margin-top:10px; }

/* timeline-section */
.row-fluid .timeline-section { background-color:#eeeeee; padding:80px 0; text-align:center; }
.row-fluid .timeline-slider { padding-top:60px; }
.row-fluid .titleline-box { margin:0 auto; max-width:780px; width:100%; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.3); display:inline-block; float:none; }
.row-fluid .titleline-img { width:35%; float:left; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.row-fluid .titleline-text { font-size:15px; line-height:26px; padding:45px; width:65%; float:left; text-align:left; }
.row-fluid .titleline-text h4 { padding:0 0 15px; font-size:23px; line-height:30px; text-transform:uppercase; color:#31a1ef; }

.row-fluid .timeline-slider .slick-dotted ul.slick-dots li button { width:13px; height:13px; background:#b3b2b2; }
.row-fluid .timeline-slider .slick-dotted ul.slick-dots li.slick-active button { width:19px; height:19px; background:#31a1ef; }
.row-fluid .timeline-slider .slick-arrow { width:61px; height:61px; line-height:61px; background:#f7f7f7; color:#b3b2b2; border-radius:100px; }
.row-fluid .timeline-slider .slick-arrow:before { color:#b3b2b2; }

.row-fluid .timeline-slider .slick-arrow.slick-next:before { margin-right:-7px; }
.row-fluid .timeline-slider .slick-arrow.slick-prev:before { margin-left:-7px; }
.row-fluid .aboutP-counter > div { display:inline-block; }
.row-fluid .titleline-slider2 { margin:0 auto !important; padding-top:45px; max-width:940px; width:100%; float:none; display:block; position:relative; }
.row-fluid .titleline-year { padding-top:10px; color:#b3b2b2; font-size:37px; line-height:42px; font-family:'futura_mdmedium'; position:relative; cursor:pointer; }
.row-fluid .titleline-year.slick-current.slick-active { font-family: 'futura_bkbold'; color:#31a1ef; }
.row-fluid .titleline-year:before { content:''; margin:0 auto 60px; width:13px; height:13px; border-radius:30px; background-color:#b3b2b2; display:block; }
.row-fluid .titleline-year:after { content:''; border-top:1px solid #b3b2b2; position:absolute; top:16px; right:0; left:0; }
.row-fluid .titleline-year.slick-current.slick-active:before { width:19px; height:19px; background:#31a1ef; position:relative; top:-3px; z-index:1; }

.row-fluid .titleline-slider2 .slick-track:before { content: ""; background: #eeeeee none repeat scroll 0 0; border-radius:0; height: 11px; left: 0; position: absolute; top: 10px; width:88px; z-index:1; }
.row-fluid .titleline-slider2 .slick-track:after { content: ""; background: #eeeeee none repeat scroll 0 0; border-radius:0; height: 11px; right: 0; position: absolute; top: 10px; width:87px; }

.row-fluid .contact-sectionAP { padding:140px 0; position:relative; }
.row-fluid .socialIcon-section { padding:55px 0; }
.row-fluid .socialIcon-Box { margin:5px 35px !important; width:157px; height:157px; line-height:105px; display:inline-block; float:none; border-radius:100px; background:#ffffff; box-shadow:1px 1px 10px rgba(0,0,0,0.2); }  
.row-fluid .socialIcon-white { display:none; }
.row-fluid .socialIcon-Box:hover { background:#31a1ef; }
.row-fluid .socialIcon-Box:hover .socialIcon-white { display:block; }
.row-fluid .socialIcon-Box:hover .socialIcon-color { display:none; }

.row-fluid .about-counterBox { padding:30px; background:#eeeeee; border-radius:5px; color:#043c63; font-size:18px; line-height:24px; font-family: 'futura_bkbold'; }
.row-fluid .about-counterBox img { margin-top:10px; }
.row-fluid .aboutP-counter { font-size:55px; line-height:75px; font-family:'futura_mdmedium'; } 
.row-fluid .about-counplus .aboutP-counter:after { content:'+'; display:inline-block; vertical-align:top; }

#fp-nav.right { right:70px !important; }
#fp-nav { top:58% !important; }
#fp-nav.right.graydots li a span { background:#eee !important; }
#fp-nav.right.graydots li a.active span { background:#31a1ef !important; }
#id0 , #id1 , #id4 { background:#eeeeee; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; }
#id3 { background-color:#eee; /*background:url("https://cdn2.hubspot.net/hub/167521/hubfs/ioffice-2017/images/countUP-BG.jpg?t=1518710487066") no-repeat center / cover;*/ position:relative; background-size:cover !important; }
/* classes to add back when section 3 is needed - timeline-section about-Fullslider */
#id3:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0;  background:rgba(255,255,255,0.33); }
#id0:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.75); }

#fp-nav ul li a span, .fp-slidesNav ul li a span { width:11px !important; height:11px !important; background:#ffffff !important; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { margin:-2px 0 0 -2px !important; background:#31a1ef !important; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { margin:-2px 0 0 -2px !important; }

.row-fluid .hero-rightLp { text-align:right; }

/* realestate page */

.realestate-page .body-container-wrapper { margin-top:0; }

.realestate-page #id0:before { display:none; /*background: -moz-linear-gradient(top, rgba(0,89,167,0.67) 0%, rgba(1,159,226,0.67) 67%, rgba(1,185,248,0.67) 100%);
background: -webkit-linear-gradient(top, rgba(0,89,167,0.67) 0%,rgba(1,159,226,0.67) 67%,rgba(1,185,248,0.67) 100%);
background: linear-gradient(to bottom, rgba(0,89,167,0.67) 0%,rgba(1,159,226,0.67) 67%,rgba(1,185,248,0.67) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0059a7', endColorstr='#ab01b9f8',GradientType=0 ); opacity:1;*/ }
.row-fluid .hero-realestate { padding:233px 0 140px; font-size:19px; line-height:26px; color:#fff; }
.row-fluid .hero-realestate h4 , .row-fluid .hero-realestate h1 { padding:15px 0 30px; font-size:61px; line-height:68px; color:#fff; font-weight:300; font-family: 'futura_ltlight'; }
.row-fluid .hero-textreal { font-size:21px; line-height:28px; color:#fff; text-transform:uppercase; letter-spacing:3px; }
.row-fluid .hero-playsect { padding-top:30px; }
.row-fluid .hero-playreal { padding:15px 0; }
.row-fluid .hero-playreal a { font-size:13px; line-height:20px; color:#fff; font-weight:700; letter-spacing:2px; }
/*.row-fluid .hero-playreal a:before { content:''; margin:30px auto 15px;  width:135px; height:135px; display:block; background-image:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/play-icon.png?t=1518710487066'); }*/
.row-fluid .hero-realcontent { margin:0 auto !important; max-width:900px; width:100%; display:block; float:none; line-height:33px; }
.row-fluid .hero-playvideo { display:none; }


.row-fluid .menag-section { padding:70px 0; }
.row-fluid .menag-section1 { margin-top:93px; }
.row-fluid .menag-left { padding:80px 80px; margin:0; text-align:center; width:50%; line-height:30px; float:none; display:inline-block; vertical-align: middle; color:#090d11; background:#fff; border-radius:10px; box-shadow:-25px 1px 36px rgba(0,0,0,0.3); }
.row-fluid .menag-img { margin-left: -5px; width: 50%; float: none; display: inline-block; vertical-align: middle; }
.row-fluid .menag-left h3 { font-size:37px; line-height:48px; padding:0 0 50px; text-transform:uppercase; color:#297fca; }
.row-fluid .menag-left h3 span { color:#090d11; font-family: 'Futura Std'; font-weight: 300; }
.row-fluid .menag-left h3:before { content:''; margin:0 auto; margin-bottom:30px; width:52px; height:52px; display:block; background-size:100%; background-image:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/management-icon.png?t=1518710487066'); }

.row-fluid .manage-cta { margin:20px 0 0; }
.row-fluid .manage-cta a { font-weight:700; font-size:13px; line-height:20px; color:#297fca; text-transform:uppercase; font-family: 'Futura Std'; vertical-align:middle; } 
.row-fluid .manage-cta a:after { content:"\f105"; margin-left:5px; display:inline-block; font-family:'FontAwesome'; } 

/* space-section */
.realestate-page .fullpageWrap.fullpage-wrapper .section:nth-child(3) > .fp-tableCell { vertical-align:middle; }

.realestate-page #id2 { background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;  }
.realestate-page #id2:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0;  background:rgba(255,255,255,0.80); }
.realestate-page #id2 > div { position:relative; }
.row-fluid .space-section { padding:70px 0 0; }

.row-fluid .Smanage-inner .reales-title h3:before { content:''; margin:0 auto 30px; width:52px; height:52px; display:block; background-size:100%; background-image:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/manage1.png?t=1518710487066'); }

.row-fluid .space-img { margin:0; display:inline-block; float:none; width:50%; vertical-align:middle; }
.row-fluid .space-right { padding-left:40px; margin-left:-5px; display:inline-block; line-height:30px; float:none; width:50%; vertical-align:middle; padding-bottom:100px; }
.row-fluid .space-right .reales-title h3:before { content:''; margin:0; margin-bottom:30px; width:52px; height:52px; display:block; background-image:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/management-icon.png?t=1518710487066'); }
.row-fluid .reales-title h3 { font-size:37px; line-height:45px; color:#297fca; text-transform:uppercase; }
.row-fluid .reales-title h3 span { color:#090d11; font-family: 'Futura Std'; font-weight: 300; }
.row-fluid .reales-text { padding:20px 0; }

.row-fluid .space-text { padding:30px 0; }
.row-fluid .space-text a {color: #ffcc00!important;}
.row-fluid .space-cta a { font-weight:700; font-size:13px; line-height:20px; color:#297fca; text-transform:uppercase; font-family: 'Futura Std'; vertical-align:middle; } 
.row-fluid .space-cta a:hover { color:#e68400; }
.row-fluid .space-cta a:after { content:"\f105"; margin-left:10px; font-size:16px; display:inline-block; font-family:'FontAwesome'; } 

.row-fluid .suc-cta a:after { color:#3ea1f5; }

/* space managment section */
.realestate-page .fullpageWrap .section:nth-child(4) > .fp-tableCell { vertical-align:bottom; }
.realestate-page #id3:before { background:#e4f1fd; opacity:0.85; }
.realestate-page #id3 > div { position:relative; }
.row-fluid .Smanage-section { padding-top:70px; }
.row-fluid .Smanage-inner .reales-title { margin:0 auto !important; max-width:750px; width:100%; float:none; display:block; font-size:17px; line-height:30px; }
.row-fluid .Smanage-img { margin-top:25px;  }

/* success-section */
.row-fluid .success-section { padding:170px 0 80px; background:#1369a4; color:#fff; font-size:17px; line-height:30px; }
.realestate-page #id4 { background-color:transparent; background-image:none !important; }
.realestate-page #id4:before { display:none; }
.row-fluid .success-left h3 { color:#fff; }
.row-fluid .success-left h3 span { color:#fff; }
.row-fluid .success-left .space-cta a { color:#fff; }
.row-fluid .success-left .space-cta a:hover { color:#e68400; }

.row-fluid .success-right { padding-left:30px; }
.row-fluid .success-right .hs_cos_wrapper_widget  { margin:23px 0; width:33.33%; float:left; text-align:center; }

/* frequently-section */
.row-fluid .frequently-section { padding:100px 0; }
.row-fluid .frequently-section1 { padding-top:50px; }
.row-fluid .frequently-section1 .hs_cos_wrapper_widget { width:100%; float:left; padding-right:60px; }

.row-fluid .frequently-box { padding:15px 0; font-size:17px; line-height:28px; } 
.row-fluid .frequently-box h4 { font-size:19px; line-height:26px; color:#4d4d4d; font-weight:300; font-family: 'Arial'; position:relative; }
.row-fluid .frequently-box h4 a { padding-left:65px; color:#4d4d4d; position:relative; display:inline-block; width:100%; }
.row-fluid .frequently-box h4 a:after { content:'+'; width:42px; line-height:42px; height:42px; border:1px solid #3fa2f7; color:#3fa2f7; position:absolute; top:0; left:0; border-radius:100px; text-align:center; font-size:30px;  transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
.row-fluid .frequently-content { padding-top:10px; display:none; }

.row-fluid .frequently-box h4.active a , .row-fluid .frequently-box:hover h4 a { color:#3fa2f7; }
.row-fluid .frequently-box h4.active a:after , .row-fluid .frequently-box:hover h4 a:after { color:#fff; background:#3fa2f7; }

.hero-playvideo iframe { width:500px; height:300px; border:5px solid #fff; border-radius:3px; }

.row-fluid .real-cta a { padding:16px 35px 14px; min-width:283px; font-size:16px; letter-spacing: 0.5px; text-transform:inherit; background-color:#f1a003; }
.row-fluid .real-cta a:hover { background-color:#3fa2f7; }

/* footer */
.realestate-page .fullpageWrap.fullpage-wrapper .section:nth-child(6) > .fp-tableCell { vertical-align:bottom; }
.row-fluid .footer-three { background:#226bac; padding-bottom:1px; }
.row-fluid .footer-ctaDemo { margin-bottom:20px; }
.row-fluid .footer-ctaDemo a { min-width:156px; font-size:15px; font-family: 'Futura Std'; font-weight:700; letter-spacing:1px; line-height:22px; padding:8px 20px; border-radius:5px; text-transform:inherit; color:#fff!important; background:#3fa2f7; display:inline-block; text-align:center; }
.row-fluid .footer-ctaDemo a:hover { background:#f1a003; opacity:1; }

.row-fluid .copy-rightsfooter { margin-top:80px; padding:35px 0; font-size:13px; line-height:18px; text-align:center; background:#fff; color:#343535; }

/* typical Employee */
.typicalemployee .fullpageWrap.fullpage-wrapper .section:nth-child(2) > .fp-tableCell { vertical-align:bottom; }
.row-fluid .menag-section.typica-space { padding:70px 0 0; }
.row-fluid .typica-space .menag-left { vertical-align:top; margin-bottom:40px; box-shadow:-4px 1px 36px rgba(0,0,0,0.5); }
.row-fluid .typica-space .menag-img { padding-left:75px; text-align:center; vertical-align:bottom; }

.typicalemployee #id2:before { background:#009bd4; opacity:0.7; }
.typicalemployee .fullpageWrap.fullpage-wrapper .section:nth-child(3) > .fp-tableCell { vertical-align:middle; }
.row-fluid .waysinding-inner { margin:0 auto !important; float:none; display:block; max-width:780px; width:100%; color:#fff; line-height:30px; }
.row-fluid .waysinding-inner .reales-title h3:before { content:''; margin:0 auto 15px; width:67px; height:67px; display:block; background-size:100%; background-image:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/waysi-img.png?t=1518710487066'); }
.row-fluid .waysinding-inner .reales-title h3 , .row-fluid .waysinding-inner .reales-title h3 span { color:#fff; }
.row-fluid .waysinding-oneline { font-size:20px; }

.row-fluid .wayfinding-cta a { color:#ffffff; }
.row-fluid .typica-space .menag-left h3:before {background-image:url('https://cdn2.hubspot.net/hubfs/167521/2018/Site%20Pages/Solutions/Digital%20Workforce/Hummingbird-icon.png?t=1518710487066'); }

.row-fluid .typislack-sec .Smanage-inner .reales-title h3:before { width:55px; height:55px; background-image:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/Typica-slack.png?t=1518710487066'); }

.typicalemployee #id2 { background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;  }

.FacilityOperator .fullpageWrap.fullpage-wrapper .section:nth-child(3) > .fp-tableCell { vertical-align:bottom; }
.FacilityOperator #id2:before { display:none; background:#003e73; }
.row-fluid .facility-asset .menag-left h3:before { width:61px; height:57px; background:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/asse-icon.png?t=1518710487066'); }
.row-fluid .facility-seripad { margin:0; width:50%; display:inline-block; float:none; vertical-align:bottom; }
.row-fluid .facility-ser { padding-top:92px; }
.row-fluid .facility-sertext { margin:0 0 0 -5px; width:50%; display:inline-block; float:none; padding:45px 70px 30px; color:#fff; font-size:17px; line-height:30px; vertical-align:top; }
.row-fluid .facility-sertext h3 { margin-top:20px; }
.row-fluid .facility-sertext h3 , .row-fluid .facility-sertext h3 span { color:#fff; }
.row-fluid .facility-sertext .wayfinding-cta a:after { color:#3fa2f7; }
.row-fluid .facility-sertext .wayfinding-cta a:hover { color:#3fa2f7; }


/* video landing page */
.row-fluid .video-heroLp { padding:65px 0 95px; }
.row-fluid .video-heroLp.set-bg:before { display:none; }
.row-fluid .video-heroLptext { font-size:16px; color:#ffffff; }
.row-fluid .video-heroLptext h1 { font-size:35px; line-height:42px; color:#fff; padding:5px 0 15px; }
.row-fluid .video-Lpvideo { margin:40px auto 0 !important; max-width:880px; width:100%; float:none; display:block; }
.row-fluid .video-Lpvideo .wistia-mouseover #wistia_67.big_play_button_background { background-color:rgba(62, 160, 213, 0.78) !important; }

.row-fluid .related-sectionLp { padding:75px 0 85px; background:#eeeeee; }
.row-fluid .relatedLp-title h4 { font-size:19px; line-height:26px; text-transform:uppercase; letter-spacing:1px; text-align:center; color:#1096f7; }
.row-fluid .relatedLp-title h4:after { content:''; margin:15px auto 0; width:109px; height:4px; background:#fff; display:block; }

.row-fluid .related-section1Lp { margin-top:25px; }
.row-fluid .related-section1Lp span.hs_cos_wrapper { margin:0 -20px; float:none; display:block; }
.row-fluid .related-section1Lp .hs_cos_wrapper_widget { width:33.33%; float:left; padding:20px; }
.row-fluid .relatedLp-box { background:#fff; padding:24px; }
.row-fluid .relatedLp-text { color:#26282a; font-size:15px; line-height:24px; }
.row-fluid .relatedLp-text h3 { padding:22px 0 18px; font-size:19px; line-height:26px; color:#1096f7; }

/* WorkplaceLeader section */

.row-fluid .workplace-video .wistia_responsive_padding { padding:0 !important; } 
.row-fluid .workplace-video .wistia_responsive_wrapper { position:relative !important; }

.WorkplaceLeader .space-right { width:45%; padding:0 0 0 50px; }
.WorkplaceLeader .space-img { width:55%; }
.WorkplaceLeader .space-img img { width:100% !important; }

.WorkplaceLeader #id0 { background-position:center top; }
.WorkplaceLeader .menag-left { padding:60px 40px; width:45%; position:relative; z-index:1; }
.WorkplaceLeader .menag-img { margin-left:-120px; width:55%; }

.realestate-page.WorkplaceLeader #id3:before { background:#0a588d; }
.realestate-page.WorkplaceLeader .fullpageWrap .section:nth-child(4) > .fp-tableCell { vertical-align:middle; }
.row-fluid .usage-sec { padding:70px 0; color:#fff; }
.row-fluid .usage-sec .space-right { margin:0; padding:0 50px 0 0; color:#fff; }
.row-fluid .usage-sec .space-right .reales-title h3 , .row-fluid .usage-sec .space-right .reales-title h3 span { color:#fff; }
.row-fluid .usage-sec .space-right .reales-title h3:before { background-image:url('https://cdn2.hubspot.net/hubfs/167521/ioffice-2017/images/manage1.png?t=1518710487066'); }
.row-fluid .usage-sec .space-img { margin-left:-5px; }
.row-fluid .usage-sec .space-cta a { color:#fff; }
.row-fluid .usage-sec .space-cta a:hover { color:#1369a4; }

/* UC2018 */
.row-fluid .hero-secUc { padding:135px 0 46px; }
.row-fluid .hero-secUc:before { display:none; }
.row-fluid .hero-ctaUc { margin-top:-100px; position:relative; }
.row-fluid .hero-ctaUc a { padding:21px 35px 17px; min-width:290px; font-size:19px; background:#ef980f; border-bottom-color:#c47802; }
.row-fluid .hero-ctaUc a:hover { background:#2385ca; border-color:#1369a4; }
.row-fluid .hero-textUc { margin-top:32px; color:#fff; text-transform:uppercase; font-size:25px; line-height:32px; font-weight:700; }
.row-fluid .hero-textUc h2 { font-size:41px; line-height:48px; color:#fff; }

.row-fluid .hero-textUc ul { margin:0; padding:0; }
.row-fluid .hero-textUc ul li { margin:0; padding:0; display:inline-block; }
.row-fluid .hero-textUc ul li:after { content:''; margin:0 8px 0 12px; width:10px; height:10px; background:#0591d0; border-radius:10px; display:inline-block; vertical-align:middle; }
.row-fluid .hero-textUc ul li:last-child:after { display:none; }

.row-fluid .tab-content { display:none; }
#tab-1 { display:block; }
.row-fluid .about-secUC { padding-bottom:118px; }
.row-fluid .about-listUC { padding:40px 0 10px; text-align:center; }
.row-fluid .about-listUC ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .about-listUC ul li { margin:0; padding:10px 10px; display:inline-block; }
.row-fluid .about-listUC ul li a { min-width:198px; padding:11px 20px; background:#edecec; color:#31a1ef; font-size:18px; line-height:24px; display:inline-block; text-align:center; font-family: 'futura_bkbold', sans-serif; position:relative; }
.row-fluid .about-listUC ul li.current a:before {  content: ''; border:12px solid transparent; border-top-color:#edecec; display:block; position:absolute; top:100%; left:50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); }

.row-fluid .about-secUC1 .hs_cos_wrapper_widget { padding:40px 0; border-bottom:1px solid #bebebe; float:left; width:100%; } 
.row-fluid .about-secUC1 .hs_cos_wrapper_widget:last-child { border-bottom:none; }
.row-fluid .aboutuc-box { float:left; width:100%; }
.row-fluid .aboutuc-text { float:left; width:58%; padding-right:130px; }
.row-fluid .aboutuc-text h4 { margin:0; font-size:18px; line-height:24px; color:#2b2b2b; text-transform:uppercase; }
.row-fluid .aboutuc-text h5  { margin:22px 0 0; font-size:18px; line-height:24px; color:#31a1ef; text-transform:uppercase; }
.row-fluid .aboutuc-img { float:left; width:42%; height:274px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.row-fluid .aboutuc-add { margin-top:7px; font-size:18px; line-height:30px; color:#2b2b2b; }
.row-fluid .aboutuc-content { color:#2b2b2b; font-size:17px; line-height:30px; font-style:italic; }
.row-fluid .aboutuc-content p { margin:20px 0; }
.row-fluid .about-ctaUc { margin-top:70px; }
.row-fluid .about-ctaUc a { padding:21px 35px 17px; min-width:290px; font-size:19px; background:#ef980f; border-bottom-color:#c47802; }
.row-fluid .about-ctaUc a:hover { background:#2385ca; border-color:#1369a4; }

.row-fluid .agendauc-date { font-size:18px; line-height:24px; font-weight:800; }
.row-fluid .agendauc-box { color:#252525; } 
.row-fluid .agendauc-box ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .agendauc-box ul li { margin:0; padding:10px 0 10px 250px; display:block; position:relative; }
.row-fluid .agendauc-box ul li p { margin-top:12px; }
.row-fluid .agendauc-box ul li span { font-size:18px; width:250px; height:100%; text-transform:uppercase; color:#31a1ef; font-weight:800; position:absolute; top:22px; left:0; }

.row-fluid .speakers-sec1 span.hs_cos_wrapper { margin:0 -30px; display:block; }
.row-fluid .speakers-sec1 .hs_cos_wrapper_widget { width:33.33%; float:left; padding:30px; }
.row-fluid .speakers-img { height:165px; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.row-fluid .speakers-text { padding:35px 0 0; color:#252525; }
.row-fluid .speakers-text h4 { padding:0; font-size:20px; line-height:26px; color:#252525; }
.row-fluid .speakers-position { padding:10px 0 22px; font-style:italic; }

.row-fluid .therbi-sec1 { padding:10px 60px 0; }
.row-fluid .therbi-sec1 span.hs_cos_wrapper { margin:0 -16px; display:block; }
.row-fluid .therbi-sec1 .hs_cos_wrapper_widget { width:50%; float:left; padding:16px; }
.row-fluid .therbi-img { height:257px; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.row-fluid .therbi-text { padding:40px 0 25px; color:#252525; font-size:16px; }
.row-fluid .therbi-text h4 { padding:0 0 20px; font-size:18px; line-height:26px; color:#33a1ee; }

.row-fluid .hummbird-apphero { background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/work-forcebg.png?t=1518710487066) no-repeat; background-position:calc(50% + 200px) calc(100% - 140px); padding-bottom:0; }
.row-fluid .hummbird-apphero h1 { color:#34c9e4; }
.row-fluid .hummbird-apphero .workforce-needsection { position:relative; padding-top:80px; }
.row-fluid .hummbird-apphero .workforce-needsection .wrapper { position:relative; padding-bottom:230px; }
.row-fluid .hummbird-apphero .openspace-heroheader h2 { text-transform:uppercase; color:#090d11; font-family: 'futura_ltlight', sans-serif, Arial, Helvetica; }

.row-fluid .hummbird-apphero .bird-icon { width:auto; float:none; margin-left:auto !important; margin-right:auto !important; display:inline-block; }
.row-fluid .hummbird-apphero .openspace-heroheader { margin-bottom:5px; margin-top:40px; }
.row-fluid .hummbird-apphero .workneed-imgwrap { position:absolute; right:-15px; bottom:0; }
.row-fluid .hummbird-apphero .workspace-birdimg { position:absolute; top:45px; left:calc(0% + 320px); width:auto; display:inline-block; }
.row-fluid .hummbird-apphero .workneed-contentwrap { padding-top:45px; float:left; padding-bottom:10px; }
.row-fluid .appstore-dwnwrap { text-align:center; margin-top:45px;  }
.row-fluid .appstore-dwnwrap .app-dwnicon { width:auto; float:none; display:inline-block; margin:0; padding:0 10px; }
.row-fluid .appstore-title { font-size:22px; line-height:30px; color:#cfd7dc; font-style:italic; font-family: 'futura_ltlight', sans-serif, Arial, Helvetica; margin-bottom:15px; }
.row-fluid .humbird-listingwrap .arrow-liststyle ul { margin-bottom:0; }
.row-fluid .humbird-listingwrap { position:relative; padding-top:0; }
.row-fluid .humbird-listingwrap:before { content:""; width:100%; height:138px; position:absolute; top:-138px; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/hummingbird-appcurve.png?t=1518710487066) no-repeat; background-size:100% 138px; }

.row-fluid .oswork-forcrow .oswork-spacecontentwrap .demo-link { margin-top:50px; font-weight:bold; display:inline-block; padding:18px 35px 13px; color:#fff; text-transform:uppercase; background:#31a1ef; font-size:16px; line-height:24px; box-shadow:0 5px 0 #226bac; border-radius:5px; }
.row-fluid .oswork-forcrow .oswork-spacecontentwrap .demo-link:hover { box-shadow:none; background:#1f90e0; }

.row-fluid .workforce-bottomsection { color:#fff; padding:70px 0 380px; background:#edf1f4 url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/hbawork-spacebg.png?t=1518710487066) no-repeat; background-position:center; }
.row-fluid .workforce-bottomsection .webird-imgwrap { text-align:center; }
.row-fluid .workforce-bottomsection .webird-contentwrap h2 { color:#fff; }
.row-fluid .workforce-bottomsection .webird-contentwrap h2 span { color:#31e9d6; }
.row-fluid .workforce-bottomsection .webird-contentwrap { padding-top:150px; }
.row-fluid .workforce-bottomsection .webird-contentwrap .schedule-demolink a { margin-top:30px; font-weight:bold; background:#31e9d6; color:#fff; text-transform:uppercase; display:inline-block; padding:20px 35px 15px; font-size:16px; line-height:24px; box-shadow:0 5px 0 #159b9d; border-radius:5px; }
.row-fluid .workforce-bottomsection .webird-contentwrap .schedule-demolink a:hover { box-shadow:none; background:#36decd; }
 

.row-fluid .employee-leadhero:before { display:none; }
.row-fluid .employee-leadhero h2 { color:#fff; text-transform:uppercase; padding-bottom:15px; }
.row-fluid .employee-leadhero .hero-realestate h1 { padding-bottom:0; }
.row-fluid .employee-leadhero .hero-realcontent  { padding-bottom:15px; }

.row-fluid .mobileex-appsection { padding:145px 0; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/mobile-exappbg.png?t=1518710487066) no-repeat; background-position:center calc(100% - 140px); }
.row-fluid .seccontent-wrap { max-width:840px; margin:0 auto 100px !important; text-align:center; float:none; font-size:19px; line-height:33px; color:#090d11;  }
.row-fluid .seccontent-wrap h2 { font-weight:normal; color:#090d11; font-family: 'futura_ltlight'; margin-bottom:30px; }
.row-fluid .exapp-leftside { position:relative; text-align:center; float:none; display:inline-block; vertical-align:middle; margin-right:-3px; }
.row-fluid .exapp-rightside { color:#090d11; display:inline-block; float:none; margin-right:-3px; vertical-align:middle; }
.row-fluid .exapp-leftside .exapp-birdimg { position:absolute; left:10px; width:auto; top:150px; z-index:1; }
.row-fluid .hummcontent-wrap { color:#090d11; line-height:31px; }
.row-fluid .hummcontent-wrap h3 { font-weight:normal; font-family: 'futura_ltlight', sans-serif, Arial, Helvetica; color:#31a1ef; margin-bottom:10px;  }
.row-fluid .hummcontent-wrap p { margin-top:0; margin-bottom:30px; }
.row-fluid .exapp-rightside .gcta-btn a { margin-top:20px; min-width:282px; text-align:center; }

.row-fluid .gcta-btn a { min-width:230px; text-align:center; margin-top:30px; font-weight:bold; background:#31e9d6; color:#fff; text-transform:uppercase; display:inline-block; padding:20px 35px 15px; font-size:16px; line-height:24px; box-shadow:0 5px 0 #159b9d; border-radius:5px; }
.row-fluid .gcta-btn a:hover { box-shadow:none; background:#36decd; }


.row-fluid .bcta-btn a { min-width:230px; text-align:center; margin-top:30px; font-weight:bold; background:#31a1ef; color:#fff; text-transform:uppercase; display:inline-block; padding:20px 35px 15px; font-size:16px; line-height:24px; box-shadow:0 5px 0 #226bac; border-radius:5px; }
.row-fluid .bcta-btn a:hover { box-shadow:none; background:#1f90e0; }


.row-fluid .kiosks-section { padding:0 0 45px 0; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/kiosk-exappbg.png?t=1518710487066) no-repeat; background-position:calc(50% + 240px) calc(100% - 80px); }
.row-fluid .kiosks-section .seccontent-wrap { margin-bottom:110px !important; }
.row-fluid .kiosk-leftside { float:none; display:inline-block; vertical-align:middle; margin-right:-3px; padding-bottom:90px; }
.row-fluid .kiosk-leftside h3 { margin-bottom:22px; }
.row-fluid .kiosk-rightside { display:inline-block; text-align:right; float:none; margin-right:-3px; vertical-align:middle; position:relative; }
.row-fluid .kiosk-rightside .exapp-birdimg { position:absolute; top:160px; right:-70px; width:auto; z-index:1; }
 
.row-fluid .ctabtn-row { margin-top:10px; }
.row-fluid .watchv-ctabtn a { position:relative; padding-right:84px;  }
.row-fluid .watchv-ctabtn a:after { content:""; width:35px; height:35px; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/watchright-arrow.png?t=1518710487066) no-repeat;  position:absolute; right:28px; top:13px; }
 
.row-fluid .resschedule-section { padding:100px 0 0; background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/resource-schebg.png?t=1518710487066) no-repeat; background-position:center; }
.row-fluid .resschedule-contentwrap { padding-top:100px; }
.row-fluid .schedule-imgwrap { position:relative; }
.row-fluid .schedule-imgwrap .exapp-birdimg { position:absolute; left:-35px; bottom:230px; width:auto; z-index:1; }
 
.row-fluid .integration-section { background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/Integrations-bg.png?t=1518710487066) no-repeat; background-position:center calc(100% - 220px); padding-bottom:70px; }
.row-fluid .integration-section h3,.row-fluid .integration-section h4 { font-weight:normal; font-family: 'futura_ltlight', sans-serif, Arial, Helvetica; color:#31a1ef; margin-bottom:10px; }
.row-fluid .scenario-box { margin-bottom:45px; }
.row-fluid .scenario-box .scenario-innerbox { background:#fff; border-radius:6px; box-shadow:0 0 25px rgba(0,0,0,0.2); overflow:hidden; }
.row-fluid .senario-contentwrap { font-size:15px; line-height:27px; padding:45px 50px 70px; color:#090d11; }
.row-fluid .integration-section .bcta-btn { text-align:center; }
.row-fluid .scenario-box .senario-imgwrap { padding:30px 0; text-align:center; }
.row-fluid .scenario-box .senario-imgwrap:before { display:none; }
.row-fluid .scenario-box.scenario-leftbox { padding-right:10px; }
.row-fluid .scenario-box.scenario-rightbox { padding-left:10px; }

.row-fluid .integration-section { padding-top:83px; }
.row-fluid .integration-section .scebird-img { width:auto; margin:0 auto 10px; display:inline-block; float:none;  }
.row-fluid .integration-section .seccontent-wrap { margin-bottom:86px !important; font-size:17px; line-height:30px; }
.row-fluid .scenario-title { text-transform:uppercase; margin-top:25px; }
.row-fluid .integration-section .seccontent-wrap h3 { margin:10px 0 40px 0;  }
.row-fluid .integration-section .bcta-btn a { margin-top:55px; min-width:283px; }
.row-fluid .watchv-ctabtn .wistia_responsive_padding { margin-top:0 !important; padding:0 !important; }
.row-fluid .watchv-ctabtn .wistia_responsive_wrapper { position:relative !important; }
 
.row-fluid .popup-subtitle { font-size:23px; font-weight:600; color:#3a3a3a; /*text-transform:uppercase;*/ font-family: 'futura_ltlight', sans-serif, Arial, Helvetica; }
.row-fluid .popup-contentwrap { margin-bottom:50px; }
.row-fluid .popup-contentwrap h2 { color:#31a1ef; text-transform:uppercase; }
.popup-form,.personal-demoform { padding:60px 35px; border-bottom:10px solid #31e9d6; border-radius:4px; }
.row-fluid .humming-lpform.humming-birdform { font-size:16px; line-height:24px; }
.row-fluid .humming-lpform.humming-birdform select { background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/select-btmarrow.png?t=1518710487066) no-repeat; background-position:calc(100% - 15px) center;  }
.form-column { width:33.33%; float:left; padding-left:30px;  }
.form-column:first-child { padding-left:0; }
.humming-birdform.humming-lpform input[type="submit"] { width:auto; border-radius:5px; background:#31a1ef; padding-top:16px; padding-bottom:14px; border-width:0 0 5px 0; box-shadow:0 5px 0 #0c78c3;  border:none; }
.humming-birdform.humming-lpform input[type="submit"]:hover { box-shadow:none; background:#1f90e0;  }
.humming-birdform.humming-lpform .hs-richtext { margin-bottom:10px; }
.humming-birdform.humming-lpform .hs-richtext a { text-decoration:underline; }
.hs-content-name-hummingbirdmain .fancybox-close,.hs-content-path-ioffice_hummingbirdapp .fancybox-close { background:url(https://cdn2.hubspot.net/hubfs/167521/ioffice_2017/images/appclose-icon.png?t=1518710487066) no-repeat; right:25px; top:25px;  }
 
.popup-form .humming-birdform.humming-lpform .inputs-list { }
.humming-birdform.humming-lpform .inputs-list [type="radio"]:not(:checked), .humming-birdform.humming-lpform .inputs-list [type="radio"]:checked {  position: absolute;  left: -9999px;}
.humming-birdform.humming-lpform .inputs-list [type="radio"]:not(:checked) + span, .humming-birdform.humming-lpform .inputs-list [type="radio"]:checked + span {  position: relative;  padding-left: 32px;  cursor: pointer;}
.humming-birdform.humming-lpform .inputs-list [type="radio"]:not(:checked) + span:before, .humming-birdform.humming-lpform .inputs-list [type="radio"]:checked + span:before {  content: '';  position: absolute; border-radius:100%; left:0; top: -2px;  width: 19px; height: 19px; border:1px solid #31a1ef; background: #fff;}
.humming-birdform.humming-lpform .inputs-list [type="radio"]:not(:checked) + span:after, .humming-birdform.humming-lpform .inputs-list [type="radio"]:checked + span:after {  background:#31a1ef;
  content:"";  width:19px;  height:19px;  position: absolute; border:1px solid #31a1ef; top: -2px; border-radius:100%; left: 0px;  font-size: 18px;  line-height: 0.8;  color: #09ad7e;  transition: all .2s; }
.humming-birdform.humming-lpform .inputs-list [type="radio"]:not(:checked) + span:after {  opacity: 0;  transform: scale(0);}
.humming-birdform.humming-lpform .inputs-list [type="radio"]:checked + span:after {  opacity: 1;  transform: scale(1);}
.humming-birdform.humming-lpform .required-fieldnote { margin-bottom:32px; display:inline-block; }
.humming-birdform.humming-lpform .required-fieldnote span { color:#e68400;}
.humming-birdform.humming-lpform .hs-form .field { padding-bottom:30px; }
.humming-birdform.humming-lpform .hs-form .hs_i_wish_to_receive_personalized { padding-bottom:24px; }
.humming-birdform.humming-lpform .form-column:nth-child(2) { padding-left:20px; }

.row-fluid .personal-formwrap { margin:155px 0 160px;}
.row-fluid .personal-formwrap .personal-demoform { background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.13); border-radius:10px; position:relative; }
.row-fluid .personal-mainformwrap { margin-top:0; margin-bottom:100px; }
.row-fluid .reqbird-imgwrap { position:absolute; top:-60px; right:75px; width:auto; }
.row-fluid .personal-mainformwrap .reqbird-imgwrap { top:-75px; }
 
.employee-experiencelp .header-container-wrapper { display:none; }
.employee-experiencelp .body-container-wrapper { margin-top:0; }
.row-fluid .employee-experhero { background-size:auto !important; background-repeat:no-repeat !important; background-position:center left !important; background-color:#fff; position:relative; z-index:1;  }
.row-fluid .employee-experhero.show-animation:before { opacity:1; margin-left:0px; }
.row-fluid .employee-experhero.show-animation .hero-realestate { opacity:1; margin-left:0px; }
.row-fluid .employee-experhero:before { content:"";  border-radius:100%; position:absolute; left:50%; top:-200px; background:rgba(90, 30, 165, 0.58); width:100%; height:100%; z-index:-1; display:block; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;; opacity:0; margin-left:50px; }
.row-fluid .employee-experhero:after { content:""; width:100%; height:226px; background:url(https://cdn2.hubspot.net/hubfs/167521/ebook-topcurve.png?t=1518710487066) no-repeat; background-size:100% 226px; position:absolute; bottom:0; left:0;  }
.row-fluid .employee-experhero .hero-realestate { border-radius:100%; position:relative; z-index:1; font-family: 'futura_bkbook';  opacity:0;  -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;; margin-left:50px; }
.row-fluid .employee-experhero .hero-realestate .hero-textreal { font-family: 'futura_bkbook'; }

.row-fluid .employee-experhero .hero-realestate .heroreale-stateinner { max-width:550px; float:right;  }
.row-fluid .employee-experhero .hero-realestate .hero-realcontent { font-size:26px; line-height:40px; margin-top:15px; }
.row-fluid .feature-subtitlerow { margin-bottom:30px; }
.row-fluid .feature-subtitle { font-size:19px; line-height:24px; text-transform:uppercase; font-family: 'futura_bkbook'; float:none; display:inline-block; vertical-align:middle; margin-left:0; padding-left:20px; letter-spacing:1.2px;  }
.row-fluid .feature-logo { border-right:1px solid #fff; width:auto; float:none; display:inline-block; vertical-align:middle; padding-right:20px; }
.row-fluid .employee-experhero.employee-leadhero .hero-realestate { padding-top:150px; }
.row-fluid .employee-experhero .hero-realestate .lpdownload-ctabtn a { background:#fff; box-shadow:none; color:#8F5ECA; font-family: 'futura_bkbold'; margin-top:15px; min-width:318px; padding:20px 35px 18px; }
.row-fluid .employee-experhero .hero-realestate .lpdownload-ctabtn a:hover { background:#8F5ECA; color:#fff;  }
.row-fluid .employee-experhero .bottom-arrow { top:auto; bottom:50px;  }

.employee-experiencelp .form-column .required-fieldnote { display:none; }
.employee-experiencelp .fancybox-skin { border-radius:6px; }
.popup-form.dwnpopup-form { border-bottom-color:#A278D9; }
.dwnpopup-form .humming-birdform.humming-lpform input[type="submit"] { width:100%; }
.dwnpopup-form .form-column { width:30%; }
.dwnpopup-form .form-lastcolumn { width:40%; margin-top:-135px; }
.dwnpopup-form .form-lastcolumn .ebook-image { margin-bottom:20px; text-align:center; }
.dwnpopup-form .required-fieldnote span > span { color:#E68400;}

.row-fluid .ebook-section { padding-bottom:60px; position:relative; z-index:2; background:#F7F7F7; }

.row-fluid .ebook-imgwrap,.row-fluid .ebook-contentwrap { float:none; display:inline-block; vertical-align:middle; margin-right:-3px; }
.row-fluid .ebook-imgwrap { margin-top:-50px; }
.row-fluid .ebsub-title  { font-size:23px; line-height:26px; text-transform:uppercase; margin-bottom:15px; }
.row-fluid .ebook-contentwrap { font-size:23px; line-height:40px; font-family: 'futura_bkbook'; color:#383838; }
.row-fluid .ebook-contentwrap h3 { padding-bottom:15px; text-transform:uppercase; color:#31A1EF; }

.employee-experiencelp .row-fluid .ebook-section .wrapper { max-width:1400px; }


.row-fluid .discover-section { padding:80px 0 120px; background:#F7F7F7; font-family: 'futura_bkbook'; color:#383838; font-size:23px; line-height:40px;  }
.row-fluid .discover-section h3 { text-transform:uppercase; margin-bottom:15px; color:#31A1EF; }

.row-fluid .discover-section .list-style { margin-top:35px; }
.row-fluid .list-style ul { padding:0; margin:0; }
.row-fluid .list-style ul li { display:inline-block; position:relative; padding-left:25px; margin:10px 0; line-height:30px; color:#383838; font-family: Arial, Helvetica, sans-serif; }
.row-fluid .list-style ul li:before { content:""; width:6px; height:6px; background:#31A1EF; border-radius:100%; position:absolute; left:0; top:14px; }
.row-fluid .list-style ul li strong { font-family: Arial, Helvetica, sans-serif; font-weight:700; }

.row-fluid .dwnebook-formwrap { background:#F7F7F7; padding:0 0 130px 0; margin-bottom:0; }
.row-fluid .dwnebook-formwrap .dwnpopup-form { border-bottom-color:#AB83DD; }
.row-fluid .empgrowth-section { background:#F7F7F7; padding:40px 0 80px 0; }
.row-fluid .empgrowth-section h3 { color:#31A1EF; text-transform:uppercase;   }
.row-fluid .empgrowth-section .growth-header { max-width:420px; float:right; margin-bottom:-180px; margin-top:25px; }
.row-fluid .empgrowth-section #bulsysbar { padding: 0; }
.row-fluid .empgrowth-section #bulsysbar li { font-family: 'futura_bkbook'; display: inline-block; /*padding:20px 0;*/ width: 100%; margin:18px 0; position: relative; color:#383838; font-size:31px; line-height:31px; }
.row-fluid .empgrowth-section #bulsysbar li span { width:30%; display:inline-block; vertical-align: middle; }
.row-fluid .empgrowth-section #bulsysbar li .topbar-main { position:relative; display:inline-block; width:70%; height:70px; vertical-align: middle; padding-right:130px; }
.row-fluid .empgrowth-section #bulsysbar li .bar { overflow:visible !important; display: block; left:0; padding-left:0; background: #AB83DD; right:0px; position: absolute; bottom: 0; width:0; height:70px; }
.row-fluid .empgrowth-section #bulsysbar li .bar:before { content:""; border-left:1px dashed #fff; position:absolute; left:170px; height:100%; }
.row-fluid .empgrowth-section #bulsysbar li strong { color: #fff; background:#DED0EF; padding:20px 20px 19px; text-align: center; text-transform:uppercase; font-size:31px; line-height:31px; -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;; opacity:0; position:absolute; left:100%;  display:table; }
.row-fluid .empgrowth-section #bulsysbar li.show strong { opacity:1; height:auto; }
.row-fluid .empgrowth-section #bulsysbar li .couter-box { color: #4292dd; position: relative; bottom: 30px;  opacity:0; -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;;  height:0; }

.row-fluid .cmydont-investtitle { font-family: 'futura_bkbook'; color:#383838; text-align:center; font-size:23px; text-transform:uppercase; padding-left:30%; width:auto; } 

.row-fluid .cmydont-investtitle strong { display:block; font-family: 'futura_bkbold'; font-size:31px; } 

.row-fluid .list-style.start ul li { animation: FadeIn 1s linear;  animation-fill-mode: both; }

.row-fluid .list-style ul li:nth-child(1) { animation-delay: 1.2s }
.row-fluid .list-style ul li:nth-child(2) { animation-delay: 1.6s }
.row-fluid .list-style ul li:nth-child(3) { animation-delay: 2s }
.row-fluid .list-style ul li:nth-child(4) { animation-delay: 2.4s }
.row-fluid .list-style ul li:nth-child(5) { animation-delay: 2.8s }
.row-fluid .list-style ul li:nth-child(6) { animation-delay: 3s }
.row-fluid .list-style ul li:nth-child(7) { animation-delay: 3.4s }
.row-fluid .list-style ul li:nth-child(8) { animation-delay: 3.8s }
.row-fluid .list-style ul li:nth-child(9) { animation-delay: 4s }
.row-fluid .list-style ul li:nth-child(10) { animation-delay: 4.4s }
.row-fluid .list-style ul li:nth-child(11) { animation-delay: 4.8s }
@keyframes FadeIn { 
  0% {
    opacity: 0;
    /*transform: scale(.1);*/
  }

  85% {
    opacity: 1;
    /*transform: scale(1.05);*/
  }
  100% {
    /*transform: scale(1);*/
  }
}

/*-=-=- Only Desktop CSS -=-=-*/
@media ( min-width:1450px ) {
    .row-fluid .dwnebook-formwrap .wrapper { max-width:1270px; }
    .employee-experiencelp .popup-form { width:1320px; }
}
@media ( min-width:1231px ) {
    .button.w350 a { width:280px;  }
    .productSlider .slideTop h2 { font-size:43px; }
    .homeSec5 h5 { font-size:22px; }
    .featureBoxMain .boxFront { min-height:280px; }
    
    .row-fluid .streamlined-section .streamlined-contentwrap { padding-left:100px; padding-right:100px; }
    
    .popup-form { width:945px; border-radius:6px; }
    
    
    .row-fluid .lppopup-form { padding-left:80px; padding-right:80px; }
    
    .row-fluid .newheadersection .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left:-80px; }
    .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li > .DropDownMenu { left:calc( 33.33% - 80px ); right:20px; }
    
    .row-fluid .oswork-forcrow .oswork-spaceimgwrap { padding-right:50px;  }
    .row-fluid .oswork-forcrow.oswork-forcrowright .oswork-spaceimgwrap  { padding-left:50px; padding-right:0; }
    .row-fluid .oswork-forcrow .oswork-spacecontentwrap { padding-left:50px;  }
    .row-fluid .oswork-forcrow.oswork-forcrowright .oswork-spacecontentwrap  { padding-right:50px;  padding-left:0; }
    .row-fluid .hummbird-apphero .openspace-heroheader h2 { font-size:35px; line-height:42px; }
    .row-fluid .hummbird-apphero h1 { font-size:67px; line-height:65px; }
    .row-fluid .workforce-bottomsection .webird-contentwrap h2 { font-size:38px; line-height:46px;  }
    
    .row-fluid .employee-leadhero .hero-realestate h1 { font-size:45px; line-height:55px;  }
    .row-fluid .employee-leadhero h2 { font-size:69px; line-height:75px; }
    
    .row-fluid .seccontent-wrap h2 { font-size:43px; line-height:50px; }
    .row-fluid .exapp-rightside h3 { font-size:32px; line-height:32px;}
    .row-fluid .mobileex-appsection .wrapper { padding-left:100px; }
    .row-fluid .exapp-rightside  { padding-left:50px; }
    .row-fluid .kiosk-leftside { padding-left:160px; }
    .row-fluid .resschedule-contentwrap { padding-right:80px; }
    
    .row-fluid .integration-section .wrapper,.row-fluid .personal-formwrap .wrapper { padding-left:80px; padding-right:80px; }
    .row-fluid .senario-contentwrap h4 { font-size:25px; line-height:30px; }
    
    .row-fluid .integration-section .seccontent-wrap h3 { font-size:36px; line-height:52px; }
    
    .row-fluid .employee-leadhero .hero-realestate { padding-top:300px; }
    .row-fluid .popup-contentwrap h2 { font-size:40px; line-height:45px; }
    .popup-form { width:1015px; }
    
    .row-fluid .employee-experhero:before { width:1170px; height:1170px; left:calc(50% + 250px); }
    
    .row-fluid .employee-experhero .hero-realestate { padding-right:25px; }
    
    .row-fluid .ebook-contentwrap h3 { font-size:31px; line-height:34px; }
    
    .row-fluid .employee-experhero .hero-realestate { padding-bottom:200px; }
    .row-fluid .dwnebook-formwrap .wrapper {  padding-left:0; padding-right:0; } 
    .row-fluid .dwnebook-formwrap .dwnpopup-form { padding-left:90px; padding-right:90px; padding-bottom:80px; }
    
    .dwnpopup-form .form-lastcolumn { padding-left:80px; }
    
    .row-fluid .empgrowth-section .wrapper {  max-width:1270px; }
    .row-fluid .ebook-contentwrap { padding-left:25px; }
} 

@media(max-width:1400px){

    .continue { bottom:0; }
    
}

@media(min-width:768px){
    body .row-fluid .inline { float:none; display:inline-block; vertical-align:middle; margin-right:-4px; }
    .row-fluid .homeSec2 .wrapper { padding-right:235px; } 
    .heroTestimonialTab { min-height:175px; }
    .menu-inner-cta { padding-left:15px; }
    .row-fluid .about-listUC .title { display:none; }
}
@media (min-width: 992px) and (max-width:1230px) {
    .row-fluid .employee-experhero:before { width:970px; height:970px; left:calc(50% + 250px); }
    .row-fluid .employee-experhero:after { height:125px; background-size:100% 125px;  }
    .row-fluid .empgrowth-section #bulsysbar li .bar { position:relative; left:0; }
    .row-fluid .empgrowth-section #bulsysbar li .topbar-main { width:100%; }
    .row-fluid .empgrowth-section #bulsysbar li { line-height:56px; margin:0; padding:5px 0; }
    .row-fluid .empgrowth-section #bulsysbar li span {  width:100%; }
    .row-fluid .cmydont-investtitle { padding-left:0; }
    .row-fluid .employee-experhero.employee-leadhero .hero-realestate { padding-bottom:150px; }
    .row-fluid .ebook-contentwrap { font-size:18px; line-height:30px; }
}

@media (min-width: 768px) and (max-width:992px) {
    .row-fluid .employee-experhero:before { width:100%; height:100%; left:0; transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); top:0; border-radius:0; }
    .row-fluid .employee-experhero:after { height:125px; background-size:100% 125px;  }
    .row-fluid .empgrowth-section #bulsysbar li .topbar-main { width:100%; }
    .row-fluid .empgrowth-section #bulsysbar li .bar { position:relative; left:0; }
    .row-fluid .empgrowth-section #bulsysbar li { line-height:56px; margin:0; padding:5px 0; font-size:20px; line-height:38px;  }
    .row-fluid .empgrowth-section #bulsysbar li span { width:100%; }
    .row-fluid .empgrowth-section #bulsysbar li strong { left:100%; display:table; }
    
    .row-fluid .cmydont-investtitle { padding-left:0; }
    .row-fluid .employee-experhero.employee-leadhero .hero-realestate { padding-bottom:150px; padding-top:80px;  }
    .row-fluid .ebook-contentwrap { font-size:18px; line-height:30px; }
    .row-fluid .employee-experhero .hero-realestate .hero-realcontent { font-size:20px; line-height:30px; }
    .row-fluid .employee-experhero .hero-realestate .heroreale-stateinner { max-width:100%; }
    .row-fluid .ebook-section { padding-top:30px; }
    .row-fluid .empgrowth-section .growth-header { margin-bottom:0; max-width:100%; }
    
    .row-fluid .discover-section { font-size:18px; line-height:28px; }
    .row-fluid .empgrowth-section { padding:40px 0;}
}

/*-=-=- Smaller Desktop Devices -=-=-*/
@media ( max-width:1230px ) {
        
	.wrapper { max-width:1000px }
    .homeSec3 .right { padding-left:40px; }
    .homeSec3 .right .mobile { right:45%; }
	.homeSec3 { padding:70px 0 40px; }
    
    .row-fluid .homeSec2 .wrapper { padding-right:50px; }
    
    .homeSec3 .center { padding:50px 0; }
    .homeSec3 h2 { margin:0 auto -50px; }
    .homeSec3 .slick-dotted ul.slick-dots { margin:-100px auto 100px; }
    .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li { padding-left:15px; padding-right:15px; }
    
    .row-fluid .aboutP-counter { font-size:42px; }
    
    .row-fluid .workforce-needsection { padding-top:80px;}
    
    .row-fluid .header-ctabtn { padding-right:15px; }
    .row-fluid .header-ctabtn a { min-width:0; }
    .row-fluid .header-ctabtn a span { display:none; }
    
    .row-fluid .facility-sertext { padding:45px 20px 20px; } 
    
    .row-fluid .hummbird-apphero .workspace-birdimg { top:15px; left:calc(0% + 200px);  }
    
}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media ( min-width:1081px ) {
    .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li:hover > a { background:transparent; color:#31a1ef; }
    .row-fluid .newheadersection .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) { position:relative !important; }
    .row-fluid .newheadersection .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:nth-child(2) ul.hs-menu-children-wrapper { left:-50%; min-width:250px; width:100%; min-height:auto; }
}
@media ( max-width:1080px ) {
		
    .wrapper { max-width:900px }
    .heroSection .filter_link li a .innerBlock { width:95px; height:95px; }
    
    .heroSection h1 { font-size:30px; }
    .row-fluid .openspace-heroheader h1 span { font-size:20px; line-height:28px; }
    .heroSection h1 span { font-size:50px; display:block; }
    .heroSection .heroText { font-size:18px; margin-top:20px; }
    .featureBlocks > span > div { width:50%; }
    .featureBoxMain .boxFront { height:30vw; }
    
    .homeSec5 { padding:60px 0 75px; }
    .homeSec5 .videoPopup { padding:20px 0; }
    .homeSec5 .videoPopup img { max-width:100px; }
    
    .homeSec8 { padding:60px 0; }
    .homeSec4 .pt20 { padding-top:0; }
    .homeSec10 { padding:60px 0; }
        
    .row-fluid .newheadersection .siteNavigation .hs-menu-wrapper > ul > li.navCta { padding-top:0; padding-right:15px; }
    .row-fluid .siteNavigation .hs-menu-wrapper > ul > li > .DropDownMenu { display:none; }
    
    .workplace-block .slick-slide{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1);}
    .workplace-block .slick-slide.slick-center{transform: -moz-scale(1); transform: -webkit-scale(1); transform: scale(1);}
    .workplace-block .workplace-list{width:auto; margin: 0 15px;}
    .ready-flex h2 br{display:none;}
    .request-form .inputs-list{column-count:2;}
    
    .row-fluid .meet-boxthree .meetAg-block { width:47.5%; }
    
    #fp-nav.right { right:15px !important; }
    .row-fluid .socialIcon-Box { margin:5px 15px !important; }
    
    .row-fluid .invite_form_block{width: 455px;}
    
    /* realestate page */
    .row-fluid .hero-realestate { padding:130px 0 40px; }
    .row-fluid .hero-realestate h4 , .row-fluid .hero-realestate h1 { font-size:45px; line-height:60px; }
    
    .row-fluid .menag-left { padding:30px 30px; }
    .row-fluid .menag-left h3 { padding:0 0 25px; }

    .row-fluid .workforce-hero { background-position:center; }
    .row-fluid .workforce-needsection { padding-top:120px; }
    .row-fluid .workneed-contentwrap,.row-fluid .oswork-spacecontentwrap { font-size:16px; line-height:24px; }
    
    .row-fluid .arrow-liststyle ul li:before { width:25px; height:25px; background-size:100%; }
    .row-fluid .arrow-liststyle ul li { padding-top:0; padding-bottom:0; padding-left:35px; }
    .row-fluid .workneed-contentwrap { padding-left:0; padding-bottom:50px;  }
    
    .row-fluid .work-forcesection { padding:150px 0;}
    .row-fluid .oswork-spacecontentwrap h2,.row-fluid .workspace-ctasection h2,.row-fluid .workforce-contentwrap h2 { font-size:30px; line-height:40px; }
    
    .row-fluid .oswork-forcrow .oswork-spaceimgwrap .oswork-spaceimg { max-width:200px; }
    .row-fluid .workspace-ctasection { padding-top:120px; padding-bottom:100px; }
    .row-fluid .workspace-ctasection .real-cta { margin-top:15px; }
    
    .row-fluid .video-Lpvideo .wistia_embed.wistia_async_qbw7x715z8.wistia_embed_initialized { width:600px !important; height:400px !important; } 

    .row-fluid .space-section { padding:70px 0; }
    .row-fluid .success-section { padding:70px 0; }
    .row-fluid .menag-section1 { margin-top:0; }
    .WorkplaceLeader .space-right { padding:0 0 0 20px; }
    .row-fluid .usage-sec .space-right { padding-right:20px; }
    .WorkplaceLeader .menag-img { margin-left:-78px; } 
    
    .row-fluid .about-listUC ul li { padding:10px 2px; }
    .row-fluid .about-listUC ul li a { min-width:155px; }
    
    .row-fluid .aboutuc-text  { padding-right:50px; }
    .row-fluid .therbi-sec1 { padding:0 20px; } 
    .row-fluid .hummbird-apphero .openspace-heroheader h2 { font-size:18px; line-height:26px; } 

}

/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media ( max-width:991px ) {
        
	.wrapper { max-width:700px }
    h1 { font-size:32px; }
    h2 { font-size:28px; }
    h3 { font-size:26px; }
    h4 { font-size:24px; }
    h5 { font-size:20px; }
    h6 { font-size:18px; }
    
    .p40-0 { padding-top:30px; padding-bottom:30px; }
    .p50-0 { padding-top:35px; padding-bottom:35px; }
    .p60-0 { padding-top:40px; padding-bottom:40px; }
    .p70-0 { padding-top:45px; padding-bottom:45px; }
    .pb40 { padding-bottom:30px; }
    .pb50 { padding-bottom:35px; }
    .pb60 { padding-bottom:40px; }
    .pb70 { padding-bottom:45px; }
    .pt40 { padding-top:30px; }
    .pt50 { padding-top:35px; }
    .pt60 { padding-top:40px; }
    .pt70 { padding-top:45px; }
    
    .heroSection { padding:70px 0 50px; }
    .homeSec3 { padding:40px 0 0; }
    .heroSection .filter_link li a .innerBlock { width:85px; height:85px; }
    .row-fluid .humming-lpform .input ul.inputs-list { -webkit-column-count: 2; /* Chrome, Safari, Opera */
    
    -moz-column-count: 2; /* Firefox */
    column-count: 2; }
    .popup-form { padding-left:15px; padding-right:15px; }
    .row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes .humming-boxeinner { padding:15px; }
    .row-fluid .humming-boxlistings .hs_cos_wrapper_widget { width:100%; }
    .row-fluid .howit-filewrap .button a,.row-fluid .streamlined-ctabtn a { min-width:250px; }
    
    .row-fluid .givemployee-heading { padding:20px; }
    .row-fluid .humming-emlistwrap li { width:50%; }
    .row-fluid .streamlined-listings .hs_cos_wrapper_widget_container { margin-left:-15px; margin-right:-15px; }
    .row-fluid .streamlined-listings .streamlined-boxcontent,.row-fluid .streamlined-listings .hs_cos_wrapper_widget { padding:15px; }
    
    .row-fluid .howit-filesection { background-position:-125px 185px; }
    .row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.black-box { background-size:cover !important;}
    
    .three-blocks > span > div{width:calc(50% - 38px); margin-bottom:20px;}
    
    .software-block > span > div{width:calc(33.33% - 20px); margin: 0 10px 20px;}
    .workplace-block .workplace-list .rich-txt{font-size: 16px; line-height: 30px;}
    .ready-flex h2{font-size: 32px; }
    .ready-flex .button a{padding:12px 10px 11px;}
    .top-banner h1{font-size: 32px;}
    .top-banner h1 + p{font-size: 36px; margin: 0;}
    .top-banner .first-text{letter-spacing: 0; font-size: 19px;}
    .top-banner h1 + p{font-size: 20px; line-height: normal;}
    .software-products .sub-txt span br{display:none;}
    .workplace .title-block h2{font-size: 31px;}
    .workplace{padding: 40px 0 50px;}
    .ready-flex > div > div{height: auto;}
    .software-popup .btns a{margin: 0 0 10px; width:100%;}
    
    /* Landing pgae */
    .row-fluid .hero-contentLP { padding:50px 0 30px; font-size:16px; line-height:24px; }
    .row-fluid .hero-contentLP h2 { font-size:22px; line-height:30px; }
    
    .row-fluid .activity-title h4 { font-size:18px; line-height:26px; }
    .row-fluid .activity-content , .row-fluid .activity-right{ margin:0 0 10px; width:100%; }
    
    .row-fluid .activity-inner { padding:25px; }
    .row-fluid .activity-form fieldset { max-width:100%; }
    
    /* about page */
    .row-fluid .process-sectionAb { padding:70px 0 70px; }
    .row-fluid .process-sectionAb1 { padding-top:25px; }
    .row-fluid .process-sectionAb1 .hs_cos_wrapper_widget { width:33.33%; }
    
    .row-fluid .meet-sectionAg { padding:80px 0; }
    .row-fluid .meet-boxfirst .meetAg-block { width:44.5%; }
    .row-fluid .meet-boxthree .meetAg-block { width:46.8%; }
    
    .row-fluid .meet-boxthree { padding-left:40px; }
    .row-fluid .meetAg-want { margin: 8px 14px 8px 8px; max-width:330px; font-size: 15px; }
    
    .row-fluid .meetAg-devlo .meet-textAg { left:10px; padding:50px 15px; }
    .row-fluid .timeline-section { padding:70px 0; }
    .row-fluid .timeline-slider { padding-top:40px; }
    
    .row-fluid .about-hero h1 { font-size:45px; line-height:52px; }
    
    .row-fluid .about-titleAg h2 { font-size:28px; line-height:36px; }
    
    .row-fluid .titleline-slider2 .slick-track:after , .row-fluid .titleline-slider2 .slick-track:before { width:60px; }   
    .row-fluid .contact-sectionAP { padding:90px 0; }
    
    .row-fluid .socialIcon-Box { margin:5px 16px !important; width:120px; height:120px; line-height:85px; }
    .row-fluid .birds-fly { display:none; }
    .row-fluid .about-counterBox { padding:15px; }
    .row-fluid .aboutP-counter { font-size:32px; line-height:40px; }
    
    .row-fluid .invite_form_text {  width: 325px;}
    .row-fluid .invite_form_block {  padding: 30px 30px 40px;  width: 325px;}
    .row-fluid .invite_landing_form h1{line-height: 66px;font-size: 60px;}
    .row-fluid .invite_form_block h3{letter-spacing: 0.8px; margin: 0 0 23px;}
    .landing_step_wrapper .row-fluid .step_col_block {  margin: 0 8px !important;  width: calc(33.3333% - 18px);}
    .ifma_landing_page .row-fluid .invite_form_block{padding: 36px 22px 42px 30px;}
    .row-fluid .ready_explore_form{width: 328px;}
    .row-fluid .ifma_giveaway_title h1{line-height: 44px;font-size: 40px;}
    .row-fluid .down_arrow{ background-color: #626262;} 
    .row-fluid .arrow_dwn{right:0;}
    
    
    .row-fluid .hero-realestate h4 , .row-fluid .hero-realestate h1 { font-size:38px; line-height:50px; }
    /*.row-fluid .hero-playreal a:before { width:100px; height:100px; background-size:100%; }*/
    .row-fluid .menag-left h3 { font-size:26px; line-height:32px; }
    .row-fluid .reales-title h3 { font-size:24px; line-height:32px; }
    .row-fluid .space-text { padding:15px 0; }
    
    .row-fluid .hero-playsect a img { max-width:80px; }
    .row-fluid .oswork-forcrow { padding-left:0; padding-right:0; }
    
    .row-fluid .facility-sertext { padding:45px 0 20px 20px; }
    
    /* video landing page */
    .row-fluid .related-section1Lp span.hs_cos_wrapper { margin:0 -10px; }
    .row-fluid .related-section1Lp .hs_cos_wrapper_widget { padding:10px; }
    .row-fluid .relatedLp-box { padding:14px; }
    
    /* Workplacel Leader */
    .row-fluid .usage-sec .space-right { padding:0 20px 0 0; margin:0; } 
    .WorkplaceLeader .menag-img { margin-left:-62px; }
    
    .row-fluid .about-ctaUc { margin-top:15px; }
    .row-fluid .about-ctaUc a { padding: 13px 24px 12px; min-width: 165px; font-size: 16px; }
    .row-fluid .about-secUC { padding-bottom:60px; }
    
    .row-fluid .hero-textUc h2 { font-size: 32px; line-height: 40px; }
    .row-fluid .hero-textUc { font-size:18px; line-height:30px; }
    
    .row-fluid .therbi-img { height:225px; }
    .row-fluid .therbi-text { padding:22px 0 15px; }
    .row-fluid .therbi-text h4 { padding:0 0 10px; }
    
    .row-fluid .speakers-sec1 span.hs_cos_wrapper { margin:0 -10px; }
    .row-fluid .speakers-sec1 .hs_cos_wrapper_widget { padding:10px; }
    .row-fluid .speakers-text 
    
    .row-fluid .aboutuc-text  { padding-right:30px; } 
    .row-fluid .agendauc-box ul li span { width:200px; }
    .row-fluid .agendauc-box ul li { padding:10px 0 10px 200px; }
    
    .row-fluid .therbi-sec1 { padding:0; }
    
    .row-fluid .workforce-bottomsection .webird-contentwrap h2 br { display:none; }
    .row-fluid .hummbird-apphero .workspace-birdimg { left:calc(0% + 80px); top:0; }
    .row-fluid .hummbird-apphero { background-position:calc(50% + 200px) calc(100% - 60px); }
    .row-fluid .humbird-listingwrap:before { background-size:100% 50px; height:50px; top:-50px; }
    .row-fluid .hummbird-apphero .workforce-needsection .wrapper { padding-bottom:100px; }
    
    .row-fluid .bcta-btn,.row-fluid .gcta-btn { width:100%; margin-left:0; margin-top:15px;  }
    .row-fluid .bcta-btn a,.row-fluid .gcta-btn a { margin-top:0; }
    .row-fluid .mobileex-appsection { padding:60px 0 90px; }
    .row-fluid .resschedule-section { padding:0 0 90px; }
    .row-fluid .resschedule-section { background-position:top center; }
    .row-fluid .kiosks-section { background-position:calc(50% + 00px) calc(100% - 50px); }
    .row-fluid .integration-section .bcta-btn a { margin-top:0; }
    .row-fluid .senario-contentwrap { padding:25px 15px 40px;}
    
    .row-fluid .exapp-leftside img { max-width:200px; }
    
    .humming-birdform.humming-lpform input[type="submit"] { padding-left:15px; padding-right:15px; }
}


/*-=-=-  Mobile Devices -=-=-*/
@media ( max-width:767px ) {
        
	.wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
	.mtop10 { margin-top:10px; } /* >>>>>>> Mmargin top 10px in mobile <<<<<<<< */
    .mtop20 { margin-top:20px; } /* >>>>>>> Mmargin top 20px in mobile <<<<<<<< */
    .mtop30 { margin-top:30px; } /* >>>>>>> Mmargin top 30px in mobile <<<<<<<< */
	.mpt0 { padding-top:0 !important; }
    .mpb0 { padding-bottom:0 !important; }
    .mp0 { padding:0 !important; }
    .mobile-center { text-align:center; } /*>>>>>>>    text-align:center in mobile   <<<<<<<<<<<<*/
    .inner-padding { padding-left:15px; padding-right:15px; }
    .equal_height { min-height:0px !important; } /* >>>>>> Overcome min height given by JS to sections <<<<<<< */
	.text-right { text-align:center; }
    .mobileLeft { text-align:left; }
    .mobileHide { display:none !important; }
    .testimonialTabsWrapper .tabLink { display:none !important; }
    
    .heroSection .heroText { font-size:14px; }
    .heroSection .filter_link li { margin:5px; }
    .heroSection .filter_link li a { padding:4px; }
    .heroSection .filter_link li a .innerBlock { width:60px; height:60px; }
    .heroTestimonialTab { margin-top:10px; padding:15px; max-width:460px; }
     
    .homeSec3 { padding:40px 0 45px; }
    .homeSec3 h2 { max-width:100%; margin:0; padding:0 15px; }
    .homeSec3 .center { padding:0 15px 30px; }
    .homeSec3 .slick-dotted ul.slick-dots { margin:0 auto; max-width:100%; width:100%; }
    .homeSec3 .slick-slide { padding:0; }
    
    .featureBlocks > span > div { width:100%; }
    .featureBoxMain .boxFront { height:45vw; min-height:200px; }
    .clientBox .clientBoxInner { min-height:200px; }
    .row-fluid .portfolioLeft ,.row-fluid .portfolioRight { width:100%; }
    .testimonialTabsWrapper > span { padding:20px; margin-top:30px; }
    .testimonialTabsWrapper > span:after { margin:0 auto -30px; }
    .homeSec8 { padding:45px 0; }
    .clientBox .clientBoxInner , .clientBox .clientBoxInner2  { height:100%; }
    
    .siteNavigation .hs-menu-wrapper li.hs-menu-item a * { display:inline; }
    /*.siteNavigation .hs-menu-wrapper { height: 358px; overflow: auto !important; }
    .menu-open { overflow:hidden; }*/
    .row-fluid .streamlined-listings .hs_cos_wrapper_widget_container { margin-left:0; margin-right:0;}
    .row-fluid .streamlined-listings .hs_cos_wrapper_widget { width:100%; padding-left:0px; padding-right:0px; }
    .row-fluid .streamlined-ctabtn a,.row-fluid .howit-filewrap .button a { min-width:10px; }
    
    .row-fluid .humming-lpform .input ul.inputs-list { -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; }
    
    .row-fluid .humming-emlistwrap li { width:100%; }
    
    .row-fluid .givemployee-heading h4 { font-size:24px; line-height:28px; }
    
    .row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.blue-box .humming-boxecontent, .row-fluid .humming-boxlistings .hs_cos_wrapper_widget .humming-boxes.green-box .humming-boxecontent { padding-right:0; }
    
    .row-fluid .heroSection.humming-birdherolp .heroText { font-size:18px; line-height:24px; }
    .row-fluid .heroSection.humming-birdherolp h1 { font-size:35px; line-height:45px; }
    
    .row-fluid .streamlined-section,.row-fluid .howit-filewrap { padding:60px 0;}
    .row-fluid .popup-formcontent { font-size:20px; line-height:24px; }
    
    .row-fluid .lphero-section { padding-bottom:200px; }
    .row-fluid .lppopup-form { margin-top:-200px; }
    
    .row-fluid .lphero-section .humming-birdherocaption h1 { font-size:35px!important; line-height:40px; }
    
    .three-blocks > span{margin:0 0;}
    .three-blocks > span > div{width: 100%; margin:0 0 20px;}
    .client-data > span{margin:0 0;}
    .client-data > span > div{width: 100%; margin:0 0 20px;}
    .client-data .client .overlay h4{font-size: 16px;}
    .client-data .client .overlay p, .three-blocks .block .hover-over p{font-size:12px;}
    .client-data .client .overlay h4 br, .client-data .client .overlay p br{display:none;}
    .facinating .facinating-ppl h3{font-size: 20px;}
    .facinating .button a{padding: 13px 30px;}
    .three-blocks{margin:15px 0 20px;}
    
    .row-fluid .ppclogo-wrap .ppc-logocol { width:50%; padding:10px; }
    .ready-block{overflow:hidden;}
    .software-block > span{margin:0;}
    .software-block > span > div{margin: 0 0 15px; width: 100%;}
    .ready-flex h2{text-align: center;}
    .ready-flex .button span{display: block;}
    .ready-flex .button a{display: block; max-width: none; width: auto;}
    .software-popup{padding:0;}
    .software-popup .left{padding: 0 0 30px;}
    .software-popup .left, .software-popup .right{float: left; width: 100%;}
    .request-btn {margin: 30px 0 0;}
    .request-form .hs-form fieldset.form-columns-2{margin: 0;}
    .request-form .hs-form fieldset.form-columns-2 > div{margin: 0;  width: 100%;}
    .request-form .inputs-list{column-count:1;}
    .request-form{padding:0;}
    .request-form h2{font-size: 22px; font-weight: normal;}
    .request-form .hs-form fieldset .hs-form-field .input input[type="text"], 
    .request-form .hs-form fieldset .hs-form-field .input input[type="email"], 
    .request-form .hs-form fieldset .hs-form-field .input select, 
    .request-form .hs-form fieldset .hs-form-field .input input[type="tel"]{margin:0;}
    .request-form .hs_submit .actions input[type="submit"]{padding:13px 5px 11px;}
    
    .row-fluid .reportppc-form .ppclogo-wrap { padding-left:0; padding-right:0; }
    .row-fluid .lpppc-herosection.lpppc-reportherosection .ppcebook-img { margin-bottom:60px; text-align:center; margin-top:0; }
    .row-fluid .lpppc-herosection:after { bottom:0; }
    
    .row-fluid .lpppc-herosection.lpppc-reportherosection { padding-bottom:252px; } 
    
    /* landing page */
    .row-fluid .hero-rightLp { text-align:center; }
    .row-fluid .hero-contentLP { text-align:center; }
    .row-fluid .activity-section { padding-bottom:50px; }
    .row-fluid .hero-contentLP h2 { font-size:18px; line-height:26px; }
    .row-fluid .activity-content ul { margin:10px 0 15px; }
    .row-fluid .activity-inner { padding:15px; }
    
    /* about page */
    .row-fluid .about-hero { padding:0; }
    .row-fluid .about-hero h4 { font-size:24px; line-height:30px; }
    .row-fluid .about-hero h1 { font-size:32px; line-height:40px; }  
    
    .row-fluid .about-titleAg { font-size:20px; }
    .row-fluid .about-titleAg h2 { font-size:26px; line-height:32px; }
    
    .row-fluid .process-sectionAb { padding:50px 0 30px; }
    .row-fluid .process-sectionAb1 .hs_cos_wrapper_widget { width:50%; }
    .row-fluid .meet-sectionAg1 { padding-top:20px; }
    
    .row-fluid .timeline-section { padding:50px 0; }
    
    .row-fluid .contact-sectionAP { padding:50px 0; }
    .row-fluid .socialIcon-section { padding:20px 0; }
    .row-fluid .socialIcon-Box { margin: 5px 10px !important; width: 100px; height: 100px; line-height: 78px; }
    .row-fluid .about-counterBox { margin:10px 0; }
    .row-fluid .meet-sectionAg { padding:50px 0; }
    
    .row-fluid .meet-boxfirst .meetAg-block { margin:8px 0; width:100%; }
    .row-fluid .meet-boxfirst { padding-left:0; }
    .row-fluid .meet-boxfirst .meet-textAg { position:relative; }
    .row-fluid .meet-boxfirst .meet-textAg { width:100%; max-width:100%; left:0; bottom:0; transform: initial; -moz-transform:initial; -webkit-transform: initial; -o-transform:initial; }
    
    .row-fluid .meet-boxsecond .meetAg-block { width:100%; padding:8px 0; }
    .row-fluid .meet-boxsecond .meetAg-blockSecleft .meet-textAg , .row-fluid .meet-boxsecond .meetAg-blockSecright .meet-textAg , .row-fluid .meetAg-devlo .meet-textAg { margin:8px 0 0; position:relative; max-width:100%; bottom:0; left:0; }
    .row-fluid .meet-boxthree { padding-left:0; }
    .row-fluid .meet-boxthree .meetAg-block { margin:8px 0; width:100%; }
    .row-fluid .timeline-slider .slick-arrow { display:none !important; }
    
    .row-fluid .meetAg-want { margin:0; max-width:100%; padding:15px; }
    .row-fluid .titleline-year:before { margin:0 auto 20px; }
    .row-fluid .titleline-year { font-size:20px; line-height:24px; }
    .row-fluid .titleline-slider2 .slick-track:after, .row-fluid .titleline-slider2 .slick-track:before { display:none; }
    
    .row-fluid .titleline-img { width:100%; height:200px !important;  }
    .row-fluid .titleline-text { width:100%; padding:20px; }
    .row-fluid .invite_landing_form {  padding: 42px 0;}
    .row-fluid .invite_form_text {  width: 100%;}
    .vip-party-text span {  font-size: 22px;  letter-spacing: 0.3px;}
    .row-fluid .invite_form_block {  margin: 30px 0 0;  padding: 30px 20px 40px;  width: 100%;}
    .row-fluid .invite_form_block form .hs_submit {  margin: 0;  width: 100%;}
    .row-fluid .invite_form_block input[type="submit"]{width: 100%;padding: 14px 16px 13px;}
    .row-fluid .invite_form_block form .field{padding:0;}
    .row-fluid .food_spirits_img {  margin: 40px 0 0;}
    .row-fluid .landing_footerSection {padding: 17px 0 22px;}
    .invite_landing_form .widget-type-logo {  margin: 0 0 40px;}
    .row-fluid .invite_landing_form h1 {  font-size: 50px;  line-height: 56px;}
    .row-fluid .food_spirits_text span{background-size:100% 100%;width: 100%;padding: 18px 48px 0;max-width:480px;}
    .row-fluid .food_spirits_text span strong {  font-size: 24px;  left: 1px; }
    .row-fluid .food_spirits_text span {  font-size: 15px;  height: 82px;  line-height: 22px;  padding: 18px 48px 0;  }
    .row-fluid .food_spirits_text span small {  font-size: 16px;}
    .row-fluid .ifma_landing_section {  padding: 34px 0 0;}
    .ifma_landing_page .ioffice_ifma_logo {  margin: 0 0 20px;}
    .row-fluid .ifma_giveaway_title h1 {  font-size: 33px;  line-height: 38px;}
    .row-fluid .here_how_text h4{font-size: 20px;}
    .landing_step_wrapper .row-fluid .step_col_block {  margin: 0 0 30px !important;  width: 100%;} 
    .row-fluid .ready_explore_content {  width: 100%;}
    .ifma_landing_page .row-fluid .invite_form_block {  padding: 20px 20px 30px;}
    .row-fluid .ready_explore_content h2{font-size: 30px; line-height: 33px;}
    .row-fluid .world_workplace span { font-size: 20px; line-height: 25px;}
    .row-fluid .world_workplace {  margin: 4px 0 17px;}
    .row-fluid .fill_out_form_text::after{transform: rotateX(180deg);}
    .row-fluid .ready_explore_form {  margin: 40px 0 0;  width: 100%;}
    .ifma_landing_page .row-fluid .invite_form_block input[type="submit"] {  min-width: auto;}   
    
    /* Realestate page */
    .row-fluid .menag-left { padding:30px 15px; width:100%; }
    .row-fluid .menag-img { margin-top:30px; width:100%; text-align:center; }
    .row-fluid .menag-left h3 { font-size:28px; line-height:38px; }
    /*.row-fluid .hero-playreal a:before { width:80px; height:80px; background-size:100%; }*/
    .row-fluid .space-section { padding:50px 0; text-align:center; }
    .row-fluid .space-img { width:100%; }
    .row-fluid .space-right { padding:30px 0 0; width:100%; }
    .row-fluid .space-right .reales-title h3:before { margin:0 auto 15px; }
    
    .row-fluid .success-section { padding:40px 0; } 
    .row-fluid .success-right { padding-left:0; }
    
    .row-fluid .frequently-section { padding:50px 0; }
    .row-fluid .frequently-section1 .hs_cos_wrapper_widget { padding-right:0; }
    
    .row-fluid .frequently-box { padding:15px; font-size:13px; line-height:20px; }
    .row-fluid .frequently-box h4 { font-size:16px; }
    .row-fluid .frequently-box h4 a { padding-left:40px; } 
    .row-fluid .frequently-box h4 a:after { width:30px; height:30px; line-height:30px; font-size:20px; }
    
    .row-fluid .reales-title h3 { font-size:24px; line-height:30px; }
    .row-fluid .reales-text { padding:10px 0; }
    .row-fluid .frequently-section1 { padding-top:20px; }
    
    .row-fluid .real-cta a { min-width:auto; padding:16px 25px 14px; font-size:14px; }
    
    /* typical Employee */
    .row-fluid .typica-space .menag-section1 { margin-top:0; }
    .row-fluid .typica-space .menag-img { padding-left:0; }
   
    .row-fluid .oswork-forcrow .oswork-spaceimgwrap, .row-fluid .oswork-forcrow .oswork-spacecontentwrap,
    .row-fluid .oswork-forcrow .oswork-spaceimgwrap,.row-fluid .oswork-forcrow.oswork-forcrowright .oswork-spacecontentwrap,
    .row-fluid .oswork-forcrow .oswork-spacecontentwrap,.row-fluid .oswork-forcrow.oswork-forcrowright .oswork-spaceimgwrap { width:100%; }
    .row-fluid .oswork-forcrow.oswork-forcrowright .oswork-spaceimgwrap,.row-fluid .oswork-forcrow .oswork-spaceimgwrap { text-align:center; }
    .row-fluid .oswork-forcrow .oswork-spaceimgwrap { margin-bottom:30px;  }
    .row-fluid .oswork-spacecontentinner { display:inline-block; margin:0 auto; }
    .row-fluid .oswork-forcrow { margin:20px 0; }
    .row-fluid .oswork-spacelistwrap { padding-top:40px; }
    .row-fluid .oswork-spacecontentwrap h2 br { display:none; }
    .row-fluid .workforce-needsection .workneed-imgwrap { width:100%; margin-left:0; margin-right:0; }
    .row-fluid .work-forcesection .bottom-arrow { bottom:20px; }
    
    .row-fluid .workneed-contentwrap { padding-top:40px; padding-bottom:40px; }
    .row-fluid .workforce-needsection { padding-top:60px; }
    .row-fluid .workneed-contentwrap ul li br { display:none; }
    
    .row-fluid .facility-ser { padding:50px 0; text-align:center; }
    .row-fluid .facility-seripad { width:100%; }
    .row-fluid .facility-sertext { margin:0; width:100%; padding:40px 0 0; }
    
    /* video landing page */
    .row-fluid .video-heroLp { padding:60px 0; }
    .row-fluid .video-heroLptext h1 { font-size:24px; line-height:30px; }
    .row-fluid .video-Lpvideo .wistia_embed.wistia_async_qbw7x715z8.wistia_embed_initialized { width:500px !important; height:300px !important; }
    .row-fluid .related-sectionLp { padding:50px 0; } 
    
    .row-fluid .related-section1Lp span.hs_cos_wrapper { margin:0 -15px; }
    .row-fluid .related-section1Lp .hs_cos_wrapper_widget { padding:15px; width:100%; }
    .row-fluid .relatedLp-box { padding:15px; }
    
    /* Workplace Leader */
    .WorkplaceLeader .menag-img { margin-left:0; }
    .row-fluid .usage-sec .space-right { padding:0 0 20px; }
    
    .row-fluid .hero-secUc { padding:80px 0 46px; }
    .row-fluid .hero-textUc h2 { font-size:24px; line-height:36px; }
    .row-fluid .hero-ctaUc a { padding: 13px 30px 12px; min-width:215px; font-size: 16px; }
    .row-fluid .aboutuc-text { width:100%; }
    .row-fluid .aboutuc-img { width:100%; height:235px; }
    
    .row-fluid .agendauc-box { text-align:center; }
    .row-fluid .agendauc-box ul li { padding:10px 0; }
    .row-fluid .agendauc-box ul li span { position:relative; width:100%; top:0; }
    
    .row-fluid .speakers-sec1 .hs_cos_wrapper_widget { padding:20px 10px; width:100%; } 
    .row-fluid .therbi-sec1 .hs_cos_wrapper_widget { width:100%; }
    .row-fluid .therbi-box  { height:auto !important; font-size:16px; }
    .row-fluid .therbi-text { padding:15px 0; }
    .row-fluid .aboutuc-content { font-size:15px; line-height:24px; }
    
    .row-fluid .about-listUC { text-align:left; }
    .row-fluid .about-listUC .title { padding: 9px 20px; width:100%; background: #edecec; color: #31a1ef; font-size:14px; line-height: 24px; display: inline-block; text-align: left; font-family: 'futura_bkbold', sans-serif; border:1px solid rgba(0,0,0,0.3); position:relative; }
    .row-fluid .about-listUC .title:before { content:"\f0dd"; font-family:'FontAwesome'; position:absolute; top:4px; right:20px; font-size:22px; }
    .row-fluid .about-listUC ul { margin:5px 0; border-radius: 5px; overflow: hidden; display:none; border:1px solid rgba(0,0,0,0.3); }
    .row-fluid .about-listUC ul li { display:block; padding:0; }
    .row-fluid .about-listUC ul li a { width:100%; text-align:left; font-size:14px; line-height:20px; border-bottom:1px solid rgba(0,0,0,0.3); }
    .row-fluid .about-listUC ul li.current a:before { display:none; }
    .row-fluid .about-listUC ul li:last-child a { border-bottom:none; }
    
    .row-fluid .aboutuc-text  { padding-right:0; } 
    
    .row-fluid .hummbird-apphero { background-position:calc(50% + 200px) calc(100% - 80px);}
    .row-fluid .hummbird-apphero .workforce-needsection .wrapper { padding-bottom:130px; }
    .row-fluid .hummbird-apphero .workneed-imgwrap { position:relative; }
    
    .row-fluid .humbird-listingwrap { }
    .row-fluid .humbird-listingwrap:before { height:50px; background-position:center; background-size:100% 50px; top:-50px; }
    .row-fluid .workforce-bottomsection .webird-contentwrap { padding-top:20px; }
    .row-fluid .workforce-bottomsection { padding-bottom:70px; }
    .row-fluid .workforce-bottomsection .webird-imgwrap img { max-width:200px; }
    
    .row-fluid .scenario-box.scenario-rightbox { padding-left:0; }
    .row-fluid .scenario-box.scenario-leftbox { padding-right:0; }
    
    .row-fluid .exapp-leftside,.row-fluid .schedule-imgwrap,.row-fluid .kiosk-rightside { width:100%; text-align:center; }
    .row-fluid .kiosks-section { padding-bottom:0; }
    .row-fluid .schedule-imgwrap .exapp-birdimg { left:-25px; top:50px; }
    .row-fluid .kiosk-rightside { max-width:250px; display:table; margin:0 auto 25px !important; }
    .row-fluid .schedule-imgwrap { max-width:250px; display:table; margin:0 auto !important; }
    .row-fluid .exapp-leftside { max-width:150px; display:table; margin:0 auto 25px !important; }
    
    .row-fluid .seccontent-wrap,.row-fluid .kiosks-section .seccontent-wrap { margin-bottom:40px !important; }
    .row-fluid .resschedule-contentwrap { padding-top:0; }
    
    .row-fluid .integration-section { padding-top:0; }
    .row-fluid .bcta-btn, .row-fluid .gcta-btn { width:auto; display:inline-block; padding-right:10px; vertical-align:top; }
    .row-fluid .hummcontent-wrap p { margin-bottom:0; }
    .row-fluid .kiosk-rightside .exapp-birdimg { right:-75px; }
    .row-fluid .exapp-leftside .exapp-birdimg { left:-50px; max-width:100px; }
    .row-fluid .exapp-leftside .exapp-birdimg img { max-width:100%; }
    .row-fluid .integration-section .bcta-btn,.popup-form .form-column,.personal-demoform .form-column { width:100%; }
    
    .popup-form .form-column,.humming-birdform.humming-lpform .form-column:nth-child(2),.personal-demoform .form-column { padding-left:0; }
    
    .row-fluid .reqbird-imgwrap { top:-100px; right:25px; max-width:120px; }
    .row-fluid .personal-mainformwrap .reqbird-imgwrap { top:-100px; }
    
    .row-fluid .personal-formwrap { margin:60px 0;}
    
    .row-fluid .employee-experhero:before { width:100%; height:100%; left:0; transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); top:0; border-radius:0; }
    .row-fluid .employee-experhero:after { display:none; }
    .row-fluid .empgrowth-section #bulsysbar li .bar { position:relative; left:0; height:50px; }
    .row-fluid .empgrowth-section #bulsysbar li .topbar-main { height:50px; width:100%; padding-right:80px; }
    .row-fluid .empgrowth-section #bulsysbar li { line-height:56px; margin:0; padding:5px 0; font-size:20px; line-height:38px;  }
    .row-fluid .empgrowth-section #bulsysbar li span { width:100%; }
    .row-fluid .empgrowth-section #bulsysbar li strong { left:100%; display:table; font-size:16px; padding:9px 15px 10px; }
    .row-fluid .ebook-imgwrap, .row-fluid .ebook-contentwrap { width:100%; }
    .row-fluid .ebook-imgwrap { margin-top:0; margin-bottom:20px; text-align:center;  }
    .row-fluid .cmydont-investtitle { padding-left:0; display:inline-block; font-size:18px; line-height:26px;  }
    .row-fluid .employee-experhero.employee-leadhero .hero-realestate { padding-bottom:150px; padding-top:80px;  }
    .row-fluid .ebook-contentwrap { font-size:18px; line-height:30px; }
    .row-fluid .employee-experhero .hero-realestate .hero-realcontent { font-size:20px; line-height:30px; }
    .row-fluid .employee-experhero .hero-realestate .heroreale-stateinner { max-width:100%; }
    .row-fluid .ebook-section { padding-top:60px; }
    .row-fluid .empgrowth-section .growth-header { margin-bottom:0; max-width:100%; }
    
    .row-fluid .discover-section { font-size:18px; line-height:28px; }
    .row-fluid .empgrowth-section { padding:40px 0;}
    .row-fluid .lpdownload-ctabtn { margin-top:0; }
    .row-fluid .empgrowth-section #bulsysbar li .bar:before { left:120px; }
    .row-fluid .list-style ul li { margin:5px 0; }
    .row-fluid .dwnebook-formwrap { margin:0; }
    .dwnpopup-form .required-fieldnote { margin-top:15px; }
    .dwnpopup-form .form-lastcolumn { margin-top:0; }
    .dwnpopup-form .ebook-image { text-align:center; margin-bottom:15px; }
    
}
@media(max-width:540px){
    .row-fluid .hs-form fieldset .field { padding:0 0 15px 0 !important; width:100% !important;  }
    .row-fluid .hs-form .field , .row-fluid .hs-form .field { padding:0 0 15px 0 }
    
    .row-fluid .hs-form .form-columns-2 .field { padding:0 0 15px 0 }
    .row-fluid .hs-form .form-columns-2 .field:first-child { padding:0 0 15px 0 }
    .row-fluid .hs-form .form-columns-2 .field:first-child+.field { padding:0 0 15px 0 }
   
    form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input{ width:100% !important;}
    .hs-form fieldset.form-columns-2 .input,.hs-form fieldset.form-columns-1 .input{ margin-right:0 !important;}
    .row-fluid .humming-lpform .form-columns-2 .field.hs_lastname > label, .row-fluid .humming-lpform .form-columns-2 .field.hs_mobilephone > label { padding-left:0; }
     .popup-form { padding-left:0; padding-right:0; }
     
     .row-fluid .lppopup-form { padding-left:15px; padding-right:15px; }
     
     .row-fluid .process-sectionAb1 .hs_cos_wrapper_widget { width:100%; }
     .row-fluid .watch-aboutCta, .row-fluid .about-demoCta { margin:0; }
     
     .row-fluid .frequently-section1 .hs_cos_wrapper_widget { width:100%; }
     .row-fluid .menag-left h3 { font-size:22px; line-height:30px; }
     
     .row-fluid .success-right .hs_cos_wrapper_widget { width:50%; padding:0 15px; }
     .row-fluid .workspace-ctasection h2 { color:#090d11;}
     
     .row-fluid .work-forcesection { padding:70px 0;}
     .row-fluid .video-Lpvideo .wistia_embed.wistia_async_qbw7x715z8.wistia_embed_initialized { width:300px !important; height:300px !important; }
     .row-fluid .employee-experhero .hero-realestate .lpdownload-ctabtn a { min-width:0; }
     .row-fluid .feature-subtitle { font-size:16px; }
}

@media(max-width:480px){
    .portfolioRight > span > div { width:100%; } 
    .heroSection h1 span { font-size:37px; }
    .row-fluid .humming-emlistwrap { padding-left:20px; padding-right:20px; }
    .row-fluid .humming-emlistwrap li { margin:5px 0; padding-left:35px; }
    .row-fluid .streamlined-ctabtn a,.row-fluid .howit-filewrap .button a,.row-fluid .humming-boxlistings .button { padding-left:20px; padding-right:20px; }
    
    .row-fluid .heroSection.humming-birdherolp .meet-title { padding-left:80px; padding-right:80px; }
    .row-fluid .heroSection.humming-birdherolp .meet-title:before,.row-fluid .heroSection.humming-birdherolp .meet-title:after { width:70px; }
    .row-fluid .howit-filewrap .nowthat-tagline { font-size:18px; line-height:24px; }
    
    .row-fluid .lpppc-herosection:after { width:320px; background-size:100%; }
    
    .row-fluid .workspace-ctasection { padding-top:60px; }
}

.headerSection .row-fluid .wrapper { width:100%; }
.headerSection .row-fluid .wrapper { max-width:1140px; padding:0 5px; }
@media screen and (max-width:1080px) {
    .headerSection .row-fluid .wrapper  { padding:0; }
}
.homeSec3 .centerInner .cta_button { display:inline-block; color:#fff; background:#E48321; letter-spacing:1px; text-align:center; max-width:285px;
width:100%; border-radius:10px; box-shadow:0 5px 0 #BD6318; padding:10px 0; font-family: 'futura_bkbold',sans-serif; }
.homeSec3 .centerInner .cta_button.two { background:#28B0E0; box-shadow:0 5px 0 #1E82A6; }

.staticHeader .header-container-wrapper { position:static; }
.noBodyPadding .body-container-wrapper { margin-top:0; }

/* Misc Updates */

body.hs-blog-post .post-body p:first-child, html body.hs-blog-post .post-body p:first-of-type {
    color: #09c;
    font-family: "futura-pt";
    font-size: 19px;
    font-weight: 400;
    font-family: 'arial',sans-serif;
    line-height: 1.5em;
    margin:20px 0 0;
}

body.hs-blog-post .post-body p:first-child a, html body.hs-blog-post .post-body p:first-of-type a {
    color:#09c;
}

.post-body h3, .post-body h2 { color:#59595c; font-family:"futura-pt"; }


/* Styles for Next and Previous Buttons in Tour Section */

.homeSec3{
    padding: 130px 0 50px;
}


#tour--wrap{
    position:relative;
}


.tour--controls{
    display: block;
    margin-top: 30px;
    position: absolute;
    text-align: center;
    top: 475px;
    width: 100%;
    z-index: 1212;
}


@media(max-width:767px){
    /* Adjust .tour--controls position for single column */

    .tour--controls{
        top: 355px;
    }
    
    /* Increase tour section bottom padding for single column */
    .homeSec3{
        padding: 130px 0 100px;
    }
}

@media(min-width:1231px){

    /* Decrease tour section bottom padding for wide displays */
    .homeSec3{
        padding: 130px 0 0px;
    }
}


.tour--prev,
.tour--next{
    width:61px;
    height:61px;
    background-repeat:no-repeat;
    display:inline-block;
    margin:15px;
    opacity:1;
    cursor:pointer;
}

.tour--prev:hover,
.tour--next:hover{
    transition:opacity .3s linear;   
    opacity:.7;
}

.tour--next{
    background-image:url(//cdn2.hubspot.net/hubfs/167521/2016/icons/arrow-next.png?t=1518710487066);    
}

.tour--prev{
    background-image:url(//cdn2.hubspot.net/hubfs/167521/2016/icons/arrow-prev.png?t=1518710487066);    
}

/* Hero Persona Wistia Video Links */

.wistia-embed--wrap img:hover{
    cursor:pointer;
}

@media(max-width:768px){
.wistia-embed--wrap{text-align:center;}
}
.video-container {text-align:center;}

/* Contact Page */
.contactLp.staticHeader.cos--contact .body-container-wrapper{
    margin-top:0;
}


/*----- Marketplace 2017 -----*/

.heroSection.marketplaceHero { padding:135px 0 65px; }
.marketplaceHero .downArrow { margin:115px 0 0; text-align:center; }
.heroSection.marketplaceHero h1 { 
    font-size: 1.625em;
    letter-spacing:5px;
    font-weight:100;
    margin:0 0 35px;
    font-family:'futura_mdmedium';
    text-transform:none;
}
.heroSection.marketplaceHero h2 { font-size:3.5em; color:#fff; margin:0; }
.heroSection.marketplaceHero h2.blue { 
    color: #31a1ef;
    font-size: 5.563em;
    margin:0 0 35px;
}
.heroSection.marketplaceHero p { 
    font-size: 1.188em;
    color:#fff; 
    max-width:760px;
    margin:0 auto;
}
.heroSection.marketplaceHero h4 {
    font-size: 1.75em;
    color:#fff;
    letter-spacing:2px;
    margin-top:40px;
}
.heroSection.marketplaceHero:before, .heroSection.noOverlay:before { display:none; }
.heroSection.marketplaceHero .wrapper {  transition:margin .5s, opacity .7s; opacity:0; margin-bottom:-50px!important; }
.heroSection.marketplaceHero .wrapper.visible { opacity:1; margin-bottom:0!important; }
.marketplaceHero .downArrow { cursor:pointer; }
.marketplaceSoftwareDemo { background:url(https://cdn2.hubspot.net/hubfs/167521/2017/Marketplace/video-area-bg.png?t=1518710487066) no-repeat bottom center / 100% auto #fff; text-align:center; }
.marketplaceSoftwareDemo .wrapper { padding:130px 0 110px;  }

.marketplaceSoftwareDemo .widget-type-raw_html { padding:65px 0; }
.marketplaceSoftwareDemo .widget-type-raw_html > .cell-wrapper { max-width:925px; margin:0 auto; }
.marketplaceSoftwareDemo h3 {
    color: #3a3a3a;
font-size: 1.438em;
font-weight: 300;
margin:0 0 12px;
font-family:'futura_mdmedium';
}
.marketplaceSoftwareDemo h2 {
    color: #31a1ef;
font-size: 2.5em;
}

.marketplaceBottomForm {
    background:url(https://cdn2.hubspot.net/hubfs/167521/2017/Marketplace/request-demo-bg.png?t=1518710487066) no-repeat right bottom / cover #333; 
}

.marketplaceBottomForm .wrapper { margin-top:100px!important; margin-bottom:100px!important; max-width:835px; background:#fff; padding:40px 45px 55px; border-radius:5px; }
.marketplaceBottomForm h4 {
    font-size: 1.438em;
    letter-spacing:1px;
    font-weight:100;
    
    font-family:'futura_mdmedium';
    text-transform:none;
    color:#3a3a3a;
    margin:0 0 10px;
    text-align:center; 
}
.marketplaceBottomForm h3.form-title {
    font-size:2.5em;
    text-align:center; 
    margin:0 0 30px;
}
.marketplaceBottomForm fieldset { max-width:none!important; }
.marketplaceBottomForm input:not([type="radio"]):not([type="checkbox"]):not(.hs-button), .marketplaceBottomForm select {
    height:45px; border-radius:0; border:1px solid #d7d7d7; margin:0 0 24px; font-size:1em; font-family:'arial',sans-serif; -webkit-appearance:none; 
}

.marketplaceBottomForm label { display:none; }
.marketplaceBottomForm .inputs-list label, .marketplaceBottom .hs-error-msgs label { display:block; }
.marketplaceBottomForm form input.hs-button { padding:13px 0px 11px; background:#e68400 ; font-size:17px ; font-family: 'futura_bkbold' ; font-weight:400; letter-spacing:1px;
line-height:26px; text-transform:uppercase; color:#fff; border-radius:7px; border-bottom:4px solid #be6300; max-width:303px; width:100%; display:inline-block; text-align:center;  } 
.marketplaceBottomForm form input.hs-button:hover { background:#2385ca; border-color:#1369a4; color:#fff; }
.marketplaceBottomForm .actions { margin:20px 0 0; text-align:center; }

.marketplaceBenefits { background:#e0e0e0; }
.marketplaceBenefits .wrapper { padding:65px 0 40px; }
.marketplaceBenefits .wrapper h3 {
    font-size: 1.438em;
    letter-spacing:1px;
    font-weight:100;
    
    font-family:'futura_mdmedium';
    text-transform:none;
    color:#3a3a3a;
    margin:0 0 10px;
    text-align:center; 
}
.marketplaceBenefits .wrapper h2 {
    color: #31a1ef;
font-size: 2.5em;
text-align:center;
}

.marketplaceBenefits .slide { min-height:320px; background:#fff; margin:0 10px; width:1140px; 

box-shadow: 0.063em 0.063em 0.313em 0.063em rgba(0, 0, 0, 0.13);
}
.marketplaceBenefits .slide .match { min-height:320px; }
.marketplaceBenefitsSlider h3 { font-size: 1.813em; }
.marketplaceBenefitsSlider { padding-bottom:200px; }
.marketplaceBenefitsSlider .slick-arrow.slick-next { 
    left: 53%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  
    top:auto; bottom:-150px }
.marketplaceBenefitsSlider .slick-arrow.slick-prev {
    left: 47%;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      
    top:auto; bottom:-150px; }
.marketplaceBenefitsSlider .slick-arrow { width:61px; height:61px; margin:0; }
.marketplaceBenefitsSlider .slick-arrow.slick-next:before {
    content:url(https://cdn2.hubspot.net/hubfs/167521/2017/Marketplace/slide-right.png?t=1518710487066);
}
.marketplaceBenefitsSlider .slick-arrow.slick-prev:before {
    content:url(https://cdn2.hubspot.net/hubfs/167521/2017/Marketplace/slide-left.png?t=1518710487066);
}

@media screen and (min-width:768px) {
    .marketplaceBenefitsSlider .slide .pad { padding:75px 0 20px 25px; }
    
    .row-fluid .process-sectionAb1 .hs_cos_wrapper_widget:nth-child(2) { margin-top:-5px; }
    .row-fluid .process-sectionAb1 .hs_cos_wrapper_widget:nth-child(2) img { margin-top:-18px; margin-bottom:-20px; }
}

@media screen and (max-width:767px) {
    .marketplaceBenefits .slide .match { min-height:0; }
    .marketplaceBenefits .slide .span4 { height:185px; }
    .marketplaceBenefitsSlider .slide .pad { padding:35px 20px 15px; }
    .marketplaceBenefitsSlider h3 { font-size:1.1em; word-wrap:break-word; }
    .marketplaceBenefitsSlider p { font-size:.8em; }
    .marketplaceBenefitsSlider { padding-bottom:75px; }
    
    .row-fluid .humming-birdherocaption h1 { font-size:50px; line-height:55px; }
    .row-fluid .humming-birdherocontent { margin:25px 0;}
    .row-fluid .hero-ctabtn a { padding-left:20px; padding-right:20px; }
}


.marketplace-solutions {
    background:url(https://cdn2.hubspot.net/hubfs/167521/2017/Marketplace/marketplace-bg.jpg?t=1518710487066) no-repeat center / cover transparent;
}
.marketplace-solutions .wrapper { padding-top:110px; padding-bottom:110px; max-width:1140px;}

.marketplace-solutions .integration-box { display:none; }
.marketplaceSolutions { transition:height .5s; }
.marketplace-solutions .solution { transition:opacity 1s; opacity:1; }
.marketplace-solutions .solution.active { opacity:1; }
.marketplace-solutions .solution:not(.active) { display:none!important;   }
.marketplace-solutions .solution .button {
    margin:20px 0;
}
.marketplace-solutions .solution .button a.blue {
    background: #36bae3;
border-color: #258fae;
color: #fff;
cursor:pointer;
}
.marketplace-solutions .solution .button a.blue:hover {
    background: #e68400;
    border-color:#be6300;
}
.marketplace-solutions .solution .button a {
    max-width:300px;
    width:100%;
    padding:13px 0 11px;
}
.marketplace-solutions .widget-type-header h3 {
    font-size: 1.438em;
    letter-spacing:1px;
    font-weight:100;
    
    font-family:'futura_mdmedium';
    text-transform:none;
    color:#3a3a3a;
    margin:0 0 10px;
   
}


.marketplace-solutions .widget-type-header h2 {
    font-size:2.5em;
    color: #31a1ef;
    margin:0 0 30px;
}

.marketplace-solutions .solution h3 {
    font-size: 1.938em;
    margin:0 0 20px;
    color:#3a3a3a;
    font-family:'futura_mdmedium';
}

.marketplace-solutions .solution .hs_cos_wrapper_type_rich_text {
    display:block;
    margin:0 0 30px;
}

.marketplace-solutions .arrows { margin:40px 0 0; }
.marketplace-solutions .arrows .left { margin-right:25px; }
.marketplace-solutions .arrows img { cursor:pointer; opacity:.7; }
.marketplace-solutions .arrows img:hover { opacity:1; }

.wheel-container { height:689px; position:relative;}

.wheel-container .wheel {
    top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  position:absolute;
}

.wheel-container .highlight-area {
        top: 50%;
      transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      position:absolute;
}
.wheel-icons { position:absolute; top:0; right:0; bottom:0; left:0; list-style:none; margin:0; padding:0;
  transition:transform .5s;
}
.wheel-icons li img {
    transition:transform .5s, opacity .5s;
}
.wheel-icons li.active img:not(.active) { display:none; }
.wheel-icons li:not(.active) img.active { display:none; }

.wheel-icons > * {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin: -45px;
    cursor:pointer;
}

.wheel-icons > li:nth-of-type(1) { transform: rotate(0deg)   translate(18em) rotate(-0deg);   }
.wheel-icons > li:nth-of-type(2) { transform: rotate(45deg)  translate(18em) rotate(-45deg);  }
.wheel-icons > li:nth-of-type(3) { transform: rotate(90deg)  translate(18em) rotate(-90deg);  }
.wheel-icons > li:nth-of-type(4) { transform: rotate(135deg) translate(18em) rotate(-135deg); }
.wheel-icons > li:nth-of-type(5) { transform: rotate(180deg) translate(18em) rotate(-180deg); }
.wheel-icons > li:nth-of-type(6) { transform: rotate(225deg) translate(18em) rotate(-225deg); }
.wheel-icons > li:nth-of-type(7) { transform: rotate(270deg) translate(18em) rotate(-270deg); }
.wheel-icons > li:nth-of-type(8) { transform: rotate(315deg) translate(18em) rotate(-315deg); }


.integration-box {
    box-shadow: 0 0 1.063em 0.063em rgba(0, 0, 0, 0.13);
    z-index:151518;
border-radius: 0.313em;
background-color: #62666a;
max-width:1135px;
width:100%;
position:fixed;
top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  
}
.integration-box.three-width { max-width:915px; }
.integration-box.two-width { max-width:615px; }
.integration-box.one-width { max-width:420px; }
.integration-box.two-width .top > img, .integration-box.one-width .top > img { display:none; }

.integration-box .fullWrap { position:relative; }
.integration-box .fullWrap > img { position:absolute; top:28px; right:27px; cursor:pointer; }
.integration-box .fullWrap .innerWrap { padding:55px 52px; }
.integration-box .top > img { float:left; margin-right:30px; }
.integration-box .top h4 { 
    font-size: 1.375em;
    color:#fff;
    line-height:1.1em;
    padding:6px 0 0;
    margin:0;
}

.integration-box .top h3 {
    color: #31a1ef;
    font-size: 2.063em;
    margin:0;
}

.integration-box .top { margin:0 0 50px; }

.integration-box .box { background:#fff; }
.integration-box .box .cell-wrapper { padding:40px 28px 30px; }
.integration-box .box .img { text-align:center; }
.integration-box .box p { font-size: 0.875em; }
.integration-box .box .button { margin:25px 0 0; }
.integration-box .box .button a { padding:13px 0 11px; width:100%; max-width:300px; }

@media screen and (max-width:1110px) {
    .wheel-container .highlight-area  { left:15px; }
    .wheel-container .wheel { width:375px!important; }
    .wheel-icons > li:nth-of-type(1) { transform: rotate(0deg)   translate(15em) rotate(-0deg);   }
    .wheel-icons > li:nth-of-type(2) { transform: rotate(45deg)  translate(15em) rotate(-45deg);  }
    .wheel-icons > li:nth-of-type(3) { transform: rotate(90deg)  translate(15em) rotate(-90deg);  }
    .wheel-icons > li:nth-of-type(4) { transform: rotate(135deg) translate(15em) rotate(-135deg); }
    .wheel-icons > li:nth-of-type(5) { transform: rotate(180deg) translate(15em) rotate(-180deg); }
    .wheel-icons > li:nth-of-type(6) { transform: rotate(225deg) translate(15em) rotate(-225deg); }
    .wheel-icons > li:nth-of-type(7) { transform: rotate(270deg) translate(15em) rotate(-270deg); }
    .wheel-icons > li:nth-of-type(8) { transform: rotate(315deg) translate(15em) rotate(-315deg); }
}

@media screen and (max-width:1000px) {
    .wheel-container .wheel { width:270px!important; }
    .wheel-container .highlight-area { left:35px; }
    .wheel-icons > li:nth-of-type(1) { transform: rotate(0deg)   translate(11em) rotate(-0deg);   }
    .wheel-icons > li:nth-of-type(2) { transform: rotate(45deg)  translate(11em) rotate(-45deg);  }
    .wheel-icons > li:nth-of-type(3) { transform: rotate(90deg)  translate(11em) rotate(-90deg);  }
    .wheel-icons > li:nth-of-type(4) { transform: rotate(135deg) translate(11em) rotate(-135deg); }
    .wheel-icons > li:nth-of-type(5) { transform: rotate(180deg) translate(11em) rotate(-180deg); }
    .wheel-icons > li:nth-of-type(6) { transform: rotate(225deg) translate(11em) rotate(-225deg); }
    .wheel-icons > li:nth-of-type(7) { transform: rotate(270deg) translate(11em) rotate(-270deg); }
    .wheel-icons > li:nth-of-type(8) { transform: rotate(315deg) translate(11em) rotate(-315deg); }
}

@media screen and (max-width:865px) {
    .wheel-container .highlight-area { left:0; }
    .marketplace-solutions .widget-type-header h2 { font-size:1.75em; }
}

@media screen and (max-width:767px) {
    .wheel-container { display:none!important;}
    .heroSection.marketplaceHero h2 { font-size:10vw; }
    .heroSection.marketplaceHero h2.blue { font-size:16vw; }
    .heroSection.marketplaceHero p { font-size:.9em; }
    .marketplaceSoftwareDemo h2 { font-size:8vw; }
    .marketplaceBottomForm .wrapper { margin:100px 20px!important; padding:40px 20px 55px; }
    .marketplace-solutions .solution h3 { font-size:1.5em; }
    .marketplace-solutions .integration-box { max-height:400px; overflow-y:scroll; }
    .marketplace-solutions .integration-box .match, .marketplace-solutions .integration-box .textMatch { height:auto!important; }
    .integration-box .fullWrap .innerWrap { padding:30px 20px; }
    .integration-box .top h3 { font-size:1.25em; margin:15px 0 0; }
    .integration-box .top h4 { font-size:1em; }
    }
    
    
/*---- Channel Partners -----*/

.heroSection.channelHero h1 { color: #ffffff;
font-size: 26px; font-family:'futura_mdmedium'; text-transform:none; letter-spacing:5px; font-weight:100;
}
.heroSection.channelHero h2 {
    color: #31a1ef;
font-size: 55px;
margin:25px 0 30px;
}
.channelHero .downArrow { cursor:pointer; }

.channelBody { background:#e2e2e2; }
.channelBody .wrapper { padding:60px 0 80px; }
.channelBody h2 { color:#3a3a3a; text-align:center; font-size: 23px; margin:0 0 55px; line-height:1.1em; font-weight:100; font-family:'futura_mdmedium';}
.channelBody #filters { margin:0 0 55px; }
.channelBody #filters select { width:48%!important; float:left; font-size:18px; height:45px; background:url(https://cdn2.hubspot.net/hubfs/167521/2017/Channel%20Partners/dropdown.png?t=1518710487066) no-repeat 95% center #fff; 
-moz-appearance:none; -webkit-appearance:none; box-sizing:border-box; appearance:none; padding:0 20px; color:#5a5a5a; }
.channelBody #filters select:first-child { margin-right:4%; }
.channelBody .channelWrap .gutter-sizer { width:4%; }
.channelBody .channelWrap .channelItem { width:48%; background:#fff; margin:0 0 42px; box-shadow: 1px 1px 7px #c2c3c5; -webkit-box-shadow: 1px 1px 7px #c2c3c5; }
.channelBody .channelWrap .channelItem .pad { padding:55px 60px; }

.channelItem .logo { margin:0 0 30px; }
.channelItem h3 { font-size: 20px; color:#3a3a3a; font-weight:100; font-family:'futura_mdmedium'; margin:0 0 20px; }
.channelItem .description { margin:0 0 45px; }
.channelItem h4 { font-size:16px; color:#5a5a5a; font-family:'futura_mdmedium'; font-weight:100; margin:0 0 10px; }
.channelItem h4 img { vertical-align:middle; padding:0 8px;}
.channelBody .loadMore { text-align:center; margin:65px 0 0; }
.channelBody .loadMore h3 {
    color: #31a1ef;
    font-weight:400;
    font-size: 20px;
    margin:0 0 30px;
}
.channelBody .loadMore img { cursor:pointer; }

@media screen and (max-width:767px) {
    .channelBody .wrapper { padding:65px 20px; }
    .channelBody .channelWrap .channelItem { width:100%; }
    .channelBody .channelWrap .guttersizer { width:0; }
    .channelBody .channelWrap .channelItem .pad { padding:20px 10px; }
    .channelBody #filters select { width:100%!important; margin:15px 0; }
    .channelBody #filters select:first-child { margin-right:0; }
    .channelBody .channelWrap .channelItem p { font-size:12px; }
    .channelItem h3 { font-size:18px; }
    .channelItem h4 { font-size:16px; }
    .heroSection.channelHero h2 { font-size:32px; }
    .channelBody h2 { margin:0 0 30px; }
}




@media screen and (max-width:481px) {
    .headerCTA script { display:none; }
}

.fancybox-skin { z-index:95; }



/*.header-container-wrapper{opacity:0;}*/


/*--- Job Listing / Career Individual Pages --*/
.jobDesc h3 {padding-bottom: 15px;}


/*------- Home Hero Updates ---------*/

.humming-bird-nov { padding:105px 0 250px; }
.humming-bird-nov .widget-type-linked_image { margin:0 0 20px; }
.humming-bird-nov .hero-top-line { font-family:'futura_bkbold', sans-serif; font-size:34px; margin:0 0 15px;}
.humming-bird-nov .hero-top-line img { vertical-align:initial; }
.humming-bird-nov .text-with-borders span { border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 0; display:inline-block; 
font-size:27px; font-family:'futura_mdmedium'; letter-spacing: 2.7px; margin:0 0 20px; 
}
.heroSection .humming-bird-nov h1 { font-size:50px; margin-bottom:40px; font-family:'futura_mdmedium'; }
.heroSection .humming-bird-nov h1 span { color:#fff; font-size:72px; display:block; font-family:'futura_bkbold', sans-serif;}
.heroSection  .humming-bird-nov .row-fluid .hero-ctabtn a, .heroSection  .humming-bird-nov .row-fluid .button a { padding:15px 0px 13px; width:100%; }

@media screen and (max-width:767px) {
    .humming-bird-nov { padding:40px 0 80px; }
    .humming-bird-nov .text-with-borders span { font-size:18px; }
    .heroSection .humming-bird-nov h1 { font-size:23px; }
    .heroSection .humming-bird-nov h1 span { font-size:37px; }
    .heroSection  .humming-bird-nov .row-fluid .button a { margin:7px 0; }
}