/* @import url('http://example.com/example_style.css'); */
/*@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css'); 
@import url('https://fancyapps.com/fancybox/source/jquery.fancybox.css');*/
/*@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700';*/

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/



@font-face {
    font-family: 'GothamRoundedBold';
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBold.eot?t=1522017377960');
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBold.eot?t=1522017377960') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBold.woff2?t=1522017377960') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBold.woff?t=1522017377960') format('woff'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBold.ttf?t=1522017377960') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBold.svg?t=1522017377960#GothamRoundedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamRoundedBook';
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBook.eot?t=1522017377960');
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBook.eot?t=1522017377960') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBook.woff2?t=1522017377960') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBook.woff?t=1522017377960') format('woff'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBook.ttf?t=1522017377960') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedBook.svg?t=1522017377960#GothamRoundedBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Gotham Rounded Book';
	src: url('https://cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRounded-Book.eot?t=1522017377960');
	src: url('https://cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRounded-Book.eot?t=1522017377960#iefix') format('embedded-opentype'),
		url('https://cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRounded-Book.woff2?t=1522017377960') format('woff2'),
		url('https://cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRounded-Book.woff?t=1522017377960') format('woff'),
		url('https://cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRounded-Book.ttf?t=1522017377960') format('truetype'),
		url('https://cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRounded-Book.svg?t=1522017377960#GothamRounded-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GothamRoundedMedium';
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedMedium.eot?t=1522017377960');
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedMedium.eot?t=1522017377960') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedMedium.woff2?t=1522017377960') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedMedium.woff?t=1522017377960') format('woff'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedMedium.ttf?t=1522017377960') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedMedium.svg?t=1522017377960#GothamRoundedMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamRoundedLight';
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedLight.eot?t=1522017377960');
    src: url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedLight.eot?t=1522017377960') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedLight.woff2?t=1522017377960') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedLight.woff?t=1522017377960') format('woff'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedLight.ttf?t=1522017377960') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/fonts/GothamRoundedLight.svg?t=1522017377960#GothamRoundedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

body { margin:0; padding:0; font-family:'GothamRoundedBook', Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; color:#324149; background:#fff; overflow-x:hidden }
body > img { display:none; } 

img { border:0;  }

hr { border-color:#ccc; clear:both; margin-top:30px }
.img-responsive2 { max-width:100%; height:auto }

.clear { clear:both }

p { padding:15px 0; margin:0; }

h1 { font-family: 'GothamRoundedLight'; font-weight:300; color:#333c4e; font-size:3.1em; margin:0; padding:15px 0 25px; line-height:1.1; clear:both }
h2 { font-family: 'GothamRoundedLight'; font-weight:300; color:#333333; font-size:2.25em; line-height:1.2; margin:0; padding:10px 0 10px; clear:both }
h3 { font-family: 'GothamRoundedLight'; font-weight:300; color:#333333; font-size:1.75em; line-height: 1.2; margin:0; padding:10px 0 10px; clear:both }
h4 { font-family: 'GothamRoundedLight'; font-weight:300; color:#333333; font-size:1.25em; line-height: 1.1; margin:0; padding:10px 0 10px; clear:both }
h5 { font-family: 'GothamRoundedLight'; font-weight:300; color:#333333; font-size:1.18em; line-height:1.3; margin:0; padding:10px 0 10px; clear:both; }
h6 { font-family: 'GothamRoundedLight'; font-weight:300; color:#333333; font-size:1.1em; line-height:1.5; margin:0; padding:10px 0; clear:both }

a { display:inline-block; text-decoration:none; outline:none; color:#00658b; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
a:hover { color:#333; }

input , button , textarea, select { border:none; outline:none; font-size:16px; color:#324149; font-family: 'GothamRoundedLight'; }
input[type=submit] , button { cursor:pointer; background:url(//cdn2.hubspot.net/hubfs/1763546/2016_Zrilo_LP/images/blank.png?t=1522017377960) no-repeat left top; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all  0.4s ease-in-out; }
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
ul.hs-error-msgs label { font-size:13px; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

.row-fluid .fl100 { float:left; width:100%; }
.row-fluid [class*="span"] { min-height:1px; }
.row-fluid .ulstyle ul { list-style:none; padding:0; margin:0; }
.row-fluid .ulstyle ul li { padding:0 0 10px 40px; position:relative; }
.row-fluid .ulstyle ul li:before { position:absolute; content:"\f00c"; font-family:'FontAwesome'; left:0; top:0; width:40px; height:40px; text-align:center; line-height:28px; color:#febc4a; font-size:24px; }

.row-fluid .inputs-list { float: left; width: 100%; padding: 0;list-style: none; margin-top:0; }
.row-fluid .inputs-list li { float:left; width:100%; }
.row-fluid .inputs-list li input { float:left; margin-top:7px; }

.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }
@keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }

.row-fluid .btn-style1 .hs-button, .row-fluid .btn-style1 a , .row-fluid a.btn-style1 { min-width:220px; display:inline-block; color:#fff !important; border:2px solid #fff; padding:12px 25px; line-height:24px; border-radius:4px; font-size:16px; font-family: 'GothamRoundedMedium', Arial, Helvetica, sans-serif; text-align:center; margin-top:0 !important; background:transparent !important; }
.row-fluid .btn-style1 .hs-button:hover, .row-fluid .btn-style1 a:hover , .row-fluid a.btn-style1:hover { background:#fff !important; color:#324149 !important; }
.row-fluid .btn-style2 .hs-button, .row-fluid .btn-style2 a , .row-fluid a.btn-style2 { min-width:220px; display:inline-block; color:#324149; border:2px solid #324149; padding:12px 25px; line-height:24px; border-radius:4px; font-size:16px; font-family: 'GothamRoundedMedium', Arial, Helvetica, sans-serif; text-align:center; }
.row-fluid .btn-style2 .hs-button:hover, .row-fluid .btn-style2 a:hover , .row-fluid a.btn-style2:hover { background:#324149; color:#FFF; }
.row-fluid .btn-style3 .hs-button, .row-fluid .btn-style3 a , .row-fluid a.btn-style3 { min-width:220px; display:inline-block; color:#fff !important; border:2px solid #df7d00; background:#df7d00; padding:12px 25px; line-height:24px; border-radius:4px; font-size:16px; font-family: 'GothamRoundedMedium', Arial, Helvetica, sans-serif; text-align:center; margin-top:0 !important;  }
.row-fluid .btn-style3 .hs-button:hover, .row-fluid .btn-style3 a:hover , .row-fluid a.btn-style3:hover { background:#fff !important; color:#df7d00 !important; border-color:#fff; }
 
.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.row-fluid .pb20 { padding-bottom:20px; }

/* CTA Design */
.row-fluid .lb-transparent { border:#00C1DE solid 2px; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#00c1de; }
.row-fluid .lb-transparent:hover { background:#00C1DE; color:#000; }
.row-fluid .o-transparent { border:#DE7D00 solid 2px; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#DE7D00; }
.row-fluid .o-transparent:hover { background:#DE7D00; color:#000; }
.row-fluid .lb-filled { border:#00C1DE solid 2px; background:#00C1DE; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#FFF; }
.row-fluid .lb-filled:hover { background:#05a8c1; border-color:#05a8c1; }
.row-fluid .o-filled { border:#DE7D00 solid 2px; background:#DE7D00; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#FFF; }
.row-fluid .o-filled:hover { background:#c97303; border-color:#c97303; }
.row-fluid .db-transparent { border:#324149 solid 2px; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#324149; }
.row-fluid .db-transparent:hover { background:#324149; color:#000; }
.row-fluid .w-transparent { border:#FFF solid 2px; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#FFF; }
.row-fluid .w-transparent:hover { background:#FFF; color:#000; }
.row-fluid .db-filled { border:#324149 solid 2px; background:#324149; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#FFF; }
.row-fluid .db-filled:hover { background:#243138; border-color:#243138; }
.row-fluid .w-filled { border:#FFF solid 2px; background:#FFF; border-radius:4px; padding:12px 25px; display:inline-block; min-width:220px; line-height:24px; font-size:16px; color:#000 ; }
.row-fluid .w-filled:hover { background:#eee; border-color:#eee; }

.row-fluid .giveimage { background-size:cover !important; background-repeat:no-repeat; background-position:center top !important; }
.row-fluid .takeimage { display:none; }
.row-fluid .get-bg1, .row-fluid .get-bg2, .row-fluid .get-bg3,.row-fluid .get-bg4,.row-fluid .get-bg5 { display:none; }
.body-container-wrapper > iframe, body > iframe, .body-container > iframe { display:none; }

.row-fluid .text-style1 { padding:0 15% 20px; text-align:center; }
.row-fluid .text-style2 { padding:0 0 20px; text-align:center; font-size:24px; line-height:30px; }
.row-fluid .text-center { text-align:center; }  
.row-fluid .text-white, .row-fluid .text-white h1, .row-fluid .text-white h2, .row-fluid .text-white h3, .row-fluid .text-white h4, .row-fluid .text-white h5, .row-fluid .text-white h6 { color:#FFF; }

 
.row-fluid .wrapper { margin:0 auto !important; width:1140px; float:none !important; padding:0 15px; }
.row-fluid .section-toptext { padding:0 0 10px; font-size:16px; line-height:26px; }
.row-fluid .section-block { padding:3em 0 3.5em; }

body .row-fluid .zrilo-partner a { margin:0; }

/* Homepage Style Start */
.row-fluid .top-section { background:#324149; padding:0; }
.row-fluid .top-logo img { max-width:100px;  }
.row-fluid .top-right > div { float:left; }
.row-fluid .mainmenu { width:auto; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { color:#FFF; line-height:40px; position:relative; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li a { color:#DADADB; font-family:'GothamRoundedBook', Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li a:hover { color:#DDD; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:hover > a { color:#FFF; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:hover > a:before { opacity:1; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { width:450px; padding:10px 0; background:#324149; border-radius:0 0 5px 5px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position:relative; padding-right:5px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li { float:left; width:50%; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li a { color:#A8A9AC; font-size:12px; padding:2px 20px; white-space:normal !important; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul { left: 100% !important; background: #324149; border-radius:0 5px 5px 0; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { width:220px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li { float:left; width:100%; border-right:none; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul { width:245px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul.open-submenu { width:450px; padding-right:225px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul > li { position:static !important; } 
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul.open-submenu > li { border-right:#A8A9AC solid 1px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul > li > ul { display:none; left:225px !important; top: 10px !important; opacity:1; visibility:visible; font-size: 13px; line-height: 16px; }  
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul > li.active2 > ul { display:block; opacity:1; visibility:visible; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li> ul > li.hs-item-has-children > a { position:relative; display:inline-block; }

.row-fluid .freedemo-btn { margin:0; padding-left:30px; width:auto; }
.row-fluid .freedemo-btn a { font-family:'GothamRoundedBook', Arial, Helvetica, sans-serif; min-width:85px; border:#FFF solid 2px; padding:3px 7px; color:#FFF; margin-top:12px; border-radius:5px; font-size:14px; text-transform:uppercase; }
.row-fluid .freedemo-btn a:hover { background:#FFF; color:#324149; }

.row-fluid .hero-section { background-color:#00C1DE; padding:145px 0; color:#FFF; font-family: 'GothamRoundedLight'; background-size:cover; background-repeat:no-repeat; background-position:center top; position:relative; }
.row-fluid .home-hero:before { position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); } 
.row-fluid .home-hero { background-color:transparent; }
.row-fluid .hero-text { font-size: 1.6em; line-height:1.4; font-family:'GothamRoundedLight'; }

.row-fluid .hero-section .wrapper { padding-right:280px; position:relative; }
.row-fluid .hero-section .bookademo-link, .row-fluid .hero-section .btn-style1 { margin-top:15px; }
.row-fluid .hero-section h1{ color:#fff;font-weight: 300;font-size: 2.25em;line-height: 1.2;margin: 0;padding: 10px 0 10px;clear: both; }
.row-fluid .hero-section h2 { color:#FFF; } /* font-family: 'GothamRoundedLight'; font-size:50px; line-height:54px;  padding:0;  */
.row-fluid .hero-section h1 span, .home-banner-txt h1 span { color:#ffbd4a; }
.row-fluid .hero-section .rec-btn a { font-family: 'GothamRoundedMedium'; color:#FFF; padding:15px 25px; border-radius:5px; font-size:16px; line-height: 18px; background: transparent; border: #FFF solid 2px; margin-top: 20px; }
.row-fluid .hero-section .rec-btn a:hover { background:#FFF; color:#324149; }
.row-fluid .changable-words { font-size:3.1em; line-height:1.1; color:#ffbd4a; margin-bottom:20px; text-transform:capitalize; }
.row-fluid .changable-words .typed-cursor { color:#FFF; }

.row-fluid .sticky-menu { padding:18px 0; display:none; height:auto; }
.randbg .row-fluid .sticky-wrapper { height:auto !important; }
.row-fluid .is-sticky .sticky-menu { display:block; left:0; width:100%; background:#FFF; box-shadow:0 1px 6px 0 rgba(0,0,0,0.08); }
.row-fluid .is-sticky .sticky-menu .wrapper { padding:0; }
.row-fluid .sticky-menu ul { list-style:none; margin:0; padding:16px 0 0; float:left; width:100%; }
.row-fluid .sticky-menu ul li { float:left; width:auto; padding:0 12px; border-left:#666 solid 1px; font-size: 14px; line-height: 20px; }
.row-fluid .sticky-menu ul li:first-child { border-left:none; padding-left:0; }
.row-fluid .sticky-menu ul li a { color:#666; font-size:16px; }
.row-fluid .green-button a { font-family: 'GothamRoundedMedium'; padding:11px 20px; border:#27c22a solid 2px; border-radius:5px; color:#27c22a; margin-top:0; float:right; }
.row-fluid .green-button a:hover { background:#27c22a; color:#FFF; }
 
.row-fluid .logo-section .logo-text { padding:0 200px; }
.row-fluid .logo-section img { max-width:130px; }
.row-fluid .logo-boxes > span, .row-fluid .logo-boxes > a { float:left; width:25%; padding:0 15px; min-height:60px; margin-top:25px; opacity:0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition:ease all 0.4s; -webkit-transition:ease all 0.4s; -ms-transition:ease all 0.4s; -moz-transition:ease all 0.4s; }
.row-fluid .logo-boxes > span:hover, .row-fluid .logo-boxes > a:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity:1; }
.row-fluid .logo-section .cta_button { margin-top:60px; }

.row-fluid .integrate-business { background:#ececec; }
.row-fluid .integrate-business .changable-words2 h3 + span { font-family: 'GothamRoundedLight'; color: #DE7D00; margin-bottom: 10px; font-size:1.75em; line-height: 1.2; }
.row-fluid .integrate-business .changable-words2 .typed-cursor { color:#000; font-size:1.75em; line-height: 1.2; }
.row-fluid .integration-button a { font-family: 'GothamRoundedMedium'; padding:15px 40px; border:#000 solid 2px; border-radius:5px; color:#000; margin-top:15px; }
.row-fluid .integration-button a:hover { background:#000; color:#FFF; }
.row-fluid .integrate-business h3 { color:#ffb538; margin-bottom:10px; float: none; display: inline-block; }
.row-fluid .integrate-business h3 span { color:#000; }

.row-fluid .app-setup { color:#FFF; position:relative; }
.row-fluid .app-setup:before { position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.row-fluid .app-setup h2 { color:#FFF; }
.row-fluid .app-setup .wrapper { padding-right:750px; position:relative; }
.row-fluid .setup-button a { font-family: 'GothamRoundedMedium'; background:transparent; color:#000; padding:15px 20px; border:#000 solid 2px; border-radius:5px; margin-top:10px; min-width:158px; text-align:center; }
.row-fluid .setup-button a:hover { background:#000; color:#FFF; }
.row-fluid .app-setup .setup-button a { border-color:#FFF; color:#FFF; }
.row-fluid .app-setup .setup-button a:hover { background:#FFF; color:#324149; }

.row-fluid .training-support { background:#00c1de; color:#FFF; }
.row-fluid .training-support .wrapper { padding:0; }
.row-fluid .ts-top { text-align:center; font-size:16px; line-height:26px; } 
.row-fluid .training-support h2 { color:#FFF; padding-bottom:0; }
.row-fluid .training-support .ts-image, .row-fluid .training-support .ts-content { padding-top:30px; }
.row-fluid .training-support .ts-content ul { list-style:none; font-size: 16px; line-height: 30px; margin-top:0; }
.row-fluid .training-support .ts-content ul li { position:relative; padding-left:35px; }
.row-fluid .training-support .ts-content ul li:before { position:absolute; content:"\f00c"; font-family:'FontAwesome'; left:0; top:0; width:30px; height:30px; line-height:30px; color:#ffb538; font-size:24px; }
    
.row-fluid .dynamic-platform { background:#ececec; }
.row-fluid .dynamic-platform.white-bg { background:#FFF; }
.row-fluid .dynamic-top { text-align:center; padding: 0; font-size: 16px; line-height: 26px; }
.row-fluid .dynamic-top img { max-width:640px; width:100% !important; }
.row-fluid .platform-box { position:relative; padding:0 40px; margin-top:30px; }
.row-fluid .platform-box h4 { margin-top: 10px; position:relative; }
.row-fluid .platform-box h4:before { position: absolute; left: 0; content: ''; width: 52px; height: 2px; background: #324149; bottom: 0; }
.row-fluid .platform-image { position: absolute; left: 40px; top: 10px; width: 70px; height: 70px; }
.row-fluid .platform-image img { border-radius:50%; }
.row-fluid .platform-title { padding-left:75px; }

.row-fluid .register-btn { text-align:center; margin-top:20px; }

.row-fluid .pricing-section .wrapper { padding:0; }
.row-fluid .select-industry { cursor:pointer; background:#00c1de; padding:5px 50px; color:#FFF; position:relative; }
.row-fluid .select-industry:before { position: absolute; content: ''; right: 10px; top: 10px; border-top: #FFF solid 15px; border-left: transparent solid 10px; border-right: transparent solid 10px; }
.row-fluid .industry-box { color:#FFF; position:relative; padding:0; width:320px; float:none; display:inline-block; }
.row-fluid .industry-box ul { display:none; position:absolute; left:0; top:36px; background:#00c1de; width:100%; text-align:center; margin:0; padding:0; list-style:none; z-index:999; }
.row-fluid .industry-box ul li { float:left; width:100%; border-bottom:rgba(255,255,255,0.2) solid 1px; }
.row-fluid .industry-box ul li:last-child { border-bottom:none; }
.row-fluid .industry-box ul li a { padding:7px 10px; color:#FFF; display:block; }
.row-fluid .industry-box ul li a:hover { color:#00c1de; background:#FFF; }
.row-fluid .priceMain { max-width: 204px; width: 100%; float: none; display: inline-block; border-radius: 5px; margin-top: 40px; padding:0 0 40px; border:#CCC solid 3px; }
.row-fluid .priceMain .setup-button a { padding:15px 10px; width: 100%; border-radius:5px; line-height:28px; }
.row-fluid .priceMain h2 span { float: left; width: 100%; font-size: 14px; color: #000; line-height: 30px; }
.row-fluid .industry-box .ui-widget-content { height:30px; border-radius: 15px; border: #00c1de solid 3px; float:left; width: 100%; margin-top: 0; }
.row-fluid .industry-box .ui-state-default, .row-fluid .industry-box .ui-widget-content .ui-state-default { background: #000; height: 30px; width: 14px; margin-left: -5px; border: none; margin-top: 4px; border-radius: 0; outline:none; }
.row-fluid .industry-box .ui-state-default:before { position:absolute; content:''; left:0; bottom:-9px; border-top:#000 solid 9px; border-left:transparent solid 7px; border-right:transparent solid 7px; }
.row-fluid .industry-box .slider label { width:22px; font-size:12px; margin-top:30px; }
.row-fluid .industry-box .total-users { float:left; width:100%; padding:25px; color:#324149; }

/*.row-fluid .footer-section { padding:90px 0 120px; background:url(//cdn2.hubspot.net/hubfs/1763546/2016_Zrilo_-_Home/Images/footer-bg2.png?t=1522017377960) repeat-x left bottom #324149; color:#FFF; font-size:13px; line-height:18px; }
.row-fluid .footer-section a { color:#00c1de; }
.row-fluid .footer-section a:hover { color:#790000; }
.row-fluid .footer-section h6 { color:#00c1de; padding-bottom:0; font-family:'GothamRoundedBook',Arial,Helvetica,sans-serif; text-transform:uppercase; }
.row-fluid .footer-logo { text-align:right; }*/


.row-fluid .footer-section { background:#324048; color:#FFF; padding:48px 0; font-size:14px; }
.row-fluid .footer-section p { padding:10px 0; }
.row-fluid .footer-section h3 { padding:0; }
.row-fluid .footer-section .footer-form { padding-right:70px; }
.row-fluid .footer-section select { background:#484848; color:#FFF; border-radius:3px; margin-bottom:10px; height:40px; }
.row-fluid .footer-section input[type=submit] { display:none; }
.row-fluid .footer-section a { color:#FFF; }
.row-fluid .footer-section a:hover { color:#bbb; }
.row-fluid .footer-section h4 { font-size: 14px; font-weight: 700; color: #FFF; line-height: 20px; padding-top:0; }
.row-fluid .footer-section ul { margin: 0; padding: 0; list-style: none; }
.row-fluid .footer-section .footer-links { font-size:13px; }
.row-fluid .footer-section .footer-bottom { border-top:rgba(255,255,255,0.2) solid 1px; padding-top:15px; margin-top:35px; }
.row-fluid .footer-section .footer-bottom ul li { float:none; display:inline-block; }
.row-fluid .footer-social2 ul li { margin:0 7px 5px; }
.row-fluid .footer-social2 ul li a { border:rgba(255,255,255,0.2) solid 1px; width:36px; height:36px; display:block; text-align:center; line-height:34px; border-radius:50%; }
.row-fluid .copyright-text { color:#757575; margin:10px 0; display:block; }


/* New Footer */
.row-fluid .wrapper2 { max-width:100%; width:1020px; margin:0 auto !important; float:none; }
.row-fluid .footer-main { color:#fff; }
.row-fluid .footer-main a { color:#fff; }
.row-fluid .footer-main a:hover { color:#00c1de; }
.row-fluid .footer { background:#324048; padding:70px 0; }/* url(//cdn2.hubspot.net/hubfs/1763546/ZriloV2Theme/images/footer-bg.png?t=1522017377960) repeat-x center bottom */
.row-fluid .footer h4 { font-size:18px; padding:0 0 20px; color:#fff; }
.row-fluid .footer-links li a:link , .row-fluid .footer-links li a:visited { padding:10px 0; font-family: 'GothamRoundedLight', Arial, Helvetica, sans-serif; font-size:14px; line-height: 13px; font-weight:400; letter-spacing:0; text-transform:none; }
.row-fluid .footer-social a { display:inline-block; margin:0 5px 5px 0; }
.row-fluid .footer-social a i { display:inline-block;  width:30px; height:30px; line-height:30px; text-align:center; background:#507cbe; color:#fff; }
.row-fluid .footer-social a:hover i { background:#fff; color:#507cbe; }
.row-fluid .footer-social a i.fa-twitter { background:#00abef; }
.row-fluid .footer-social a:hover i.fa-twitter { background:#fff; color:#00abef; }
.row-fluid .footer-social a i.fa-google-plus { background:#cb4437; }
.row-fluid .footer-social a:hover i.fa-google-plus { background:#fff; color:#cb4437; }
.row-fluid .footer-social a i.fa-linkedin { background:#00649b; }
.row-fluid .footer-social a:hover i.fa-linkedin { background:#fff; color:#00649b; }
.row-fluid .footer-boxes .hs_cos_wrapper_type_custom_widget { float:left; display:inline-block; width:25%; padding:0 10px; }
.row-fluid .footer-copyrights { padding:25px 0; text-align:center; background:#28343b; font-size:14px; }





.slider label { position: absolute; width: 20px; margin-left: -10px; text-align: center; margin-top: 20px; }
.slider { width: 100%; margin: 2em auto; }

.row-fluid .copyright-text { background:#324149; margin-top:0; }
.row-fluid .copyright-text a{ color:#00c1de; }
.row-fluid .copyright-text a:hover { color:#790000; }

.row-fluid .pricing-section .tab-content { display:none; }
/*.row-fluid .pricing-section #trade { display:block; }*/
.row-fluid .pricing-section .tab-content .hs_cos_wrapper_type_custom_widget { float:none; display:inline-block; width:auto; margin:0 10px; }
.row-fluid .pricing-section .price-top { background: #00c1de; color: #FFF; padding: 20px; float:left; width:100%; }
.row-fluid .pricing-section .price-top h2 { color:#FFF; }

.row-fluid .pricing-section .contactus { padding:20px 20px 0; float:left; width:100%; }

.row-fluid .pricing-plans { background:#ececec; }
.row-fluid .pricing-plans.option2 { background:#FFF; }
.row-fluid .pricing-plans h3 { font-family:'GothamRoundedLight'; position:relative; }
.row-fluid .pricing-plans h3:before { position:absolute; content:''; left:0; right:0; margin:0 auto; bottom:0; width:70px; height:1px; background:#00c1de;  
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;
-ms-transition: ease all 0.4s;
transition: ease all 0.4s;
 }
.row-fluid .pricing-plans .pp-box { margin-top:30px; }
.row-fluid .pricing-plans .pp-box:hover h3:before { width:100px; background:#febc4a; }
.row-fluid .pricing-plans .serviceicon { float:none; display:inline-block; max-width:64px; overflow:hidden; border-radius:50%; }
 
 
 
/*----- App Recommendation Page -----*/
/*.no-price .mainmenu .hs-menu-wrapper > ul > li:nth-last-child(2) { display:none; }*/

.row-fluid .ecommerce-platform .wrapper { padding:0 280px; }
.row-fluid .ecommerce-platform .appblog-subscribe { padding:0 65px; }
.row-fluid .ecommerce-platform input[type=email] { height: 50px; border: #CCC solid 1px; border-radius:5px; padding:10px 150px 10px 10px; }
.row-fluid .ecommerce-platform input[type=email]::-webkit-input-placeholder { color: #797676; }
.row-fluid .ecommerce-platform input[type=email]::-moz-placeholder { color: #797676; }
.row-fluid .ecommerce-platform input[type=email]:-ms-input-placeholder { color: #797676; }
.row-fluid .ecommerce-platform input[type=email]:-moz-placeholder { color: #797676; }

.row-fluid .ecommerce-platform .hs_email > label { display:none; }
.row-fluid .ecommerce-platform form { position:relative; }
.row-fluid .ecommerce-platform .hs-button { position: absolute; right: 0; top: 0; background: #00c1de; color: #FFF; padding: 10px 25px; border-radius: 0 5px 5px 0; height:50px; }
.row-fluid .ecommerce-platform .hs-button:hover { background:#000; }
.row-fluid .ecommerce-platform .ecommerce-bottom { padding-top:15px; font-size:14px; }

.row-fluid .brand-section .wrapper { padding:0 200px; }
.row-fluid .line-title { position:relative; }
.row-fluid .line-title:after { position:absolute; content:''; left:0; right:0; bottom:0; margin:0 auto; width:30px; height:2px; background:#00c1de; }

.row-fluid .mission-control .wrapper { position:relative; }
.row-fluid .mission-left { float:left; width:40%; margin:0; background:#30373b; padding:80px 45px; color:#FFF; }
.row-fluid .mission-right { position:absolute; right:0; top:0; width:60%; height:100%; margin:0; background-position:right top !important; }
.row-fluid .mission-left h3 { color:#FFF; font-weight:700; }
.row-fluid .mission-left .line-title:after { margin:0; right:auto; }
.row-fluid .mission-text { font-size:15px; color:#cccccc; }
.row-fluid .mission-left ul { list-style:none; margin:5px 0; padding:0; float:left; width:100%; }
.row-fluid .mission-left ul li { float:left; width:100%; padding:5px 30px 5px 0; border-bottom:#00c1de solid 1px; position:relative; font-weight:700; font-size:14px; }
.row-fluid .mission-left ul li:last-child { border-bottom:none; }
.row-fluid .mission-left ul li:after { position:absolute; content:''; right:0; top:5px; line-height:30px; width:30px; height:30px; text-align:center; background:url(//cdn2.hubspot.net/hubfs/1763546/2016_Zrilo_-_Home/Images/tick.png?t=1522017377960) no-repeat center; background-size:15px auto; }

.row-fluid .reading-section h4 { margin:10px 0; color:#7ab55c; font-size:42px; font-family: 'GothamRoundedMedium'; }

.row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget { width:49%; margin:10px 2% 10px 0; float:left; padding: 15px; border-radius: 5px; font-size: 15px; line-height: 24px; }
.row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget:nth-child(2n) { margin-right:0; }
.row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget h6 { padding-top:0; float:left; width:100%; text-align:center; }
.row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget h6 span { font-size:12px; line-height:18px; text-transform:uppercase; }

.row-fluid .dt-image img, .row-fluid .mb-image img { width:100% !important; }
.row-fluid .mb-image { display:none; }
.row-fluid .topimage { height:560px; }

.row-fluid .reading-subscribe { padding:0 35px; }

.row-fluid .onlylogo-section .wrapper > div { float:none; display:inline-block; vertical-align:top; padding:10px 20px; opacity:0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition:ease all 0.4s; -webkit-transition:ease all 0.4s; -ms-transition:ease all 0.4s; -moz-transition:ease all 0.4s; }
.row-fluid .onlylogo-section .wrapper > div:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity:1; }

.row-fluid .training-testimonial { background:#00c2de; position:relative; }   
.row-fluid .training-testimonial:before { position:absolute; content:''; left:0; right:0; top:0; margin:0 auto; border-top:#FFF solid 15px; border-left:transparent solid 15px; border-right:transparent solid 15px; width:0; height:0; box-sizing:border-box; }
.row-fluid .testimonial-message { padding:20px 0; font-style:italic; }
.row-fluid .training-testimonial .client-name h4 { font-family: 'GothamRoundedBold'; }

  
/*----- Book A Demo -----*/
.book-demo .row-fluid .freedemo-btn { display:none; }
.row-fluid .book-hero { background-color:#00c1de; color:#FFF; padding:145px 0; font-family: 'GothamRoundedLight';; }
.row-fluid .book-hero h1 { color:#FFF; }
.row-fluid .book-hero .wrapper { padding-right: 320px; }
.row-fluid .book-hero .btn-style1 { margin-top:15px; }
.row-fluid .widthauto { width:auto; float:left; }
.row-fluid .request-demo a { font-family: 'GothamRoundedBook'; padding: 10px 25px; color: #FFF; border:#FFF solid 2px; line-height: 26px; border-radius: 5px; margin:5px 0; font-weight:700; }
.row-fluid .request-demo a:hover { background:#FFF; color:#000; }
.row-fluid .app-dropdown { position:relative; margin-right:10px; }
.row-fluid .app-dropdown span > span { font-family: 'GothamRoundedBook'; cursor:pointer; margin:5px 0; padding: 10px 50px 10px 25px; border: #000 solid 2px; line-height: 28px; display: inline-block; color: #000; border-radius: 5px; position:relative; font-weight:700; }
.row-fluid .app-dropdown span > span:after { position:absolute; content:''; right:15px; top:20px; border-top:#000 solid 10px; border-left:transparent solid 10px; border-right:transparent solid 10px; box-sizing:border-box; }
.row-fluid .app-dropdown ul { display:none; z-index:9; margin:0; padding:0 5px; list-style: none; background:#000; float:left; width:100%; position:absolute; left:0; top:100%; }
.row-fluid .app-dropdown ul li { float:left; width:100%; padding:5px 0; border-bottom:rgba(255,255,255,0.4) solid 1px; }
.row-fluid .app-dropdown ul li:last-child { border-bottom:none; }
.row-fluid .app-dropdown ul li a { color:#FFF; display:block; font-size:14px; cursor:pointer; }
  
/*----- Service Page -----*/
.row-fluid .header-text { font-size:25px; line-height:32px; font-family:'GothamRoundedLight',Arial,Helvetica,sans-serif; margin-bottom:25px; }

.row-fluid .online-training { padding:50px 0; }
.row-fluid .online-training .ot-inner { max-width: 500px; background: rgba(255,255,255,0.4); padding: 15px; }
.row-fluid .btn-style1.option2 { margin-top:20px; }

/*----- Support Page -----*/
.row-fluid .support-packages { padding:50px 0; background:#ececec; }
.row-fluid .support-box { margin-top:30px; } 
.row-fluid .support-box h4 { padding-bottom:0; /*font-family: 'GothamRoundedBold';  -  Change will be affect in platform page */ }
.row-fluid .support-packages .btn-style2 a { margin-top:30px; }
.row-fluid .support-main .support-box .title-style1:before { bottom:-5px; }

/*----- Integration Page -----*/
.row-fluid .get-setup { background:#ececec; padding:50px 0; } 
.row-fluid .setup-content { margin-top:30px; } 

.row-fluid .integrate-yourapp { padding:50px 0; } 
  
/*----- Careers Page -----*/
.row-fluid .career-hero { padding:145px 0; color:#FFF; }
.row-fluid .career-hero .wrapper { padding-right:600px; }
.row-fluid .career-hero .btn-style1 { margin-top:10px; }

.row-fluid .expand-future { background:#00c2de; padding:20px 0; }
.row-fluid .career-contact { background:#ececec; }
.row-fluid .career-contact form { padding: 20px 120px 0; }
.row-fluid .career-contact fieldset { max-width:100%; text-align:left; margin-bottom:25px; }
.row-fluid .career-contact fieldset input[type=text], .row-fluid .career-contact fieldset input[type=email], .row-fluid .career-contact fieldset input[type=tel], .row-fluid .career-contact fieldset input[type=number], .row-fluid .career-contact fieldset textarea { width:100% !important; background: transparent; border-bottom: #222 solid 1px; resize:none; }
.row-fluid .career-contact fieldset input[type=text]:focus, .row-fluid .career-contact fieldset input[type=email]:focus, .row-fluid .career-contact fieldset input[type=tel]:focus, .row-fluid .career-contact fieldset input[type=number]:focus, .row-fluid .career-contact fieldset textarea:focus { border-bottom-color:#00c2de; }
.row-fluid .career-contact fieldset textarea { height:80px; }
.row-fluid .career-contact .hs-form-field .input > label { float: left; width: 100%; padding: 10px; background: #ececec; position: relative; bottom: 0; }
.row-fluid .career-contact .fieldset:focus .input > label { bottom:0; }
.row-fluid .career-contact .hs-form fieldset.form-columns-2 .input { margin-right:0; }  
.row-fluid .career-contact .hs-form fieldset.form-columns-2 .field { width:48%; margin-right:4%; }
.row-fluid .career-contact .hs-form fieldset.form-columns-2 .field:last-child { margin-right:0; }

/*----- Service Training Page -----*/
.row-fluid .app-training strong { font-family: 'GothamRoundedBold'; }
.row-fluid .app-training .training-title { background:#00c2de; padding:15px 40px; }
.row-fluid .app-training .training-title h4 { color:#FFF; }
.row-fluid .app-training .training-box { background:#ececec; text-align:left; max-width: 320px; float: none; display: inline-block; margin: 20px 70px 0; }
.row-fluid .app-training .training-text { padding:25px }
.row-fluid .app-training .training-text ul { list-style:none; padding:0; margin:0; }
.row-fluid .app-training .training-text ul li { position:relative; padding:5px 0 5px 20px; float:left; width:100%; }
.row-fluid .app-training .training-text ul li:before { position:absolute; content:''; left:0; top:16px; width:4px; height:4px; background:#00c2de; border-radius:50%; }

.row-fluid .one-training { background:#ececec; }
.row-fluid .one-training h4 { padding:0; }
.row-fluid .one-training .training-box2 { padding:15px 40px; }
.row-fluid .training-icon { width: 70px; display: inline-block; float: none; margin-bottom: 15px; }

.row-fluid .online-training { background:#FFF; }
.row-fluid .training-testimonial .btn-style1 { margin-top:30px; }


.row-fluid .expand-possible { background:url('//cdn2.hubspot.net/hubfs/1763546/2016_Zrilo_-_Home/Images/applogocollection.jpg?t=1522017377960') center repeat-x #00c1de; }
.row-fluid .expand-possible .ex-box { margin-top:70px; }
.row-fluid .expand-possible .ex-box .bgimg-main { height: 143px; width: 143px; float: none; display: inline-block; }
.row-fluid .expand-possible .ex-btn { margin-top:20px; }

.row-fluid .consultation-form { padding:50px 0; background:#00c1de; position:relative; }
.row-fluid .consultation-form:before { position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,193,222,0.9); }
.row-fluid .consultation-form .wrapper { position:relative; padding:0 320px; }
.row-fluid .consultation-form select, .row-fluid .consultation-form input[type=text], .row-fluid .consultation-form input[type=email], .row-fluid .consultation-form input[type=tel], .row-fluid .consultation-form textarea { width:100% !important; border:#dadada solid 1px; height:42px; margin-bottom:15px; padding:10px; }
.row-fluid .consultation-form textarea { height:120px; resize:none; }
.row-fluid .consultation-form .hs-form-required { display:none } 
.row-fluid .consultation-form .hs-button, .row-fluid .consultation-form input[type=submit] { background-color:#27c229 !important; border-color:#27c229; margin-top:35px !important; }
.row-fluid .consultation-form .hs-button:hover, .row-fluid .consultation-form input[type=submit]:hover { background-color:#000 !important; border-color:#000; color:#FFF !important; }
.row-fluid .formbox-inner { padding: 30px; background: #FFF; border-radius: 5px; margin-top: 0; font-size:14px; }
.row-fluid .formbox-inner label, .row-fluid .formbox-inner label span { font-size:14px; text-align:left; float:left; }
.row-fluid .formbox-inner .form-text { padding-bottom:30px; }
.row-fluid .request-now a { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: fixed; right: -136px; top: 45%; transition:ease all 0.5s; -webkit-transition:ease all 0.5s; -ms-transition:ease all 0.5s; -moz-transition:ease all 0.5s; }
.row-fluid .request-now a.cta-active { right:-84px; }

/*----- Video Code -----*/
.row-fluid .cashflow-section .wrapper.small { padding:0 175px; }
.row-fluid .cashflow-section .play-btn a { cursor:pointer; font-weight:300; color:#324149; display:inline-block; margin:30px 0; }
.row-fluid .cashflow-section .play-btn a:after { content:"\f04b"; font-family:'FontAwesome'; margin-left: 10px; font-size: 12px; border: #324149 solid 2px; width: 30px; height: 30px; display: inline-block; line-height: 30px; border-radius: 50%; text-align: center; }
.row-fluid .cashflow-section .play-btn a:hover:after { background:#324149; color:#FFF; }
.row-fluid .cashflow-section #open-video { display:none; }

.row-fluid .cashflow-ctext { margin-top:40px; }
.row-fluid .cashflow-ctext h5 { padding-bottom:0; }

body.new-fancy .fancybox-opened .fancybox-skin { padding:0 !important; background:#45474D; border:#45474D solid 3px !important; }
body.new-fancy .fancybox-close { background-image:none; }
body.new-fancy .fancybox-close:before { content: 'X Close'; width: 60px; position: absolute; font-size: 13px; color: #ddd; right: 10px; top:-10px; }
body.new-fancy .fancybox-inner { margin:0 !important; }
body.new-fancy .fancybox-skin { background:#45474d; }

/*8 feb 2017*/

.banner-video a.bla-1 {
    position: static;
    height: 130px;
    width: 130px;
	bottom: 0;
	left: 0;
	margin: auto;
	right: 0;
	top: 0;
	z-index: 3;
	background: rgba(64, 64, 64, 0.7) none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 50%;
	transition: background-color 0.3s ease 0s;
	z-index: 1;
	position:relative;
}
.banner-video a.bla-1:hover {
	background: rgba(64, 64, 64, 0.9) none repeat scroll 0 0;
}
.banner-video.btn-play.video-play {
	float: left;
	position: relative;
	width: 50%;
	text-align: center;
}
.button-text {
	display: block;
	font-family: "GothamRoundedBook", Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
.banner-with-content {
	float: left;
	padding-left: 10px;
	width: 50%;
}
.banner-with-content p {
	padding-top: 0;
	font-family: "GothamRoundedBook", Arial, Helvetica, sans-serif;
}
.banner-with-content h1 {
	font-family: "GothamRoundedBook", Arial, Helvetica, sans-serif;
	color:#fff;
	padding-bottom:10px;
	font-size:40px;
	
}
.row-fluid .o-transparent {
	border: 2px solid #fff;
	color: #fff;
	font-family: "GothamRoundedMedium", Arial, Helvetica, sans-serif;
}
.row-fluid .o-transparent:hover {
	border: 2px solid #fff;
	background: #fff;
	color: #324149;
}
.banner-with-content p > span {
	display: inline-block;
	margin-top: 15px;
}
.video-page .hero-section::after, .banner-mobile-image:after {
	/*background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;*/
	background: rgba(0, 193, 222, 0.5) none repeat scroll 0 0;
	bottom: 0;
	content: " ";
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	left:0;
}
.banner-with-background .wrapper {
	padding: 0 !important;
}
.video-page .hero-section {
	padding: 0 !important;
	position: relative;
}
.video-page .banner-with-background {
	background-position: center 23%;
	padding: 145px 0;
}
.banner-with-background {
	background-size: cover !important;
	background-repeat:no-repeat !important;
}
.banner-video a.bla-1 span {
	border-bottom: 28px solid transparent;
	border-left: 55px solid #fff;
	border-top: 28px solid transparent;
	margin: 36px 0 0 44px;
	display: block;
	height: 0;
	width: 0;
}
.banner-with-background .wrapper {
	position: relative;
	z-index: 9;
}
.banner-mobile-image, .mobile-banner-cta-section {
	display: none;
}

/*---app-recommendation----*/

.container { margin: 0 auto; max-width: 1170px;}
#banner-background-image { background-repeat: no-repeat;  background-size: cover;  padding: 213px 0;}
.banner-text { max-width: 670px;}
.banner-text h2, .banner-text h1 { font-size: 44px;  line-height: normal; padding: 0 0 9px; color:#fff;}

.banner-text h1 { clear: both; color: #fff; font-size: 2.25em; font-weight: 300; line-height: 1.2;  margin: 0; padding: 10px 0; 
font-family: "GothamRoundedBook",Arial,Helvetica,sans-serif;}

.banner-text p {  color: #fff; font-family: "GothamRoundedBook",Arial,Helvetica,sans-serif;  font-size: 16px; line-height: 26px;  margin: 0 auto 13px; padding-top: 0;}

.banner-text a, .price-section-text a, .business-right-text a.cta_button, body.hs-content-id-4885873310 a.cta_button{ background: #de7d00 none repeat scroll 0 0; 
border: 2px solid #de7d00;border-radius: 3px;color: #fff;display: inline-block;
font-family:"GothamRoundedBook", "GothamRoundedMedium"; font-size: 16px; padding: 9px 29px; line-height: 24px;
min-width: inherit;text-align:center; -moz-appearance: none;
-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;}

.banner-text a:hover, .price-section-text a:hover, .business-right-text a.cta_button:hover, body.hs-content-id-4885873310 a.cta_button:hover{background: #c97303 none repeat scroll 0 0; border: 2px solid #c97303; color: #fff;}
.business-second-section { padding: 103px 0 115px;}
.job-manage-left-images, .business-left-back-image { position: relative; }
.business-left-back-image { display:inline-block;border: 2px solid #e3e3e3 !important;  max-width: 88%;  padding: 7px;  position: relative;  z-index: 99;}
.business-left-back-image::after { border: 2px solid #e3e3e3; content: "";  height: 97.5%;  position: absolute;  right: -11px;  top: 4%;  width: 97%;  z-index: 10;}
.business-left-front-image {  left: 12%;  max-width: 88%; position: absolute; top: 11%;  z-index: 99;}
.business-left-back-image img { position: relative; z-index: 99;}
.business-right-text { padding-top: 62px;}
.business-right-text h2, .business-benefits-section h2, .price-section-text h2, .service-section h2, .software-features h2, .carousel-heading h2, .call-section h2, .app-section h2{ 
font-size: 35px;  line-height: normal;  margin-bottom:24px;  padding-bottom: 23px;  position: relative;}
.business-benefits-section h2{ text-align:center;margin: 0 auto 74px; padding-bottom:26px;}
.business-right-text h2::after, .business-benefits-section h2::after, .price-section-text h2::after, .service-section h2::after, .software-features h2::after, .carousel-heading h2::after, .call-section p::after, .app-section h2::after {
background: #00c1de none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0;  position: absolute;  width: 55px;}
.business-benefits-section h2::after, .software-features h2::after, .carousel-heading h2::after, .call-section p::after{right:0;margin:0 auto;}
.business-right-text h2 + p, .app-section h2 + p, .business-benefits-section h2 + p, .price-section-text h2 + p, .software-features h2 + p { padding-top: 0;}
.business-right-text p, .app-section p {  color: #666;  font-family: "GothamRoundedLight";  font-size: 15px;  line-height: 26px;  margin: 0 auto;padding: 15px 0 10px;}
.business-benefits-section{  /*background:url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/the-banefit-bg.jpg?t=1522017377960");*/  background-repeat: no-repeat;  background-size: cover;  position: relative; padding: 112px 0 80px;}
.business-benefits-section .container, .software-features .container {  position: relative;  z-index: 99;}
.business-benefits-section::before, .software-features::before, .soft-overlay {background: rgba(238, 247, 248, 0.9) none repeat scroll 0 0;  bottom: 0;  content: "";  left: 0;  position: absolute;  right: 0;  top: 0;}
.business-benefits-section .job-benefits-outer{display: inline-block;float: none; vertical-align: top; width: 24.6%;}
.job-benefits-main {  margin: 0 auto 9px; min-height:420px; padding: 0 10px;  text-align: left;}
.benefits-header-img { display: block;  margin: 0 auto 19px;  min-height: 45px;}
.business-benefits-section .job-benefits-main h2 { color: #333; display: block; font-family: "gothamroundedmedium"; font-size: 17px; line-height: 23px;  margin: 0 auto 20px;  min-height: 92px;  padding: 0 0 22px;  text-align: left;}
.job-benefits-main h2::after {  left: 0;  right: auto;}
.job-benefits-main p, .price-section p {  color: #666;font-size: 14px;line-height: 20px;padding: 0; margin:0 auto 35px;}
.price-section p {line-height:22px; padding-bottom: 4px;}
.job-benefits-main p strong, .price-section p strong { color: #000; font-family: "GothamRoundedMedium";  font-weight: normal;}
.price-section p a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #000; font-family: "GothamRoundedMedium"; font-size: 14px; font-weight: normal; line-height: 22px; padding: 0;}
.price-section .container { position: relative;}
.price-section .price-section-text, .price-section .price-section-img { display: inline-block; float: none;  vertical-align: middle;}
.price-section .price-section-img { margin-left: -13% !important; position: relative;  width: 69.5%;margin-bottom:-33px;margin-top: 15px;}
.price-section-text h2 { margin: 0 auto 17px;}
.service-section {  /*background: url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/should-u-use-service-bg.jpg?t=1522017377960");*/ background-repeat: no-repeat;  background-size: cover;padding:109px 0 46px ;}
.service-section h2 { color: #fff; font-family: "GothamRoundedMedium";  margin-bottom: 52px;padding-bottom: 32px;text-align: center;}
.service-section h2::after { background: #fff none repeat scroll 0 0; margin: 0 auto;  right: 0;}
.service-section p { color: #fff; font-size: 15px; line-height: 26px;margin: 0 auto 45px; padding:0;  text-align: justify;}
.business-service-outer { display: inline-block; float: none; margin-bottom: 50px; margin-right: 2.6%; vertical-align: top;  width: 31.3%;}
.business-service-outer:nth-child(3n) { margin-right: 0;}
.business-service-image { margin: 0 auto 27px; min-height:235px;}
.business-service-image { margin: 0 auto 27px; max-height: 223px; min-height: 223px; overflow: hidden;}
.business-service-image > img { width:auto; height:auto; max-width: 100%; }
.business-service-main h3 { color: #fff; font-family: "GothamRoundedMedium"; font-size: 19px;  font-weight: normal;  line-height: 23px; margin: 0 auto 20px;  padding: 0;}
.business-service-main p { line-height: 23px; margin: 0 auto; min-height: 69px;}
.business-service-main a { color: #fff; font-family: "GothamRoundedMedium"; font-size: 13px;  font-weight: normal;  line-height: 23px;  padding: 0; display:inline-block; text-decoration:underline; text-transform:uppercase;
-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;}
.software-features {  /*background:url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/the-banefit-bg.jpg?t=1522017377960");*/ background-repeat: no-repeat;  background-size: cover;  position: relative; padding: 83px 0 61px;  clear: both;}
.software-features h2{ text-align:center;margin: 0 auto 61px; padding-bottom:32px;}
.software-features-outer { display: inline-block; float: none; margin: 0 auto 32px; padding: 0 8px; vertical-align: top;  width: 24.6%;}
.software-features-main { background: #fff none repeat scroll 0 0; box-shadow:0 1px 3px rgba(0, 0, 0, 0.16); padding:33px 6px 29px; text-align: center;}
.features-header-img { background: #00c1de none repeat scroll 0 0;  border-radius: 100%;  height: 79px;  margin:0 auto 30px;position: relative;  width: 78px;}
.features-header-img > img { bottom: 0; left: 0;  margin: auto;  position: absolute;  right: 0;  top: 0;}
.software-features-main h2 { color: #333; font-family: "GothamRoundedBook"; font-size: 19px; line-height: 26px;  margin: 0 auto 20px;  padding: 0;}
.software-features-main h2:after{display:none;}
.software-features-main p { color: #666; font-size: 14px;  line-height: 22px;min-height: 150px;}
.software-features-main a { color: #00c1de; display: inline-block; font-family: "gothamroundedmedium"; font-size: 12px; line-height: 22px;  padding: 0 16px;  text-decoration: underline;  text-transform: uppercase;
-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;}
.goal-background-image { padding-top: 106px;  text-align: center;}
#goal-background-image { overflow: visible;  position: relative;}
.goal-background-image img { margin-bottom: -119px; width:auto; height:auto;}
.business-goals-main {/*background:url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/business-goals-bg.jpg?t=1522017377960");*/background-repeat: no-repeat;  background-size: cover; padding:157px 0 80px; text-align:center;}
.business-goals-main h1, .business-goals-main h2 {  color: #fff;  font-family: "GothamRoundedLight";  font-size: 57px;  line-height: normal; margin:0 auto 26px;  padding: 0;}
.business-goals-main p {  color: #fff; font-size: 14px;  line-height: 24px;  padding: 0; margin:0 auto 27px;max-width: 800px;}
.business-goals-main a {background: #de7d00 none repeat scroll 0 0; border:2px solid #de7d00;border-radius: 5px; color: #fff; display: inline-block;font-family:"gothamroundedmedium"; font-size: 13px;line-height: 26px;padding: 10px 39px; 
-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;}
.business-goals-main a:hover{ background: #c97303 none repeat scroll 0 0; border: 2px solid #c97303;color: #fff;}
.carousel-section { background: #eef7f8 none repeat scroll 0 0;  padding: 80px 0 88px;}
.owl-main { display:block; width: 100%;}
.carousel-heading h2{ text-align:center;margin: 0 auto 59px; padding-bottom:29px;}
.owl-top { background: #fff none repeat scroll 0 0; border: 2px solid #d4e0e1; border-radius: 20px;margin: 0 auto 28px;position:relative;}
.owl-top::after { background:url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/testi-triangle.png?t=1522017377960"); background-repeat: no-repeat; bottom: -19px; content: "";  height: 21px;  left: 27px;  position: absolute;  width: 32px;}
.owl-top p { color: #666; font-size: 14px; line-height: 20px;  min-height:246px; padding:62px 24px 42px; position:relative;}
.owl-top p::before {background: url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/quote-top.png?t=1522017377960"); background-repeat: no-repeat; content: ""; height: 20px; left: 20px; position: absolute; top: 26px;  width: 20px;}
.owl-top p::after  {background: url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/quote-bottom.png?t=1522017377960"); background-repeat: no-repeat; content: ""; height: 20px; right: 20px; position: absolute; bottom: 21px;  width: 20px;}
.owl-main h5 { color: #010101; font-family: "gothamroundedbook"; font-size: 16px; line-height: 20px; padding: 0;  text-transform: uppercase;} 
.owl-main span { color: #00c1de;font-size: 14px;  line-height: 20px;}
.owl-bottom { padding-left: 42px;}
.carousel-section .owl-carousel .owl-nav.disabled { display: block;}
.owl-next, .owl-prev {  color: transparent;position: absolute;  text-indent: -1000px; top: 35%;}
.owl-prev {background-image: url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/prev-icon.png?t=1522017377960");background-repeat: no-repeat;height: 22px; left: -74px;width: 13px;}
.owl-next {background-image: url("https://cdn2.hubspot.net/hubfs/1763546/Job%20Management%20Page/next-icon.png?t=1522017377960");background-repeat: no-repeat;height: 22px; right: -74px;width: 13px;}
.call-section { padding: 82px 0 95px;}
.call-section p { color: #666; font-size: 14px; line-height: 22px;  margin: 0 auto 35px;  max-width: 70%;  padding:0 0 30px;  position: relative;  text-align: center;}
.call-section h2 { margin-left: auto; margin-right: auto; margin-bottom: 18px;  max-width: 80%;  padding:0;text-align: center;}
.call-section form.hs-form fieldset.form-columns-1 .input { margin: 0 auto;}
.call-section form input, .call-section form textarea, .call-section form.hs-form fieldset textarea.hs-input {  border: 1px solid #c0bebe; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  display: block;  width: 100%; font-size:12px; line-height:22px; color:#666666; padding:14px 25px;}
.call-section form textarea { min-height: 109px;  overflow: auto; resize: none;}
.call-section form > fieldset { max-width: 100%;margin: 0 auto 16px;}
.call-section form.hs-form > fieldset.form-columns-2 > div.hs-form-field:first-child {  margin-right: 1.5%;}
.call-section form.hs-form > fieldset.form-columns-2 > div.hs-form-field {width: 49.2%;}
.call-section form.hs-form > fieldset > div.hs-form-field > label { display: none;}
.call-section form input[type="submit"] { background: #de7d00 none repeat scroll 0 0; border:0;color: #fff; font-family: "gothamroundedmedium";  font-size: 17px;  line-height: 22px;  padding: 17px 20px;  text-align: center;  text-transform: uppercase;
 -moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;}
.call-section form input[type="submit"]:hover{opacity:0.8;}
.call-section ul.hs-error-msgs label {  color: red;}
.app-section { background: #eef7f8 none repeat scroll 0 0; padding: 98px 0;}
.hs_cos_wrapper.hs_cos_wrapper_widget_container.hs_cos_wrapper_type_widget_container { display: block;}


/* crousel section for home page one other page Start */

.app-logos-section{ text-align:center;  }
.app-logos-section h2, .app-logos-section p{ text-align:center; }
.randbg .app-logos-section{ padding:3em 0 3.5em;}
.randbg .app-logos-section .logos-app{ margin-top:35px; margin-bottom:70px; }
.randbg.no-price .app-logos-section{ padding-top:0px; }
.randbg.no-price .app-logos-section .logos-app{ margin-top:0px; margin-bottom:20px; }

.app-logos-section .slick-slider .slick-slide { padding: 0 20px; display: inline-block !important; float:none; vertical-align:middle;}
.app-logos-section .slick-slide img{  margin: 0 auto; -webkit-filter: grayscale(99%);  -webkit-filter:grayscale(100%) opacity(50%); filter:grayscale(100%) opacity(50%); max-height: 75px; width: auto !important;}
.app-logos-section .slick-slide:hover img{ -webkit-filter: none; filter:none; transition: all 0.3s ease-in-out 0s; }
.app-logos-section .slick-slider{ position:relative; }
.app-logos-section .slick-slider button.slick-arrow{ font-family: "FontAwesome"; position:absolute; height:100%; width:50px; font-size:0px; top:0px; }   
.app-logos-section .slick-slider button.slick-prev {left:-30px; background:url(https://cdn2.hubspot.net/hubfs/1763546/Client_logos/arrow-left.png?t=1522017377960) center center no-repeat;} 
.app-logos-section .slick-slider button.slick-next{ right:-30px; background:url(https://cdn2.hubspot.net/hubfs/1763546/Client_logos/arrow-right.png?t=1522017377960) center center no-repeat;}
.app-logos-section .slick-slider button.slick-arrow:hover{ opacity:0.5; transition: all 0.3s ease-in-out 0s; }

/* crousel section for home page one other page End */


/* Training Page code start */
.banner-image { background-repeat: no-repeat; background-size: cover; padding: 226px 0 193px;}
.banner-video { display: inline-block; text-align: center; vertical-align: top; width: 49.5%;}
.banner-content { display: block; text-align: left; width: 100%;}
.banner-video + .banner-content { display: inline-block; width: 49.5%; vertical-align: top;}
.banner-video a, .banner-video span { display: block; text-align: center;}
.banner-video span{margin:10px auto 0;}
.banner-content h1, .banner-left-text h1 { color: #fff; font-size: 44px; line-height: normal; padding: 0 0 0px;}
.banner-content p, .banner-video span, .banner-left-text p { color: #fff; font-family: "GothamRoundedLight"; font-size: 15px; line-height: 26px; margin: 0 auto;}
.banner-left-text{text-align:left;}
.banner-left-text p{display:inline-block;max-width:550px;}
.banner-left-text p:last-child{display:block; max-width:100%;}
.banner-content a, .banner-left-text a { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: #de7d00; border: 2px solid #de7d00; border-radius: 3px; color: #fff; display: inline-block; 
font-family: "GothamRoundedMedium";font-size: 13px; line-height: 26px; min-width: inherit; padding: 9px 29px; text-align: center; text-transform:uppercase; min-width:236px;}
.banner-content a:hover, .narrow-cta-section a:hover, .banner-left-text a:hover { background: #c97303; border: 2px solid #c97303; color: #fff;}

.myob-essebtials { padding: 105px 0 105px; position:relative;}
.myob-essebtials:after, .myob-essebtials::before, .narrow-cta-section::after, .narrow-cta-section::before, .two-third-image-left::after, .two-third-image-left::before{content:""; display:table;}
.myob-essebtials:after, .narrow-cta-section::after, .two-third-image-left::after{clear:both;}
/*.myob-image img { height: auto; margin-left: -163px; position: absolute;  width: auto;}*/
.myob-content { padding-left: 2%; /*padding-top: 72px;*/ padding-top:0px;}
.myob-content h2{color: #333333; font-size: 44px; line-height: normal;  margin-bottom: 7px;padding-bottom: 25px; padding-top:0px; position:relative;}
.myob-content h2:after{background: #00c1de; bottom: 0; content: ""; height: 2px;left: 0;position: absolute; width: 55px;}
.myob-content p { color: #666; font-family: "GothamRoundedLight"; font-size: 15px; line-height: 26px; margin: 0 auto; padding: 15px 0 10px;max-width:98%;}

.narrow-cta-section { padding:55px 0 55px; position:relative; background-size: cover;} 
.narrow-cta-section p, .narrow-cta-section p a { color: #fff; font-family: "gothamroundedbook"; font-size: 20px; line-height: 34px; padding:5px 0 0;}
.narrow-cta-section p a{background-color:transparent;padding:0;min-width:0;height:auto;border:0;}
.narrow-cta { text-align: right;}
.narrow-cta-section a { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none;  appearance: none; background: #de7d00; border: 2px solid #de7d00; border-radius: 3px; color: #fff; display: inline-block; 
font-family: "GothamRoundedMedium"; font-size: 13px; height: auto;  line-height: 26px;
min-width: inherit;padding: 9px 40px; text-align: center; width: auto;}


.courses-section .wrapper{width:auto;max-width:1150px;padding:0 15px;}
.courses-section { padding: 87px 0 24px; text-align: center;}
.courses-section h2, .featured-course-section h2, .the-benefits-main h2, .faq-section h2, .testimonial-section h3{color: #333333; font-size: 34px; line-height: normal;  margin-bottom: 33px;padding-bottom: 27px; position:relative;}
.courses-section h2::after, .featured-course-section h2::after, .the-benefits-main h2:after, .faq-section h2::after, .testimonial-section h3:after{background: #00c1de; bottom: 0; content: ""; height: 2px;left: 0;position: absolute; width: 55px; right:0; 
margin:0 auto;}
.courses-section p, .featured-course-section p{color: #4b4b4b; font-size: 15px; line-height:26px;  margin-bottom:67px;padding:0;font-family: 'GothamRoundedBook';}
.courses-section .hs_cos_wrapper_type_custom_widget { display: inline-block; vertical-align: top; width: 19.6%;margin:0 auto 50px;}
.course-image { display: block; min-height: 57px; margin:0 auto 13px;}
.course-content { padding: 0 4px;}
.courses-section h6 { color: #333; font-family: "GothamRoundedMedium"; font-size: 18px; line-height: 23px; margin: 0 auto 17px; padding: 0 0 22px; position: relative; text-transform: capitalize;  display: block;}
.courses-section h6:after{background: #00c1de; bottom: 0; content: ""; height: 3px;left: 0;position: absolute; width: 46px; right:0; margin:auto;}
.courses-section .course-main p { color: #666666; font-family: "GothamRoundedLight"; font-size: 14px; line-height: 20px; margin: 0 auto; padding: 0;display: block;}


.featured-course-section { background-color: #edf6f7; padding: 100px 0 98px; text-align: center;}
.featured-course-section h2{padding-bottom:25px; margin-bottom: 23px;}
.featured-course-section p { margin: 0 auto 43px;max-width: 960px;}
.featured-course-section .hs_cos_wrapper_type_custom_widget {display: inline-block;margin-right: 1%; vertical-align: top; width: 32.3%;}
.featured-course-section .hs_cos_wrapper_type_custom_widget:nth-child(3n) { margin-right: 0;}
.course-featured-image { position: relative;}
.course-featured-image::before {background: rgba(20, 20, 20, 0.6); bottom: 0; content: ""; left: 0; margin: auto; position: absolute; right: 0; top: 0;}
a.youtube { border: 1px solid #f9f9f9; bottom: 0; color: #f9f9f9; display: inline-block; font-size: 13px; height: 33px; left: 0; line-height: normal; margin: auto; padding: 7px 0;  position: absolute;  right: 0; text-transform: capitalize; top: 0; width: 122px;}
a.youtube:hover{color:#000; background-color:#fff;}
.featured-course-content { background: #fff; padding: 23px 24px 29px; text-align: left;}
.featured-courses { box-shadow: 0 2px 1px #c2caca;}
.featured-course-section h5 { color: #333333; font-family: "GothamRoundedMedium"; font-size: 17px; line-height: 23px; margin: 0 auto 17px; padding: 0 0 22px; position: relative; text-transform: capitalize;  display: block;}
.featured-course-section h5:after{background: #00c1de; bottom: 0; content: ""; height: 3px;left: 0;position: absolute; width: 46px;}
.featured-course-section .featured-course-content p { color: #666666; font-family: "GothamRoundedLight"; font-size: 14px; line-height: 20px; margin: 0 auto 9px; padding: 0;display: block;}
.course-numbering{color: #1f1f1f; font-family: "GothamRoundedMedium"; font-size: 17px; line-height: 23px; margin: 0 auto; padding: 0; position: relative; text-transform: capitalize;  display: inline-block;border-bottom:1px solid #727272;}
.featured-course-section .wrapper { width: 1200px;}

.two-third-image-left{padding:100px 0;}
.two-content, .image-left { float: left;}
.two-content { margin-left: 3%; width: 58%;}
.image-left {  max-width: 488px;position: relative;  width: 40.5%; padding-left:17px;margin-left: -22px;}
.image-left::before { border: 2px solid #e3e3e3; content: ""; height: 96%; left: 7px; position: absolute; top: 24px; width: 93%;}
.image-left img{position:relative; z-index-:99;border: 2px solid #e3e3e3;padding: 7px 7px 7px;}
.two-third-image-left .span12{margin:0 auto;}
.two-third-image-left .first-image { margin: 0 auto 48px;}
.image-left.image-right { float: right; margin-left: 0; margin-right: -22px; padding-left: 0; padding-right: 17px;}
.image-left.image-right::before {left: auto; right: 10px; width: 93%;}
.image-left.image-right + .two-content { margin-left: 0; margin-right: 3%;}
.two-content h2{color: #333333; font-size: 35px; line-height: normal;  margin-bottom: 33px;padding-bottom: 27px; position:relative;}
.two-content h2::after{background: #00c1de; bottom: 0; content: ""; height: 2px;left: 0;position: absolute; width: 55px;}
.two-content p{color: #666666; font-size: 15px; line-height:26px;  margin-bottom:30px;padding:0;font-family: "GothamRoundedLight";}

.the-benefits-main {text-align: center;padding-top: 80px;overflow: visible;z-index: 9;position: relative;}
.the-benefits-main h2{margin-bottom:36px;}
.the-benefits-main img {margin-bottom: -250px;}
.myob_benefits {padding: 268px 0 157px;}
.myob_benefits .container{max-width:970px;}
.myob_benefits .hs_cos_wrapper_type_custom_widget {	display: inline-block;	width: 33%;	border-left: 1px solid #40d1e6;	border-right: 1px solid #40d1e6;	margin-left: -3px;	border-top: 1px solid #40d1e6;border-bottom: 1px solid #40d1e6;margin-bottom: 1px;
min-height: 135px; vertical-align:top; position:relative;}
.myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(3n){border-right:0;}
.myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(1), .myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(4), .myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(7),
.myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(10){border-left:0;}
.myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(1), .myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(2), .myob_benefits .hs_cos_wrapper_type_custom_widget:nth-child(3){border-top:0;}
.myob_benefits .hs_cos_wrapper_type_custom_widget:nth-last-child(3), .myob_benefits .hs_cos_wrapper_type_custom_widget:nth-last-child(2), .myob_benefits .hs_cos_wrapper_type_custom_widget:last-child{border-bottom:0;}
.the-benifits {max-width: 230px;margin: 0 auto;background-image: url("https://cdn2.hubspot.net/hubfs/1763546/MYOB_training_page/checked-tick.png?t=1522017377960");	background-repeat: no-repeat;background-position: left 11px;	padding-top: 68px;}
.the-benifits p {font-size: 14px;font-family: "GothamRoundedLight";line-height: 20px;color: #fff;padding: 0;}

#freq-back-section{background-repeat:no-repeat;background-size:cover;position:relative;}
.faq-right {max-width: 576px;text-align: left;padding: 95px 0 90px;}
.faq-left img {position: absolute;left: 0;bottom: 0;max-width:850px;}
.faq-section h2{font-size:35px; padding-bottom:16px; margin-bottom: 46px;}
.faq-section h2::after{right:auto;}



.body-container-wrapper .service-slider .caption.superimpose {background: transparent;left: auto !important;max-width: 1140px !important;margin: auto !important;left: 0 !important;right: 0 !important;}
.body-container-wrapper .service-slider .caption.superimpose>span { height: auto; left: 0; margin: 0 auto; max-width: 1170px; right: 0; display:table; height:100%; width: 100%;}
.body-container-wrapper .service-slider .caption.superimpose>span .content-box{ display:table-cell; vertical-align:middle; text-align:left; }
.body-container-wrapper .service-slider.banner-slider .hs_cos_gallery_main .caption.superimpose{ top:0; bottom:0; }
.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose h2{
    clear: both;
    color: #fff;
    font-size: 2.25em;
    font-weight: 300;
    line-height: 32px;
    margin: 0;
    padding:0px 0 20px; font-family: "GothamRoundedBook",Arial,Helvetica,sans-serif;
    
    
}
.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose p{ 
    font-size: 16px; line-height: 26px; margin:0; max-width:550px;
    font-family: "GothamRoundedBook",Arial,Helvetica,sans-serif;
    padding-top: 0;
}


.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose p a.cta_button{ margin-top:15px; }
/*.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose a.find-apps-service { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: #de7d00; border: 2px solid #de7d00; border-radius: 3px; color: #fff; display: inline-block; 
font-family: "GothamRoundedMedium";font-size: 13px; line-height: 26px; min-width: inherit; padding: 9px 29px; text-align: center; text-transform:uppercase; min-width:156px;}*/
.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose a.find-apps-service{
  background: #de7d00 none repeat scroll 0 0;
  border: 2px solid #de7d00; border-radius: 4px; color: #fff; display: inline-block; font-size: 16px; line-height: 24px; text-align: center; min-width: 220px; padding: 12px 25px;}

.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose a.find-apps-service:hover { background: #c97303; border: 2px solid #c97303; color: #fff;}
/*.story-section .wrapper { width: 1200px;}*/
.service-sub-menu { background: #324149;}

.testimonial-section{padding:136px 0 115px; background-color:#eef7f8;}
.testimonial-section h3{font-size:35px;padding-bottom: 9px;margin-bottom: 63px;}
.testimonial-content p strong {font-weight: normal;font-size: 15px;line-height: 26px;color: #49575e;display: block;font-family: "GothamRoundedMedium";}
.testimonial-content p {font-weight: normal;font-size: 14px;line-height: 24px;color: #324149;display: block;font-family: 'GothamRoundedBook';}
.about-testimonial:hover p strong {color:#00c1de;}

.training-page-form p {max-width: 840px;}
.training-page-form form {max-width: 940px;	margin: 0 auto;}

.video-page .testimonial-section{ padding:50px 0 50px; }




.accordion { margin-bottom: 15px; }
.accordion_group {margin-bottom: 2px;}
.accordion_header {cursor: pointer;font-size: 20px;line-height: 26px;width: 100%;padding: 0;color: #333;font-family: 'GothamRoundedBook';}
.accordion_icon {color: #00c1de;padding-right: 0;background-color: #00c1de;margin-right: 24px;font-size: 21px;border-radius: 0;width: 36px;height: 38px;display: inline-block;position: relative;border-top: 4px solid #00c1de;	border-bottom: 4px solid #00c1de;
vertical-align: middle;}
.accordion_group.expanded {padding-top: 10px;padding-bottom: 3px;}
.accordion_group.expanded .accordion_icon {background-color: #fff;color: #00c1de;}
.accordion_group.expanded .accordion_icon::before, .accordion_group.expanded .accordion_icon::after{ background-color:#00c1de;}
.accordion_content, .accordion_content p {font-size: 15px;line-height: 26px;color: #666666;}
.accordion_content {padding:0 0 0 64px; display: none;}
.accordion_content p {padding: 12px 0;}
.accordion_group .accordion_icon { position: relative;}
.accordion_group .accordion_icon::before, .accordion_group .accordion_icon::after { content: '';display: block; position: absolute;top: 0;bottom:0;right: 0px;left:0; margin:auto;width: 15px;height: 4px;-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .25s; transition: all .25s; background-color: #fff;}
.accordion_group.expanded .accordion_icon::before { -webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);opacity: 0;}
.accordion_group .accordion_icon::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);transform: rotate(-90deg);   opacity: 1;}
.accordion_group .accordion_icon::after {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.accordion_group.expanded .accordion_icon::after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
/* Training Page code close */

/* Service Page code start */
#sticky-wrapper .service-sub-menu ul li{position:relative;}
#sticky-wrapper .service-sub-menu ul li a { color: #fff; display: block; font-family: "GothamRoundedBook"; font-size: 17px; line-height: 34px; padding: 12px 20px; text-transform: capitalize;}
#sticky-wrapper .service-sub-menu ul li a:hover, #sticky-wrapper .service-sub-menu ul li.active a{background:#00c2de;}
#sticky-wrapper .service-sub-menu ul li a::after, #sticky-wrapper .service-sub-menu ul li.active a::after{ bottom:-14px; content: ""; height: 14px; left: 0;  margin: 0 auto; position: absolute;  right: 0;  width: 30px; background-image:url("https://cdn2.hubspot.net/hubfs/1763546/2017_Zrilo_Services_Page/triangle-shap.png?t=1522017377960");
background-repeat:no-repeat; display:none;}
#sticky-wrapper .service-sub-menu ul li a:hover::after{display:block;}
#sticky-wrapper .service-sub-menu ul li.active a::after{display:block;}



.body-container-wrapper .get-the-training-section { padding: 4em 0 3.5em;}
.get-the-training-img img { /*position: absolute; margin-top:50px;*/}
.get-the-training-section h2, .service-page-app-sourcing h2, .get-tailored-section h2, .service-page-apps-section h2, .body-container-wrapper .service-page-industries-section h2, .service-page-testimonial-section h2 {color: #333333; font-size: 42px;
padding-top:0; line-height: normal;  margin-bottom:27px; padding-bottom:13px; position:relative;padding-top:0;}

.get-the-training-section h2::after, .service-page-app-sourcing h2::after, .latest-news-header h1:after, .service-page-apps-section h2:after, .service-page-testimonial-section h2 + p:after, .key-func-content h2:after, .platform-services h2:after, .quick-read-content h2:after, .bring-right-content h3:after, .why-work-sec h2:after, .rates-header h2:after, .app-services-header h2:after,  .services-header h2:after, .great-apps-sec h2:after,.quick-reads-sec h2:after, .app-great-mod .app-content > h3:after, .key-content > h3:after,.whole-benefit-header h2:after, .recommend-content h2:after, .app-types-section h2:after{background: #00c1de; bottom: 0; content: ""; height: 2px;left: 0;position: absolute; width: 55px; margin:0 auto;}
.get-the-training-section p, .service-page-apps-section p{color: #666; font-size: 15px; line-height:26px;font-family: "GothamRoundedLight";padding: 0;margin: 0 auto 10px;}
/*.get-the-training-section a.cta_button { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none;  appearance: none; font-family: 'GothamRoundedBold';font-size: 16px;line-height: 26px;text-transform: uppercase;text-align: center;background-color: #de7d00;	color: #fff;min-width: 276px;display:inline-block;
margin-top:28px;padding:14px 20px;border-radius:5px;border:0;}*/
.get-the-training-section a.cta_button, .cta_button.recomnd-btn, .contact-us-service {
  background: #de7d00 none repeat scroll 0 0;
  border: 2px solid #de7d00;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  min-width: 220px;
  padding: 12px 25px; text-align: center; margin-top:10px;
}
.contact-us-service {
    display: block;
    margin: 20px auto;
    max-width: 200px;
}
.contact-us-service:hover
{
    background:#00c1de  !important;
    border-color:#00c1de;
    color:#fff !important;
}
.platform-services h2:after, .rates-header h2:after
{
    background:#fff;
}
.quick-read-content h2:after, .service-page-apps-section h2::after, .work-header h2:after, .rates-header h2:after, .app-services-header h2:after, .latest-news-header h1:after{ right:0; margin:auto; }

.get-the-training-section a.cta_button:hover{ background: #c97303; color: #fff; border:2px solid #c97303;}
.service-page-app-sourcing a.cta_button.o-transparent:hover{ background: #c97303; color: #fff; border:2px solid #c97303;}

.body-container-wrapper .service-page-app-sourcing {height: auto;padding:3em 0 0;margin-bottom: 27px;}
.service-page-app-sourcing h2{padding-bottom: 13px; margin-bottom:27px; color:#fff;}
.service-page-app-sourcing h2::after{right:0;margin:0 auto; background:#fff;}
.service-page-app-sourcing p{ padding-top:0px; margin-bottom:15px; }

.testimonial-section { text-align: center;}
.row-fluid #testimonial.testimonial-section .hs_cos_wrapper_type_custom_widget {margin: 10px 0 10px 0;}
.row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget {margin: 10px 0 10px 0;}
.body-container-wrapper .new-service-subscribe-section { background-image: url("https://cdn2.hubspot.net/hubfs/1763546/2017_Zrilo_Services_Page/join-the-hundred-section-bg.jpg?t=1522017377960"); background-repeat: no-repeat;}
.service-page-app-sourcing::before { display: none;}
.service-page-app-sourcing .image-overlay::after {width: 100%;height: 673px; background:url("https://cdn2.hubspot.net/hubfs/1763546/2017_Zrilo_Services_Page/lapi.png?t=1522017377960");
background-repeat:no-repeat; background-position:center 0; z-index: 2; background-size: 87%;}
.service-page-app-sourcing .image-overlay > img {position: relative; top: 20px;width: 68%;}
.service-page-app-sourcing h2, .service-page-app-sourcing p, .service-page-app-sourcing p strong{ /*color:#333;*/ font-weight:normal;}
.service-page-app-sourcing p strong{font-family: "GothamRoundedMedium"; color:#fff;}
/*.service-page-app-sourcing a.cta_button.o-transparent{border-color:#de7d00;font-family: "GothamRoundedMedium"; background-color:#de7d00; text-transform:uppercase;margin-top: 10px;padding:12px 37px;width:auto !important; color:#fff;display:inline-block;}
.service-page-app-sourcing a.cta_button.o-transparent{min-width:inherit;}*/
.service-page-app-sourcing a.cta_button.o-transparent {
  background: #de7d00 none repeat scroll 0 0;
  border: 2px solid #de7d00;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  min-width: 220px;
  padding: 12px 25px; text-align: center;  font-family: "GothamRoundedLight"; margin-top:15px;
}
.service-page-testimonial-section .slick-prev::before, .service-page-testimonial-section .slick-next::before{ font-size:0px; }

.service-page-app-sourcing .laptop-image-section {margin-top: 26px;margin-bottom:82px;}
.service-page-app-sourcing .image-overlay { bottom: -30px;}
.app-sourcing.service-page-app-sourcing .banner-video.btn-play.video-play{top:46%;}
.app-sourcing.service-page-app-sourcing{margin-bottom:0;}
.get-tailored-section h3, .get-tailored-section p { text-align: left;}
.body-container-wrapper .get-tailored-section h3{ color: #333333; display: block; font-family: "GothamRoundedMedium"; font-size: 20px; line-height: 23px; margin: 0 auto 15px;padding: 0 0 25px;position: relative; text-transform: capitalize;}
.body-container-wrapper .get-tailored-section h3::after { background: #00c1de; bottom: 0; content: ""; height: 2px; left: 0;  position: absolute;  width: 46px;}
.get-tailored-section h2{margin:0 auto 50px;  margin-bottom:27px; padding-bottom: 13px;}
.get-tailored-section h2::after { background: #00c1de; bottom: 0; content: ""; height: 2px; left: 0;  position: absolute;  width: 46px; margin: 0 auto; right: 0;}


.get-tailored-section p {color: #666;display: block;font-size: 14px;line-height: 23px;padding: 0;margin-bottom: 46px;}
.body-container-wrapper .get-tailored-section { padding-top: 80px;padding-bottom: 60px;}
.body-container-wrapper .get-tailored-section img{max-width:100%; margin-top:9px; /*filter: grayscale(100%) opacity(95%);*/}
.narrow-cta a.cta_button {border-color: #DE7D00;width: auto !important;	display: inline-block;	color: #fff;}

.body-container-wrapper .service-page-apps-section{padding:4em 0 3.5em; position:relative;}
.service-page-apps-section .wrapper { /*width: 1444px;*/position: relative;}
.service-page-apps-section .one-on-one-text {width: 37%;}
.service-page-apps-section .one-on-one-image {width: 60%;}
.service-page-apps-section h2{padding-bottom:13px; text-align:center;}
.service-page-apps-section h2:before{ right:0; }
.service-page-apps-section p{line-height:26px; text-align:center;}
.service-page-apps-section .one-on-one-text{ padding-top:15px; }
.service-page-apps-section .one-on-one-text p{ text-align:left;}


.body-container-wrapper .services-app-partners-section h3{font-size:22px; color:#333;font-family: "GothamRoundedBook"; font-weight:normal; padding-top:0px; padding-bottom:5px;}
.service-page-apps-section h5{color: #333; font-size: 18px; line-height:23px; font-family: "GothamRoundedMedium";padding: 6px 0 0;margin: 0 auto 10px;}
.training-text{ padding-bottom:35px; }


.body-container-wrapper .services-app-partners-section{ padding:40px 0 24px;border:0; background:rgba(0,0,0,0.1);}

.body-container-wrapper .service-page-industries-section {background-color: #edf6f7;padding:80px 0 60px;}
.service-page-industries-section .wrapper { /*width: 1200px;*/}
.service-page-industries-section .content {background: rgba(222, 125, 0, 0.95);}
.service-page-industries-section .content .outer-content{position:relative;}
.service-page-industries-section .content .outer-content::after {position: absolute;left: 0;right: 0;text-align: 0;bottom: 0;width: 91%;height: 91%;border: 1px solid #fff;	content: "";margin: auto;top: 0;}
.service-page-industries-section .content h4{font-size:21px; line-height:25px;color:#fff;font-family: "GothamRoundedMedium"; text-transform:capitalize;padding:0; margin:0 auto 29px;}
.service-page-industries-section .content a{font-size:14px; line-height:27px;color:#fff;font-family: "GothamRoundedMedium"; text-transform:uppercase;
padding:9px 22px; margin:0 auto 20px;border-radius:5px; position:relative; z-index:100;}
.service-page-industries-section .inner-content{padding:15px;}
.service-page-industries-section .span4 {width: 32.5%;margin-left: 0;margin-right: 1.2%;margin-bottom: 14px !important;}
.service-page-industries-section .span4:nth-child(3n) {margin-right: 0;}

.body-container-wrapper .service-page-testimonial-section {padding:60px 0 41px;}
.service-page-testimonial-section h2 {padding: 0;margin-bottom:3px;}
.service-page-testimonial-section h2 + p{position:relative;margin:0 auto 23px;padding-bottom:34px;}
.service-page-testimonial-section h2 + p:after{right:0;}

.service-page-testimonial-section h2::after{ background:#00c1de none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0; right:0;
    margin: 0 auto;
    position: absolute;
    width: 55px; }
.service-page-testimonial-section p::after{ display:none; }

.body-container-wrapper .new-service-subscribe-section {padding: 67px 0 62px;background-repeat:no-repeat;background-size:cover;}
.body-container-wrapper .new-service-subscribe-section h3 {font-size: 23px;line-height: 34px;color: #fff;font-family: "GothamRoundedBook";font-weight: normal;margin: 0 auto 30px;}
.new-service-subscribe-section h3 strong{font-family: 'GothamRoundedBold';font-weight:normal;}
.body-container-wrapper .new-service-subscribe-section input[type="email"] {border-radius: 0 !important;background-color: #fff;font-size: 12px;line-height: 22px;color: #666666;font-family: "GothamRoundedBook";height: 50px;padding: 14px 14px;text-indent: 0;}
.body-container-wrapper .new-service-subscribe-section input[type="submit"], .body-container-wrapper .new-service-subscribe-section input[type="submit"].hs-button.primary.large{background-color:#de7d00;font-size:14px; line-height:normal;color:#fff;font-family: "GothamRoundedMedium"; text-transform:uppercase;border:1px solid #fff;border-radius:0 5px 5px 0px;
border:2px solid #de7d00;padding: 15px 34px;height:auto;}
.body-container-wrapper .new-service-subscribe-section .field.hs-form-field { width:75%; margin-right:0%; }
.body-container-wrapper .new-service-subscribe-section .hs_submit { width:25%; }
.body-container-wrapper .new-service-subscribe-section  form {max-width: 712px;}
.service-subscribe-section.new-service-subscribe-section .hs_submit:hover {background: transparent;}

.body-container-wrapper .new-service-subscribe-section input[type="submit"]:hover, .body-container-wrapper .new-service-subscribe-section input[type="submit"].hs-button.primary.large:hover{ background-color:#c97303; border:2px solid #c97303; }

.randbg.no-price.hs-content-id-4471757751 .app-logos-section{ padding:3em 0 3.5em; }
.randbg.no-price.hs-content-id-4471757751 .app-logos-section .logos-app{  margin-bottom: 0; }

/* service Page code close */

.ecommerce-platform .appblog-subscribe a.cta_button {
  background: #00c1de none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  font-family: "GothamRoundedLight";
  font-size: 16px;
  height: 50px;
  margin: 15px 0 0;
  padding: 10px 25px; line-height: 30px;
}
.ecommerce-platform .appblog-subscribe a.cta_button:hover{  transition: all 0.4s ease-in-out 0s; background: #000; }
/***27 july, 2017 start****/
.platform-services {
    margin-top: 20px;
    margin-bottom: 30px;
}
.platform-services .services-section {
      border: 1px solid #bef1fa;
    padding: 0;
    color: #fff;
    position: relative;
}
.integrate-content .text-style1 {
    padding: 0 110px 20px;
}
.platform-services .left-platform-section {  border: 1px solid #bef1fa;
    padding: 0;
    color: #fff;
}
.platform-services .span6
{
    background:#f1fdff;
}
.platform-services h2 {
	font-size: 35px;
	color: #fff;
	position: relative;
	padding-bottom: 15px;
	 padding-top: 0;

}
.partners-main
{
    position:relative;
}
.partners-main::before {
    background: rgba(0, 193, 222, 0.22) none repeat scroll 0 0;
    bottom: 3px;
    content: " ";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 94%;
}
.partners-main::after {
    background: rgba(0, 193, 222, 0.22) none repeat scroll 0 0;
    bottom: 0;
    content: " ";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 94%;
}
.partners-main {
    padding: 20px;
}
.left-platform-section .service-main {
    background: #00c1de none repeat scroll 0 0;
     padding: 20px;
}
.services-section .service-main {
    background: #de7d00 none repeat scroll 0 0;
     padding: 20px;
}

.left-platform-section h4,  .services-section h4 {
	font-size: 18px;
	font-weight: 500;
	font-family: GothamRoundedMedium;
	color: #324149;
	padding-bottom: 5px;
	padding-top: 0;
}
.platform-services .span6 > span > div:last-child .partners-main:after, .platform-services .span6 > span > div:last-child .partners-main:before
{
    display:none;
}
.content-sol p {
    color: #324149;
    font-size: 14px;
    line-height: 24px;
    padding: 0 15px 0 0;
}

.bring-it-section {
    background: #ececec;
    padding: 90px 0 0;
}
.Bring-it-image img {
	position: relative;
	bottom: -12px;
	z-index: 1;
}
.bring-it-section .bring-right-content {
    margin: 0;
    width: 51%;
}
.bring-right-content h3
{
    font-size:34px;
    position:relative;
    padding-bottom: 20px;
margin-bottom: 20px;
}
.bring-right-content p {
	font-size: 15px;
	color: #666666;
}
.why-work-sec {
    text-align: center;
    padding: 100px 0;
}
.why-work-sec h2 {
	font-size: 35px;
	color: #333333;
	position:relative;
	padding-bottom: 28px;
margin-bottom: 20px;
}
.why-work-sec p {
	color: #666666;
	max-width: 810px;
	margin: 0 auto;
	font-size: 15px;
}
.why-work-sec .content-benefits p 
{
    font-size: 14px;
    line-height: 22px;
min-height: 134px;
padding-top: 8px;
}
.work-benefits span > div {
	width: 33.333%;
	float: left;
	padding: 35px 35px 0 35px;
}
.work-benefits h4 {
	font-size: 18px;
	color: #333333;
	font-family: "GothamRoundedMedium";
	line-height: 28px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	min-height: 88px;
}
.why-work-sec .contact-us-cta {
    margin-top: 50px;
}
.app-services-logo {
    text-align: center;
    padding: 90px 0 30px;
}
.app-services-logo h2, .latest-news-sec h1
{
   position: relative;
padding-bottom: 30px;
margin-bottom: 50px;
}
.latest-news-sec h1
{
    font-size:35px;
    color:#333333;
}
.app-logo-services span > div {
	display: inline-block;
	width: 24.6%;
	margin-bottom: 60px;
	vertical-align: middle;
}
.latest-news-sec {
    text-align: center;
    padding-bottom: 140px;
}
.recommend-app span > div {
	width: 25%;
	float: left;
	padding: 45px 20px 0 20px;
	text-align: center;
	border-left: 1px solid rgba(50,65,73,.55);
	min-height: 320px;
	cursor:pointer;
}
.recommend-app span > div:first-child
{
    border-left: none;
}
.tab-content h3 {
	font-size: 20px;
	color: #324149;
font-family: 'Gotham Rounded Book';
}
.app-content p {
	color: #333333;
	font-size: 14px;
	line-height: 23px;
}

.faq-grps .expanded .accordion_header::after {
    color: #00c1de;
    transform: rotate(180deg);
}
.recent-posts {
	width: 31.65%;
	float: left;
	margin-right: 27px;
	padding: 20px;
	border: 1px solid #e0e0e0;
}
.recent-posts:last-child
{
    margin-right:0;
}
.latest-posts {
    margin-top: 10px;
}
.recent-posts .post-content img {
margin-top: -55px;
max-width:50px;
max-height:50px;
}
.recent-posts .post-content .post-title h3 a {
	font-size: 16px;
	color: #324149;
	display: inline-block;
font-family: 'Gotham Rounded Book';
	line-height: normal;
	font-weight: normal;
}
.recent-posts .post-content .post-title {
	margin-top: 20px;
	margin-bottom: 10px;
}
.news-content p, .news-content p span {
	font-size: 15px;
	color: #949494;
	padding-top: 10px;
	line-height: 24px !important;
	padding-bottom: 0;
	
}
.faq-section.freq-back-section {
    position: relative;
}
.recommnd-image img {
	width: 100% !important;
}
.recommend-app {
    background: #fff;
    margin-top: -100px;
}
.faq-tab-shows span > div {
	background: #edf6f7;
}
.faq-tab-shows .accordion_header {
	background: #00c1de;
	padding: 18px 20px;
	font-size: 20px;
	color: #def5f8;
	text-transform: uppercase;
	font-family: 'GothamRoundedMedium';
	line-height: normal;
}

.cal-us-content p {
    text-align: center;
    font-family: 'GothamRoundedMedium';
}
.faq-tab-shows .accordion {
	margin-bottom: 3px;
}
.recommend-app {
    margin-bottom: 40px;
}
.recommend-section {
    margin-bottom: 115px;
}
.faq-tab-shows .accordion_group.expanded {
    padding-top: 0;
}
.faq-tab-shows .accordion_group.expanded .accordion_header
{
    color:#08b4ce;
    background:none;
}
.accordion_group
{
    position:relative;
}
.faq-grps .accordion_header:after
{
    position:relative;
    content:" ";
    position:absolute;
    content:"\f107";
    font-family:'FontAwesome'; 
    width:15px; 
    height:15px; 
    text-align:center; 
    line-height:15px; 
    right:12px; 
    top:23px; 
    color:#FFF; 
    font-size:20px; 
}

.main-table {
    clear: both;
    display: block !important;
    width: 100% !important;
}
.main-table .table-col {
    float: left;
    position:relative;
}

.table-col > p {
    min-height: 26px;
    padding: 0;
}
.main-table .table-col:first-child {
    background: #ececec none repeat scroll 0 0;
    color: #0c4053;
    float: left;
    font-family: "GothamRoundedMedium";
    font-size: 14px;
    text-align: left;
    text-indent: 40px;
    width: 400px;
}
.table-col *
{
   color: #0c4053; 
}
.main-table .table-col {
     background: #fff none repeat scroll 0 0;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 177px;
}

.price-div {
    background: #08b4ce none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    height: 104px;
    margin: 0 10px;
    padding: 25px 0;
    width: auto;
}
.price-div > h3 {
    color: #fff;
    display: inline-block;
    font-family: "GothamRoundedMedium";
    font-weight: normal;
    padding: 0;
    vertical-align: top;
}

.price-div > p {
    color: #fff;
    margin-top: -5px;
    padding: 0;
}
.table-col {
    border-left: 1px solid #ddddd9;
    border-top: 1px solid #ddddd9;
}
.rates-section {
    padding: 90px 0;
}
.toggle-switch > div {
    float: none;
    margin-bottom: 100px;
    margin-top: 30px;
    text-align: center;
}
.main-table .table-col:nth-child(2) {
    background: #eaf8fa none repeat scroll 0 0;
    box-shadow: 0 10px 17px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}
.rating-list > span > div:first-child .main-table .table-col:nth-child(2)::before {
    background: #eaf8fa none repeat scroll 0 0;
    box-shadow: 0 -20px 17px 2px rgba(0, 0, 0, 0.1);
    content: " ";
    left: 0;
    position: absolute;
    top: -16px;
    width: 100%;
       height: 20px;
}
.rating-list > span > div:last-child .main-table .table-col:nth-child(2)::after {
      background: #eaf8fa none repeat scroll 0 0;
    border-left: 1px solid #ddddd9;
    bottom: -16px;
    box-shadow: 0 20px 17px 2px rgba(0, 0, 0, 0.1);
    content: " ";
    height: 20px;
    left: -1px;
    position: absolute;
    width: 100%;
}
.rating-list > span > div:first-child .main-table .table-col:nth-child(2) .price-div
{
 background:#de7d00;   
}
.cal-us-content {
    color: #fff;
    margin-bottom: 0;
    margin-top: 20px;
}
.cal-us-content a {
       color: #fff;
}
.rating-list > span > div:first-child .main-table .table-col:first-child {
    min-height: 166px;
}
.rating-list > span > div:first-child .main-table .table-col > p
{
    color:#838383;
    font-size:14px;
    margin-bottom:15px;
}
.rating-list > span > div:first-child .main-table .table-col:nth-child(2) .price-div {
   padding:32px 0;
}
.table-col .cta_button {
    background: #08b4ce none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 0 10px;
    padding: 8px 0;
    text-transform: uppercase;
}
.table-col .cta_button *
{
    color:#fff;
}
.table-col .cta_button.trail-orange {
     background: #de7d00 none repeat scroll 0 0;
}

.popular-tab {
    background: #de7d00 none repeat scroll 0 0;
    font-size: 14px;
    left: 0;
    padding: 7px 0;
    position: absolute;
    text-transform: uppercase;
    top: -41px;
    color:#fff;
    width: 100%;
}
.price-div > span {
    color: #fff;
}


.toggle-switch
{
    position:relative;
}
.freq-back-section .toggle-switch .switch {
	display: none;
}
.toggle-switch .switch input {display:none;}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch .slider::before {
    background-color: white;
    bottom: 4px;
    content: "";
    height: 31px;
    left: 0;
    position: absolute;
    top: -6px;
    transition: all 0.4s ease 0s;
    width: 31px;
}

.toggle-switch input:checked + .slider {
    background-color: #de7d00;
}

.toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px #de7d00;
}

.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
}

.rates-header h2 {
    color: #fff;
    text-align: center;
    position:relative;
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.toggle-switch .slider.round:before {
  border-radius: 50%;
}

.toggle-switch .slider {
     background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    left: 0;
    margin: 0 10px;
    position: relative;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
    vertical-align: middle;
    width: 64px;
}
.switch > p {
    color: #fff;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}
.advisor .banner-with-content p
{
    font-size:15px;
}
.advisor .row-fluid .o-filled, .industry-page .row-fluid .o-filled, .get-the-training-section a.cta_button, .cta_button.recomnd-btn {
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: "GothamRoundedMedium";
}
.advisor .narrow-cta-section p, .advisor .narrow-cta-section p a
{
    font-family: "GothamRoundedMedium";
}


.tab-img.hover-img {
    display: none;
}
.active .tab-img.hover-img {
    display: block;
}
.recommend-app .active
{
    background:#00c1de;
}
.recommend-app .active *
{
    color:#fff;
}
.tab-img.hover-img {
    display: none;
}
.recommend-app span > div.active
{
    border-color:#fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.recommend-app span > div.active + div
{
     border-color:#fff;
}
.active .tab-img.normal-img {
    display: none;
}




.industry-page .banner-with-content {
    color: #fff;
    max-width: 730px;
    width: auto;
}
.industry-page .banner-with-content  h2
{
    color:#fff;
}
.get-the-training-content h2 {
    font-size: 35px;
}
.key-functions-sec {
    padding: 90px 0;
    text-align: center;
}
.key-func-content h2:after
{
    left:0;
    right:0;
    margin:auto;
}

.key-func-content p {
    font-family: "GothamRoundedLight";
    font-size: 14px;
    margin: 0 auto;
    max-width: 680px;
}
.key-func-content h2 {
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative;
}
.key-func-module > span > div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    float: left;
    margin: 0 2% 0 0;
    padding: 15px;
    width: 23.5%;
}
.key-func-module > span > div:nth-child(4n+4) {
    margin-right: 0;
}
.key-content > h3 {
    font-family: "GothamRoundedMedium";
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
    min-height: 53px;
    padding: 0 0 15px;
    position: relative;
}
.key-content > h3:after
{
    right:0;
    margin:auto;
}
.key-txt > p {
    font-size: 13px;
    line-height: 24px;
    padding-bottom: 0;
}
.key-func-module > span > div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    float: left;
    margin: 10px 2% 10px 0;
    min-height: 564px !important;
    padding: 30px 15px;
    width: 23.5%;
}
.recommend-content h2 {
    font-size: 35px;
    margin-bottom: 15px;
    padding-bottom: 35px;
    position: relative;
}

.recommend-content p {
    font-family: "GothamRoundedLight";
    font-size: 14px;
    line-height: 24px;
}
.recommend-content h4
{
    color:#324149;
     font-family: "GothamRoundedBook";
    font-size: 18px
}
.recommend-image img {
      bottom: 0;
    max-width: 100%;
}
.recommnd-wholesale .wrapper {
    padding: 90px 0 ;
}
.recommnd-wholesale
{
    position: relative;
}
.app-types-section {
    padding-top: 90px;
    position: relative;
    text-align: center;
}
.app-types-section h2 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative;
}
.app-types-section h2:after
{
    left:0;
    right:0;
    margin:auto;
    background:#fff;
}

.app-types-content p {
    color: #fff;
    font-family: "GothamRoundedLight";
    font-size: 15px;
    margin: 0 auto;
    max-width: 750px;
}
.wholesale-benefit
{
    padding:90px 0;
}
.whole-benefit-header {
      text-align: center;
}
.whole-benefit-header h2 {
    float: none !important;
    margin: 0 auto  50px !important;
    max-width: 600px;
    padding: 0 0 20px;
    position: relative;
}
.whole-benefit-header h2::after {
    left: 0;
    margin: auto;
    right: 0;
}

.app-types > span > div {
     background: #fff none repeat scroll 0 0;
    float: left;
    margin-bottom: -1px;
    padding: 50px 20px;
    text-align: left;
    transition: all 1s ease 0s;
    width: 25%;
       position: relative;
}
.app-types .read-more {
    color: #324149;
    font-size: 13px;
    margin-top: 15px;
    text-decoration: underline;
    text-transform: uppercase;
}
.app-types > span > div:hover {
    background: #de7d00;
}
.app-types > span > div:hover  *
{
    color:#fff;
}
.app-types > span > div:hover .key-img.normal-img
{
    display:none;
}
.key-img.hover-img
{
    display:none;
}
.app-types > span > div:hover .key-img.hover-img
{
    display:block;
}

.app-types .key-content > h3::after {
    left: 0;
    margin: auto;
    right: auto;
}
.app-types > span > div:hover .key-content > h3::after 
{
    background:#fff;
}

.app-types .key-txt > p {
    min-height: 110px;
}
.app-types > span > div::after {
    background: #e7e8e9 none repeat scroll 0 0;
    bottom: 0;
    content: " ";
    height: 80%;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
}
.app-types > span > div:first-child:after
{
    display:none;
}
.app-types > span > div:hover:after, .app-types > span > div:hover + div:after
{
    display:none;
}
.benefit-app-sale > span > div {
    float: left;
       margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 20px;
    position: relative;
    width: 33.3333%;
}
.benefit-app-sale .key-txt > p
{
    padding:15px 0;
}
.benefit-app-sale > span > div::after {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    content: " ";
    height: 100%;
    left: 0;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    width: 2px;
}
.benefit-app-sale h3 {
    font-family: "GothamRoundedMedium";
    font-size: 18px;
    min-height: inherit;
    padding-bottom: 0;
}
.benefit-app-sale .main-func {
    position: relative;
}

.great-apps-sec {
    background: #ececec none repeat scroll 0 0;
    padding: 90px 0;
}
.great-app-content {
    text-align: center;
}

.great-apps-sec h2 {
    color: #324149;
    font-size: 35px;
     margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
}
.great-apps-sec h2:after
{
    right:0;
    margin:auto;
}

.great-apps-sec p, .quick-read-content p {
    color: #666666;
    font-family: "GothamRoundedLight";
    font-size: 15px;
    margin: 0 auto;
    max-width: 500px;
}

.app-great-mod > span > div {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-bottom: 20px;
    margin-right: 3%;
    margin-top: 20px;
    width: 31.3333%;
}


.app-header {
    background: #00c1de none repeat scroll 0 0;
    padding: 15px 20px;
    position:relative;
}

.app-header img {
    max-height: 49px;
    width: auto;
}

.app-content {
    padding: 15px;
}
.app-great-mod .app-content > h3 {
    color: #324149;
    font-family: "GothamRoundedMedium";
    font-size: 22px;
    position: relative;
}
.app-great-mod p
{
    font-size:13px;
}

.great-apps-sec .app-content > ul {
    list-style: outside none none;
    padding: 0;
}
.great-apps-sec .app-content ul li {
    font-family: "GothamRoundedMedium";
    font-size: 14px;
    list-style: outside none none;
    padding: 0 0 0 10px;
    position: relative;
}
.great-apps-sec .app-content ul li::after {
    content: "-";
    left: 0;
    position: absolute;
}
.app-content span {
    color: #00c1de;
    font-family: "GothamRoundedMedium";
    font-weight: normal;
}
.great-apps-sec .hs-cta-wrapper {
    border-top: 1px solid #ededed;
    display: block;
    padding-top: 20px;
    width: 100%;
}
.great-apps-sec .cta_button {
    background: #00c1de none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff !important;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
}
.app-great-mod > span > div:nth-child(even) .app-header, .app-great-mod > span > div:nth-child(even) .cta_button
{
 background:#de7d00 !important;   
}
.app-great-mod h3 + p
{
    min-height:145px;
}
.benefit-app-sale h3 {
    min-height: inherit;
}
.benefit-app-sale h3:after {
   margin:0;
   right:auto;
}
.load-more-btn {
    text-align: center;
}
.load-more-btn a 
{
     background: transparent none repeat scroll 0 0;
    border: 1px solid #de7d00;
    color: #de7d00 !important;
    transition:all ease 1s;
    border-radius: 3px;
    color: #fff !important;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
    font-size:14px;
    color:#de7d00 !important;
}
.load-more-btn a:hover
{
    background:#de7d00;
    color:#fff !important;
}
.services-section {
    padding: 90px 0;
    position: relative;
}
.services-header h2 {
    color: #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 0;
    position: relative;
    text-align: center;
    margin-bottom:50px;
}
.services-header h2:after
{
    right:0;
    margin:auto;
}
.our-services > span > div {
    float: left;
    margin-left: 2.5%;
    width: 23%;
}
.our-services > span > div:first-child {
    margin-left: 0;
}
.our-services h3 {
     color: #fff;
    font-family: "GothamRoundedMedium";
    font-size: 18px;
    line-height: 24px;
    padding: 0;
}
.our-services h3:after
{
    margin:0;
    right:auto;
}
.our-services .key-txt > p , .our-services .key-txt > p  a{
    color: #fff;
}
.services-contact {
    margin-top: 50px;
    text-align: center;
}
.services-contact .cta_button
{
     background: #de7d00 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff !important;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
      font-family: "GothamRoundedMedium";
      font-size:14px;
    width: 160px;
}
.quiick-reads-sec {
    padding: 90px 0;
    text-align: center;
}
.quick-read-content h2
{
     font-size: 35px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
}
.quick-read-content .post-title a
{
    font-family: "GothamRoundedMedium";
}
.freq-back-section
{
    background-size:cover !important
}
.recommend-app .app-content {
    padding: 0;
}
.rate-table-mob {
    background: #fff none repeat scroll 0 0;
    border: 10px solid #fff;
    display: block;
    margin: 15px auto;
    max-width: 450px;
    padding-bottom: 15px;
}
.rate-table-mob  .table-data {
    border-top: 1px solid #ededed;
    padding: 15px;
}
.rate-table-mob .table-cols > p {
    padding: 0;
}
.rate-table-mob .table-data {
    border-top: 1px solid #ededed;
    float: left;
    padding: 15px;
    width: 100%;
}

.why-work-sec h4 {
    margin: 0;
    min-height: inherit;
    padding: 0;
}
.rate-table-mob .table-title {
    float: left;
}
.rate-table-mob .table-cols {
    float: right;
}
.rate-table-mob .table-heading > p {
    color: #838383;
    text-align: center;
}
.rate-table-mob .price-div {
    height: inherit;
    margin: 0;
    padding: 25px 0;
    text-align: center;
    width: auto;
}

.rate-table-mob .cta_button
{
background: #08b4ce none repeat scroll 0 0;
    border-radius: 2px;
    clear: both;
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 0 10px;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    transition:all ease 1s;
}
.rate-table-mob .cta_button:hover
{
    background:#de7d00  !important;
}
.advisor .row-fluid .o-filled:hover, .industry-page .row-fluid .o-filled:hover, .get-the-training-section a.cta_button:hover, .cta_button.recomnd-btn:hover
{
    background: #08b4ce none repeat scroll 0 0;
    border-color:#08b4ce;
}
.app-logo-services span > div {
    border: 1px solid #ededed;
    margin-bottom: 15px;
    padding: 15px;
    vertical-align: middle;
    float: left;
    margin-right: 1.25%;
    vertical-align: middle;
    width: 24%;
}

.app-logo-services span > div img {
    max-height: 52px;
    max-width: inherit !important;
    width: auto !important;
}

.key-func-module .key-img {
    background: #22c9e2 ;
    border-radius: 50%;
    display: inline-block;
    max-height: 78px;
    max-width: 78px;
    padding: 10px;
}
.our-services .service-txt p {
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 20px;
}
.our-services .service-txt p a {
    color: #fff;
}
.recommend-content
{
    float:right !important;
}
.recommend-image {
    bottom: 0;
    left: 0;
    max-width: 760px;
    min-height: 597px !important;
    position: absolute;
    top: auto;
}
.recommend-hand-second {
    position: absolute;
    top: 0;
}
.recommend-right-hand {
    max-width: 463px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 10px;
}

.recommend-hand-second {
    max-width: 429px;
    position: absolute;
    right: -47px;
    text-align: right;
    top: -18px;
}
.point-hand-img {
    left: auto;
    position: relative;
    right: 90px;
    top: 140px;
    z-index: 1;
}
.inner-screen-img {
    margin-bottom: 0;
    max-width: 473px;
    position: absolute;
    right: -12px;
    text-align: right;
    top: -7px;
}
.inner-screen-img img {
    margin-right: -2px;
    margin-top: 11px;
    max-width: 368px;
}

.latest-news-sec > div > .row-fluid > div > div {
    display: inline-block;
    width: 31.3333%;
    vertical-align:top;
    margin-right:2.3333333%;
}
.latest-news-sec > div > .row-fluid > div > div:last-child, .latest-news-sec > div > .row-fluid > div > div:first-child
{
    margin-right:0 !important;
}
.latest-news-sec .recent-posts {
    width: 100%;
}
.latest-news-sec > div > .row-fluid > div > div:first-child {
    display: block;
    width: 100%;
}
.latest-news-sec .post-image > img {
    height: auto;
    width:100%;
}
.post-image {
    max-height: 200px;
    overflow: hidden;
}

/***27 july, 2017 end****/

/***11 august, 2017****/
.arrow-right img {
  display: none;
}
.arrow-right {
   
}
.app-header .arrow-right {
    background: rgba(0, 0, 0, 0) url("https://cdn2.hubspot.net/hubfs/1763546/2016_Zrilo_-_Home/Images/sprites-imge.png?t=1522017377960");
    background-repeat:no-repeat;
	background-position: 100px 10px;
    bottom: 10px;
    height: 78px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: auto;
    width: 154px;
}
.recent-posts .post-content img {
  display: none;
}
.recent-posts .post-news {
   background: rgba(0, 0, 0, 0) url("https://cdn2.hubspot.net/hubfs/1763546/2016_Zrilo_-_Home/Images/blue-img.png?t=1522017377960");
    background-repeat:no-repeat;
	background-position:0 0;
    bottom: 40px;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}

.recent-posts {
  position: relative;
}

/********24-08-2017 code start*********/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {padding: 10px 17px;}
.home-banner-img{padding:184px 0;position:relative;background-position:center top;background-size: cover;}
.home-banner-img::before {position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.home-banner-txt {position: relative;padding:0 15px;}
.home-banner-txt p{font-size: 1.6em;line-height: 1.4;font-family: 'GothamRoundedLight';color: #FFF;padding:15px 0;max-width:845px;}
.home-banner-txt a {font-family: 'GothamRoundedMedium';color: #FFF;padding: 15px 15px;border-radius: 5px;font-size: 16px;line-height: 18px;background: transparent;	border: #FFF solid 2px;	margin-top: 20px;text-align:center;min-width: 191px;margin-right: 5px;}
.home-banner-txt a:hover {background: #FFF;color: #324149;}
.home-banner-txt h1{ color: #fff;font-weight: 300;font-size: 2.25em;line-height: 1.2;margin: 0;padding: 10px 0 10px;clear: both;font-family: 'GothamRoundedLight';}
/*.footer-social2 {border-top: rgba(255,255,255,0.2) solid 1px;padding-top: 15px;margin-top: 35px;text-align:center;}*/
.footer-social2 ul li { float: none;display: inline-block;margin: 0 7px 5px;}
.footer-section .copyright-text p{padding: 0;margin: 0 auto;text-align: center;}


/********24-08-2017 code close*********/

/***11 august, 2017 end****/
/***28 august, 2017 start***/
.banner-with-content.class-right
{
   padding: 0;
float: right;
}
.banner-with-content.class-left {
	padding: 0;
	float: left;
}
.banner-with-content.class-center
{
    float:none;
    margin:0 auto;
    text-align: center;
}

/*****Xero Landing Page code start*******/
body .body-container-wrapper .app-partners-section {background-color: #e5e5e5;padding: 41px 0 44px;text-align:center; }
.body-container-wrapper .app-partners-section.services-app-partners-section h3{ font-size:22px; line-height:26px; color:#324149;font-family:'GothamRoundedBook'; margin:0 auto 45px;}
.app-logos-section.app-partners .slick-slider button.slick-prev {left: -55px;background: url(https://cdn2.hubspot.net/hubfs/1763546/Xero%20Landing%20Page/app-partner-arrow-left.png?t=1522017377960) center center no-repeat;}
.app-logos-section.app-partners .slick-slider button.slick-next {right: -55px;background: url(https://cdn2.hubspot.net/hubfs/1763546/Xero%20Landing%20Page/app-partner-arrow-right.png?t=1522017377960) center center no-repeat;}

.right-apps-section {background-color: #ecedec; padding:67px 0; }
.right-apps-section h4{ font-size:35px; line-height:normal; color:#324149; text-transform:capitalize; position:relative; padding-bottom:14px; margin-bottom:41px;font-family:'GothamRoundedBook';text-align:center;}
.right-apps-section h4::after {content: "";position: absolute;width: 53px;height: 3px;background-color: #324149;bottom: 0;left: 0;right: 0;	margin: auto;}
.right-apps-section ul{ margin:0; padding:0;}
.right-apps-section li{ font-size:15px; line-height:26px; color:#324149;  position:relative;  margin-bottom:16px;font-family:'GothamRoundedBook'; display:block; padding-left:54px;}
.right-apps-section li::after {content: "";position: absolute;width: 9px;height: 9px;background-color: #324149;left:0; top:9px; border-radius:100%;}

.right-apps-section .app-right-col {width: 61%;}
.right-apps-section .left-app-img {width: 38%;text-align: center;/*background-color: #fff;*/padding: 102px 0;margin-left: 1%;}
.right-apps-section a {	min-width: 226px;display: inline-block;color: #324149;border: 2px solid #324149;padding: 17px 31px;line-height: normal;	border-radius: 4px;	font-size: 16px;font-family: 'GothamRoundedMedium';
	text-align: center; margin-left:54px; margin-top:33px;}
.right-apps-section a:hover{background-color:#324149; color:#fff;}

.connect-xero {padding: 68px 0 74px;}
.connect-xero .xero-app-col, .connect-xero .xero-cta {float: none;display: inline-block;vertical-align: middle;}
.connect-xero .xero-cta {width: 48%;text-align: right;}
.connect-xero h4{ font-size:22px; line-height:26px; color:#13b5ea;font-family: 'GothamRoundedMedium'; padding:0;margin: 0 auto 22px;}
.connect-xero p, .connect-xero p a { font-size:15px; line-height:26px; color:#324149;font-family: 'GothamRoundedMedium'; padding:0;}
.connect-xero p a{ color:#13b5ea;}
.xero-cta a{display: inline-block;color: #fff;border: 2px solid #13b5ea; background-color:#13b5ea;padding: 15px 35px 14px 34px;line-height: normal;	border-radius: 4px;	font-size: 14px;font-family: 'GothamRoundedMedium';
	text-align: center;}
.xero-cta a:hover{color:#13b5ea; background-color:transparent;}


.video-page .ban-with-img  .banner-with-background {padding: 95px 0;}
.hs-content-id-5412560049 .cashflow-img{ margin:30px auto 50px;padding:0;}
.cashflow-img img {max-width: 100%;}
.banner-left-image {display: inline-block;float: none;width: 48%;vertical-align: middle;}
.ban-with-img .banner-left-image img {width: auto !important;height: auto;max-width: 100% !important;}
.ban-with-img .banner-with-content.class-right {float: none;display: inline-block;vertical-align: middle;}

/*****Xero Landing Page code close*******/


/* Home page new section css */ 

.paperless-section{ padding:120px 0px 120px; }
.paperless-section h1{ font-family: 'GothamRoundedBold'; font-size: 2em; padding-bottom: 15px; padding-top:0px; margin-top:0px; }
.paperless-section p{ padding-top:0px; }
.paperless-section a.cta_button{ background: #00c1de none repeat scroll 0 0; border: 2px solid #00c1de; border-radius: 4px; color: #fff; display: inline-block; font-size: 16px; line-height: 20px; min-width: 220px; padding: 10px 25px; text-align: center;
margin-top:0px;  }
.paperless-section a.cta_button:hover{ border: 2px solid #de7d00;  background:#de7d00;  }

.home-set-up{ padding:70px 0px; background:#f6f6f6; }
.home-set-up h2{ /*color:#fff;*/ margin-top:0px; }
.home-set-up p{ /*color:#fff;*/ }
.home-set-up .setup-content{ margin-top:0px; }

.body-container-wrapper .get-the-training-section.wholesale.story-section .get-the-training-content ul{ padding-left:0px; }
.body-container-wrapper .get-the-training-section.wholesale.story-section .get-the-training-content ul li{ padding-left:20px; position:relative; list-style:none; margin-bottom:10px; }
.body-container-wrapper .get-the-training-section.wholesale.story-section .get-the-training-content ul li:before{ content: "\f105"; margin-right:7px; position:absolute; left:0; font-family: "FontAwesome"; }

.recommnd-wholesale.home-recommend{ padding:120px 0px; overflow:hidden; }
.recommnd-wholesale.home-recommend ul{ padding-left:0px; }
.recommnd-wholesale.home-recommend ul li{ padding-left:20px; position:relative; list-style:none; margin-bottom:10px; }
.recommnd-wholesale.home-recommend ul li:before{ content: "\f105"; margin-right:7px; position:absolute; left:0; font-family: "FontAwesome"; }
.recommnd-wholesale.home-recommend .recommend-content h2{ padding-bottom: 20px; }
.recommnd-wholesale.home-recommend .recommend-content p a.cta_button{ background: #de7d00 none repeat scroll 0 0;
    border: 2px solid #de7d00; border-radius: 4px; color: #fff; display: inline-block; font-size: 16px; line-height: 24px; min-width: 220px; padding: 12px 25px; text-align: center; margin-top: 10px; }
.recommnd-wholesale.home-recommend .recommend-content p a.cta_button:hover{ background: #08b4ce none repeat scroll 0 0; border-color: #08b4ce; }

.recommnd-wholesale.home-recommend .recommend-image{ left:inherit; left:5%; text-align:center; }
.recommnd-wholesale.home-recommend .recommend-content { float: right !important; }
.recommnd-wholesale.home-recommend .wrapper{ padding:0 15px; }
.recommnd-wholesale.home-recommend .point-hand-img{ top:215px; transform:rotate(-33deg); -ms-transform: rotate(-33deg); /* IE 9 */ -webkit-transform: rotate(-33deg); /* Safari */ }

.recommnd-wholesale.home-recommend .recommend-image{ min-height: 537px!important; }

.top-logo{ padding-top:7px; }
.cashflow-section.business-page .cashflow-bicon img{ border-radius:50%; top: 18px !important; }

.wholesale.story-section.get-the-training-section{ background:#f6f6f6; }
.paperless-content{}
.paperless-content h2{  }
.paperless-section h2{ font-weight: 300; font-size: 2.25em; line-height: 1.2; margin: 0; padding:0px 0 10px; clear: both; font-family: "GothamRoundedBook", Arial, Helvetica, sans-serif; }


.paperless-content ul li{ font-family: "GothamRoundedBook", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 26px; }

.paperless-content ul{ padding:0px; margin: 15px 0 35px 0; }
.paperless-content ul li{ padding-left:30px; position:relative; list-style:none; margin:7px 0 15px; font-family: "GothamRoundedBook", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 26px; }


.paperless-content ul li:before{ content: "\f105"; margin-right:7px; position:absolute; left:0; font-family: "FontAwesome"; }
.paperless-content .cell-wrapper{ padding-left:0px; }

.body-container-wrapper .wholesale.story-section.get-the-training-section{ padding: 6em 0; }

.home-set-up.new-set-sec{ padding: 120px 0px; }
.home-set-up.new-set-sec .setup-content{ padding-top:50px; }
.randbg .get-recommend-sec .app-logos-section{ padding: 120px 0px; }
.body-container-wrapper .wholesale.story-section.get-the-training-section .get-the-training-img{ padding-top:30px; }
.paperless-section .paperless-img{ padding:25px 0 0 0px; }


/***28 august, 2017 end***/
@media (max-width:1800px){
/*.myob-image img {margin-left: 0;position: relative;display: block;max-width: 100%;width: 100%;height: auto;}
.myob-essebtials .myob-image { width: 50%;}
.myob-essebtials .myob-content { padding-left: 0; padding-top: 0; width: 47%;}  */
}
@media (max-width:1700px){
.faq-left img {	max-width: 800px;}
.faq-right {padding: 30px 0 40px;}
}
@media (max-width:1600px){
#banner-background-image { padding:118px 0;}
.price-section .price-section-img { margin-left: 0 !important; width:56.5%;}
.banner-image{padding:118px 0;}
.point-hand-img {
    right: 210px;
    top: 120px;
}
}
@media (max-width:1440px){
.faq-section h2 {margin-bottom: 35px; }
.faq-left img {	max-width: 720px;}
.faq-right {padding: 20px 0 30px;}
/*.service-page-apps-section .wrapper {width: 1170px;}*/
.service-page-apps-section .one-on-one-text { width: 47%;}
.service-page-apps-section .one-on-one-image { width: 50%;}
.recommnd-wholesale.home-recommend .recommend-image{ bottom: -10px; }
.recommnd-wholesale.home-recommend .recommend-image{ left:0; }


}
@media (max-width:1366px){
.faq-left img {max-width: 630px;}
.faq-right {padding: 20px 0;}
.recommend-image{  max-width:490px;}
.recommnd-wholesale.home-recommend .recommend-image { min-height: inherit !important;  bottom: 0 !important;}

}
@media (max-width:1359px)
{
    .recommend-image
    {
        left:-70px;
    }
}
@media (max-width:1200px){
#banner-background-image { background-position: right center; }
.owl-prev { left: -14px;}
.owl-next { right: -14px;}
.call-section h2, .call-section p { max-width: 100%;}
.banner-image{background-position: right center; }
.image-left {width: 39%;margin-left: 0;}
.image-left.image-right{margin-right:0;}
.image-left::before, .image-left.image-right::before{width:91%;height: 96%;top: 19px;}
.get-the-training-img img {position: relative;}
.app-content p {
    color: #333333;
    font-size: 12px;
    line-height: 21px;
}
.bring-it-section {
    padding: 90px 0 0;
}
.work-benefits h4 {
    color: #333333;
    font-family: "GothamRoundedMedium";
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    min-height: inherit;
    padding-bottom: 0;
    position: relative;
}
.main-table .table-col {
    width: 137px;
}
.main-table .table-col:first-child {
    text-indent: 10px;
    width: 320px;
}
.faq-section h2
{
    font-size:28px;
}
.recommend-content {
    float: none !important;
}
.recommnd-wholesale .wrapper {
    padding: 90px 0 0;
}
.recommend-content {
    float: none !important;
    width: 100% !important;
}
.recommend-image {
    left: 0;
    max-width: 680px;
    min-height: 597px !important;
    position: relative;
    width: 100% !important;
}
.right-apps-section li {padding-left: 34px;}
.right-apps-section a {	margin-left: 34px;}
.connect-xero .xero-app-col {width: 62%;}
.connect-xero .xero-cta {width: 34%;}
.video-page .ban-with-img  .banner-with-background {padding: 35px 0;}
.recommnd-wholesale.home-recommend{ padding-bottom:0px; }
.recommnd-wholesale.home-recommend .recommend-image{ position:static; margin-left:0px; float:none; text-align:center; }
.cashflow-section.business-page .cashflow-bicon img { border-radius: 50%; top: 17% !important; max-width: 100%; }

.recommnd-wholesale.home-recommend .recommend-image.left-img-app{ width: 48.93617020799999% !important;  display: block;
float: left !important; max-width: inherit !important; position: relative !important;  }
.recommnd-wholesale.home-recommend .recommend-content{ width: 48.93617020799999% !important; float: right !important; }

}


@media (min-width:992px) and (max-width:1200px){
    .row-fluid .wrapper { width:900px; }
    .home-banner-txt{max-width:900px;margin:0 auto;}
    .container { max-width: 960px;}
    .row-fluid .wrapper2 { width:940px !important; } 
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:after { right:0 !important; font-size:12px; right:0; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { left:auto !important; right:0; }
    .row-fluid .hero-section .wrapper, .row-fluid .app-setup .wrapper { padding-right:50px; }
    .row-fluid .freedemo-btn { padding-left:8px; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { padding:10px 5px; letter-spacing:0; }    
    .row-fluid .platform-box { padding:0 20px; }
    .row-fluid .platform-image { left:20px; }    
    .row-fluid .green-button a { padding:15px 10px; font-size:14px; }    
    .row-fluid .ecommerce-platform .wrapper, .row-fluid .brand-section .wrapper { padding: 0 165px; }
    .row-fluid .ecommerce-platform .appblog-subscribe { padding:0 60px; }    
    .row-fluid .career-hero .wrapper { padding-right:500px; }    
    .row-fluid .text-link { padding-top:14px; }
    .row-fluid .text-link ul>li>a:link, .row-fluid .text-link ul>li>a:visited { padding:0 8px; font-size:14px; }    
    .row-fluid .consultation-form .wrapper { padding: 0 250px; }
    .business-benefits-section .job-benefits-main h2 {min-height: 115px;}
    .software-features-main h2 {min-height: 52px;}
    .price-section .price-section-img { margin-bottom: -22px;}
    .owl-top p {min-height: 264px;}
    .business-service-image { min-height: 192px;}
    .business-service-outer {  margin-right: 2.4%;}
    /*.featured-course-section .wrapper, .body-container-wrapper .service-slider .caption.superimpose span, .story-section .wrapper, .service-page-apps-section .wrapper, .service-page-industries-section .wrapper, .courses-section .wrapper
    {width:auto; max-width:970px;padding:0 15px;}*/
    .myob-content h2, .two-content h2, .courses-section h2, .featured-course-section h2, .the-benefits-main h2, .faq-section h2, .testimonial-section h3, .call-section h2, .get-the-training-section h2, .service-page-app-sourcing h2, 
    .get-tailored-section h2, .service-page-apps-section h2, .body-container-wrapper .service-page-industries-section h2, .service-page-testimonial-section h2{ font-size:35px;}
    .courses-section .hs_cos_wrapper_type_custom_widget{width:24%;}
    .featured-course-section h5{min-height: 68px;}
    .faq-left img {max-width: 530px;}
    .accordion_header {	font-size: 18px;line-height: 24px;}
    .accordion_content, .accordion_content p {font-size: 13px;	line-height: 23px;}
    .body-container-wrapper .service-slider .caption.superimpose{height:280px !important;max-width:940px !important;}
    .get-the-training-section .get-the-training-content, .get-the-training-section .get-the-training-img {width: 48%;}
    .body-container-wrapper .service-slider.banner-slider .hs_cos_gallery_main .caption.superimpose { }
.accordion_header {
    font-size: 16px;
    line-height: 24px;
}
.recent-posts
{
    margin-right:21px;
}
.app-logo-services span > div img {
    max-height: 38px;
    width: auto !important;
}
.app-types .key-content > h3
{
    font-size:15px;
}
.app-types .key-txt > p {
    font-size: 12px;
    line-height: 22px;
    min-height: 124px !important;
    padding-bottom: 0;
}
.benefit-app-sale .key-txt > p
{
     font-size: 11px;
    line-height: 20px;
}
.paperless-section .paperless-img{ padding:125px 0 0 0px; }

} 

@media (min-width:768px) and (max-width:991px){
    
    h1 { font-size:2.5em; }
    h2 { font-size:1.8em; }
    h3 { font-size:1.5em; }
    h4 { font-size:1.2; }   
    .container {max-width: 740px;}
    .row-fluid .wrapper, .row-fluid .wrapper2 { width:730px !important; }
    .row-fluid .zrilo-partner .side-menu { width:160px; }
    .row-fluid .zrilo-partner .side-menu ul li a { padding:10px 0; font-size:14px; }
    
    .row-fluid .freedemo-btn { padding-left:10px; }
    .row-fluid .freedemo-btn a { font-size:10px; min-width:80px; }
    .row-fluid .changable-words { font-size:2.5em; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { padding:10px 2px; letter-spacing:0; font-size:10px; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { padding-right:9px; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:after { font-size:11px !important; top:23px !important; right:0 !important; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li a { font-size:10px; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { left:auto !important; right:0; }
    .row-fluid .sticky-menu ul li { padding:0 8px; }
    .row-fluid .sticky-menu ul li a { font-size:13px; }
    .row-fluid .green-button a { font-size:13px; padding:10px; min-width:190px; }
    .row-fluid .hero-text { font-size:1.4em; } 
    .row-fluid .ecommerce-platform .wrapper { padding:0 80px; }
    .row-fluid .ecommerce-platform .appblog-subscribe { padding:0 30px; }
    .row-fluid .integrate-business .changable-words2 h3 + span { font-size:1.5em; }
    
    .row-fluid .topimage { height:385px; }
    .row-fluid .reading-subscribe { padding:0 30px; }
    .row-fluid .book-hero h2 { font-size:40px; }
    
    .row-fluid .training-support .ts-content ul { list-style: none; font-size: 15px; line-height: 26px; padding-left: 0; }
    .row-fluid .mission-left { padding:40px; }
    .row-fluid .support-box { width:49%; float:left; margin:20px 2% 0 0; }
    .row-fluid .support-box:nth-child(2n) { margin-right:0; }
    
    .row-fluid .text-link { padding:13px 0 0; width:auto; }
    .row-fluid .text-link ul > li > a:link, .row-fluid .text-link ul > li > a:visited { font-size: 12px; padding: 0 5px; line-height: 13px; }
    .row-fluid .startyourjourney-link { width:auto; float:right; }
    .row-fluid .startyourjourney-link a { padding:12px; font-size:13px; min-width:160px; }    
    .row-fluid .consultation-form .wrapper { padding:0 150px; }
    .business-right-text h2, .price-section-text h2, .service-section h2, .software-features h2, .carousel-heading h2, .call-section h2, .app-section h2, .business-benefits-section h2{ font-size: 30px;}
    
    
    .business-benefits-section .job-benefits-outer { width: 49.5%;}
    .job-benefits-main{min-height:inherit;}
    .price-section .price-section-img { margin-left: 0 !important; width: 46.5%;}
    .price-section .price-section-text { padding: 15px 0 30px;  width: 50%;}
    .price-section .price-section-img { margin-bottom: 0; width: 46.5%;}
    .banner-text a, .price-section-text a{padding:9px 24px;}
    .software-features-outer {   width: 49.5%;}
    .business-service-outer { margin-right: 2.2%;}
    .software-features-main {  padding: 33px 15px 29px;}
    .business-goals-main h1, .business-goals-main h2{font-size:45px;}
    .owl-top p{min-height:265px;}
    .software-features-main{min-height:400px;}
    .business-service-image { min-height: 148px;}
    /*.featured-course-section .wrapper, .myob_benefits .container, 
    .body-container-wrapper .service-slider .caption.superimpose span, 
    .story-section .wrapper, .service-page-apps-section .wrapper, 
    .service-page-industries-section .wrapper, .courses-section .wrapper{width:auto; max-width:750px; padding:0 15px;}*/
     /*.featured-course-section .wrapper, .body-container-wrapper .service-slider .caption.superimpose span, .story-section .wrapper, .service-page-apps-section .wrapper, .service-page-industries-section .wrapper, .courses-section .wrapper{width:auto !important; max-width:750px;padding:0 10px;}
     .story-section .wrapper{width:auto !important;}*/
    .myob-content h2, .two-content h2, .courses-section h2, .featured-course-section h2, .the-benefits-main h2, .faq-section h2, .testimonial-section h3, .call-section h2, .get-the-training-section h2, .service-page-app-sourcing h2, 
    .get-tailored-section h2, .service-page-apps-section h2, .body-container-wrapper .service-page-industries-section h2, .service-page-testimonial-section h2{ font-size:30px;}
    .banner-image {background-position: 79% center;}
    .two-content p {margin-bottom: 10px;}
    .courses-section .hs_cos_wrapper_type_custom_widget {width: 49.5%;}
    .featured-course-section .hs_cos_wrapper_type_custom_widget{width:32.2%;}
    .featured-course-section h5{min-height:68px;}
    .featured-course-section .featured-course-content p {min-height: 167px;}
    
    .image-left::before, .image-left.image-right::before {height: 95%;}
    .body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose h2 {font-size: 35px;}
    .body-container-wrapper .service-slider .caption.superimpose{height:260px !important;max-width:750px !important;}
    .service-page-industries-section .content h4 {font-size: 14px;line-height: 20px;margin: 0 auto 15px;}
    .app-partners-section .slick-slider button.slick-prev, .app-logos-section.app-partners .slick-slider button.slick-prev {	left: -25px !important;}
    .app-partners-section .slick-slider button.slick-next, .app-logos-section.app-partners .slick-slider button.slick-next {	right: -25px !important;}
    #sticky-wrapper .service-sub-menu ul li a {font-size: 14px;	padding: 12px 9px;}
    .body-container-wrapper .new-service-subscribe-section .field.hs-form-field { width: 75%;}
    .banner-with-content h1{font-size:32px;}
    .home-banner-txt a {padding: 15px 16px;font-size: 13px;}
    .right-apps-section h4 {	font-size: 30px;}
    
    .recommnd-wholesale.home-recommend .recommend-image.left-img-app{ position: absolute !important; }
    .paperless-section .paperless-img{ padding:150px 0 0 0px; }
}

@media (min-width:991px){
    .rates-for-mob
    {
    display:none !important;
}
.app-logo-services span > div:nth-child(4n+4) {
    margin-right: 0;
}
.app-great-mod > span > div:nth-child(3n+3)
{
    margin-right: 0;
}

}

@media (max-width:991px){
    body .sumome-share-client-wrapper { display:none; }
    
    .row-fluid .hero-section .wrapper, .row-fluid .app-setup .wrapper, .row-fluid .training-support .wrapper, .row-fluid .dynamic-top, .row-fluid .pricing-section .wrapper { padding:0 20px; }
    .row-fluid .section-toptext { padding:0; }
    .row-fluid .platform-box { padding:0 10px; font-size:15px; line-height:24px; }
    .row-fluid .platform-image { width:50px; height:50px; left:10px; }
    .row-fluid .platform-title { padding-left:60px; }
    .row-fluid .platform-box h4 { font-size:19px; margin-top:0; }
    
    .row-fluid .brand-section .wrapper, .row-fluid .brand-section .wrapper { padding:0 20px; }
    .row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget { width:49%; }
    .row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget:nth-child(2n) { margin-right:0; }
    .row-fluid .book-hero .wrapper { padding-right:20px; }
    
    .row-fluid .support-box { text-align:center; }
    .row-fluid .support-box h4 { font-size:20px; line-height:26px; }
    
    .row-fluid .one-training .training-box2 { padding:15px; }
    
    .row-fluid .career-hero .wrapper { padding:0 20px; } 
    .row-fluid .career-contact form { padding:20px 0 0; }
    
    .row-fluid .cashflow-section .wrapper.small { padding:0 20px; }
    .business-second-section { padding: 50px 0 35px;}
    .carousel-section, .call-section { padding: 50px 0;}
    .business-benefits-section { padding: 50px 0 20px;}
    .service-section {padding: 50px 0 40px;}
    .software-features{padding:50px 0 40px;}
    
    #open-video iframe { width:580px !important; height:320px !important; }
    .faq-left img{position:relative;max-width:98%;}
    .myob-essebtials {padding: 40px 0 30px;}
    .two-third-image-left {padding: 40px 0;}
    .courses-section {padding: 30px 0 0;}
    .featured-course-section {padding: 30px 0 40px;} 
    .the-benefits-main {padding-top: 30px;}
    .the-benefits-main img {margin-bottom: -186px;}
    .myob_benefits {padding: 200px 0 40px;}
    .the-benifits {background-position: 15px 11px;padding: 68px 15px 0;}
    .myob_benefits .hs_cos_wrapper_type_custom_widget {min-height: 175px;}
    .faq-section .faq-left, .faq-section .faq-right {width: 100%;max-width:100%;}
     .faq-section .faq-right{padding:20px 15px;}
    .faq-section {padding: 40px 0 20px;}
    .body-container-wrapper .testimonial-section {padding: 30px 0 0px;}
    .testimonial-section h3{margin:0 auto 10px;}
    .call-section {padding: 30px 0 40px;}
    .get-the-training-section .get-the-training-content, .get-the-training-section .get-the-training-img {width: 100%;}
    .get-the-training-section h2 {margin-top: 0;}
    .body-container-wrapper .get-the-training-section {padding: 30px 0 30px;}
    .body-container-wrapper .service-page-app-sourcing {padding: 40px 0 0;}
    .body-container-wrapper .get-tailored-section {padding-top: 50px;padding-bottom: 0px;}
    .row-fluid .o-transparent{min-width:inherit;}
    .narrow-cta-section p {padding: 0;}
   .service-page-apps-section .one-on-one-text, .service-page-apps-section .one-on-one-image {width: 100%;	margin: 0 auto;}
    .body-container-wrapper .service-page-apps-section {padding: 40px 0 30px;}
    .body-container-wrapper .services-app-partners-section {padding: 10px 0 0;}
    .body-container-wrapper .service-page-industries-section {	padding: 40px 0 30px;}
    .body-container-wrapper .new-service-subscribe-section {padding: 25px 0 40px;}
    .get-tailored-section h2 {margin: 0 auto 20px;}
    
.work-benefits span > div {
    float: left;
    padding: 35px 35px 0;
    width: 50%;
}
   .why-work-sec h4 {
    min-height:44px !important;
} 
.rates-for-desk
{
    display:none !important;
}
.toggle-switch > div {
    float: none !important;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}
.cal-us-content {
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
}
.recent-posts {
    border: 1px solid #e0e0e0;
    float: left;
    margin-right: 17px;
    padding: 20px;
    width: 31.65%;
}
.content-sol p
{
    font-size:13px;
}
.app-logo-services span > div {
    width: 32.333%;
}
.app-logo-services span > div:nth-child(3n+3) {
    margin-right: 0;
}
.app-logo-services span > div img {
    max-height: 38px;
    width: auto !important;
}
.key-func-module > span > div
{
    width:48%;
}
.app-types > span > div {
    margin: 1%;
    width: 47.5%;
}
.app-types-section {
    padding-bottom: 90px;
}
.app-types > span > div::after
{
    content:none !important;
}
.benefit-app-sale > span > div

{
     width: 50%;
}
.app-great-mod > span > div
{
    width:48.5%;
}
.app-great-mod > span > div:nth-child(2n+2) {
    margin-right: 0;
}
.latest-news-sec > div > .row-fluid > div > div
{
    margin-right:2.11111;
}
.faq-tab-shows .accordion_content {
    padding: 0 15px;
}
.rate-table-mob .table-data:nth-child(6), .rate-table-mob .table-data:nth-child(7), .rate-table-mob .table-data:nth-child(8), .rate-table-mob .table-data:nth-child(9) {
	display: none;
}
.app-partners-section .slick-slider button.slick-prev, .app-logos-section.app-partners .slick-slider button.slick-prev {left: -27px !important;}
.app-partners-section .slick-slider button.slick-next, .app-logos-section.app-partners .slick-slider button.slick-next {right:-27px !important;}
.recommnd-wholesale.home-recommend{ padding: 60px 0px; }

}
@media (max-width:767px){
    
    .recommnd-wholesale.home-recommend .recommend-right-hand{ top:inherit; bottom:0px; }
    .recommnd-wholesale.home-recommend .inner-screen-img{ top:inherit; bottom:285px; }
    .recommnd-wholesale.home-recommend .recommend-hand-second{ top:inherit; bottom:253px; }
    .paperless-content{ padding-top:25px; padding-bottom:20px; }
    .body-container-wrapper .get-the-training-section.wholesale.story-section .get-the-training-img{ padding-top:30px;  }
    .recommnd-wholesale.home-recommend{ padding:50px 15px 0px; }
    .paperless-section{ padding:35px 0px 0px; }
    
    .banner-mobile-image > h2    {
        position: relative;
        padding: 0 10px;
        margin-top: 10px;
    }
    .hs-content-id-4224790138 .row-fluid .banner-with-content .o-filled
    {
          text-align:center;
    }
    
   .banner-with-content.class-right, .banner-with-content.class-left, .banner-with-content.class-center
    {
        padding: 0 10px;
        text-align:left !important;
    }
    .recommnd-wholesale .wrapper {
    padding-top: 90px !important;
}
    .banner-with-content p   { color:#fff !important;  }
    .row-fluid .o-filled
    {
        display:block;
        padding-left:10px;
        padding-right:10px;
    }
.mobile-banner-cta-section a {
    background: #fff none repeat scroll 0 0 !important;
    margin-bottom: 20px;
}
    .row-fluid .wrapper, .row-fluid .wrapper2 { width:100%; padding:0 20px; }
    .container { max-width:100%; width:auto; padding:0 20px;}
    h1 { font-size:2.2em; }
    h2 { font-size:1.65em; }
    h3 { font-size:1.35em; }
    h4 { font-size:1.15; }
    
    .row-fluid .section-block { padding:2em 0 2.5em; }
    
    .row-fluid .top-logo img { max-width:90px; }
    
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { float:left; width:100%; padding:0; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li { width:100%; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { line-height:45px; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li:nth-child(2n+1) { border-right:none; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li { float:left !important; width:100%; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li:last-child > ul { width:100%; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul { width: 100%; padding-right: 0; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul > li { position:relative !important; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > ul > li { border-right:none; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { padding-right:0; }
    
    .row-fluid .hero-section h2,.row-fluid .hero-section h1, .home-banner-txt h1 { font-size:28px; line-height:1.2; }
    .row-fluid .hero-text { font-size: 1.2em; }    
    .row-fluid .top-right, .row-fluid .top-right > div { float:left; width:100%; }
    .row-fluid .freedemo-btn { text-align:center; width:100%; padding:0 0 10px; display:none; }
    .row-fluid .freedemo-btn a { float:none; display:inline-block; }
    .row-fluid .hero-section { padding:50px 0; }
    .row-fluid .changable-words { font-size:2.2em; }
    .row-fluid .logo-boxes > span { float:none; display:inline-block; width:auto; }
    .row-fluid .footer-logo { margin-top:20px; text-align:left; }
    .row-fluid .platform-image { top:0; }
    .row-fluid .hero-section .rec-btn a { text-align:center; }
    
    .row-fluid .is-sticky .sticky-menu { display:none; }
    
    .row-fluid .dt-image { display:none; }
    .row-fluid .mb-image { display:block; min-height:440px; }
    
    .row-fluid .mission-left { width:100%; }
    .row-fluid .mission-right { position:static; width:100%; height:300px; float:left; }
    
    .row-fluid .book-hero h2, .service-page .row-fluid .training-support h2, .row-fluid .online-training .ot-inner h2 { font-size:32px; }
    .row-fluid .header-text { font-size:20px; line-height:26px; }
    
    .row-fluid .zrilo-partner h4 span { font-size:26px !important; }
    .row-fluid .integrate-business .changable-words2 { display:none; }
    .row-fluid .training-support .ts-content ul { font-size: 15px; line-height: 26px; padding-left: 0; }
    .row-fluid .pricing-section .tab-content .hs_cos_wrapper_type_custom_widget { width:100%; margin:0; }
    
    .row-fluid .ecommerce-platform .wrapper { padding:0 20px; }
    .row-fluid .ecommerce-platform .hs-button { width:100%; position:static; border-radius:5px; margin-top:15px; }
    .row-fluid .ecommerce-platform .appblog-subscribe { padding:0; }
    .row-fluid .ecommerce-platform .ecommerce-bottom { font-size:12px; line-height:18px; }
    .row-fluid .ecommerce-platform input[type=email] { padding:10px; }
    .row-fluid .brand-section .line-title h2 { padding-top:0; font-size:28px; }
    .row-fluid .mission-control .wrapper { padding:0; }
    .row-fluid .mission-left { padding:30px; text-align:center; }
    .row-fluid .mission-left ul { text-align:left; }
    .row-fluid .mission-left h3 { font-size:28px; }
    .row-fluid .mission-left .line-title:after { right:0; margin:0 auto; }
    .row-fluid .mission-left ul li { font-size:12px; }
    .row-fluid .reading-subscribe { padding:0; }
    .row-fluid .integrate-left { text-align:center; margin-bottom:30px; }
    
    .row-fluid .app-training .training-box { margin:20px 10px 0; }
    
    .row-fluid .one-training .training-box2 { padding:15px 0; } 
    
    .row-fluid .career-hero { padding:50px 0; }
    .row-fluid .career-contact .hs-form fieldset.form-columns-2 .field { width:100%; }
    .row-fluid .career-contact .hs-form fieldset.form-columns-2 .field:first-child { margin:0 0 25px; }
    
    .links-sectionmain { display:none; }
    
    .row-fluid .consultation-form .wrapper { padding:0 20px; }
    
    .row-fluid .footer-section { text-align:center; }
    .row-fluid .footer-section .footer-links { padding-top:30px; }
    
    .row-fluid .cashflow-ctext { margin-top:20px; }
    
    #open-video iframe { width:420px !important; height:240px !important; }
    
/*8 feb */
.banner-video.btn-play.video-play, .banner-with-content {float: none;position: relative;	text-align: center;	width: auto;padding: 0 15px;}
.video-page .banner-with-background {padding: 0;}
.banner-with-content p > span {	display: block;}
.row-fluid .o-transparent {	width: 100% !important;	display: block;}
.banner-mobile-image, .mobile-banner-cta-section {display: block;}
.banner-video, .banner-with-content h1 {display: none;}
.banner-with-background {background: none !important;}
.banner-mobile-image {position: relative;}
/*.row-fluid .hero-section{ background: transparent !important; }*/
.banner-mobile-image h1 {color: #fff !important;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 100%;
    z-index: 9;}
.video-page .hero-section::after {display: none !important;}
.row-fluid .o-transparent, .mobile-banner-cta-section a {border: 1px solid #00c1de;	color: #00c1de;	font-size: 16px;line-height: 24px;padding: 12px 25px;border-radius: 4px;font-family: "GothamRoundedMedium", Arial, Helvetica, sans-serif;}
.mobile-banner-cta-section {margin: 0 15px;	text-align: center;}
.mobile-banner-cta-section a {	display: block;}
.row-fluid .o-transparent:hover, .mobile-banner-cta-section:hover a {background: #00c1de;color: #fff;	border: 1px solid #00c1de;}
#banner-background-image {  padding: 50px 0;}
.banner-with-content p {color: #626262;	font-size: 13px;line-height: 20px;	margin-top: 15px;}
.banner-mobile-image > h2 {	z-index: 99;font-family: "GothamRoundedBook", Arial, Helvetica, sans-serif;}
.banner-text h2, .banner-text h1{font-size: 23px;}
.banner-text p{font-size:14px;}
.business-second-section .job-manage-left-images { float: none;  margin: 0 auto !important;  max-width: 78%;  position: relative;}
.business-benefits-section .job-benefits-outer, .business-service-outer, .business-service-outer:nth-child(3n), .software-features-outer { display: block;  float: none;  width: 100%;}
.business-service-outer, .business-service-outer:nth-child(3n), .software-features-outer {  margin: 0 auto 20px;}
.software-features-outer {padding:0;}
.job-benefits-main { margin: 0 auto;  min-height: inherit; padding: 0;}
.benefits-header-img, .job-benefits-main h2, .software-features-main p, .business-benefits-section .job-benefits-main h2, .service-section p, .software-features-main p {  min-height: inherit;}
.business-right-text h2, .price-section-text h2, .service-section h2, .software-features h2, .carousel-heading h2, .call-section h2, .app-section h2, .business-benefits-section h2{ font-size: 23px;  margin: 0 auto 35px; padding-top:0;}
.price-section {padding:50px 0;}
.price-section .price-section-img { display: block; margin: 0 auto 20px !important; width: auto;}
.service-section p{margin:0 auto 15px;}

.business-right-text h2, .price-section-text h2, .service-section h2, .software-features h2, .carousel-heading h2, .call-section h2, .app-section h2 {  font-size: 23px;  margin: 0 auto 15px; }
.software-features .features-img-text h2{font-size:23px;}
.software-features-main h2::after {  display: none;}
.software-features-main { padding: 33px 15px 29px;}
.business-goals-main h1, .business-goals-main h2{font-size:30px;}
.business-goals-main{padding:145px 0 50px;}
.owl-top p {min-height: 290px;}

.call-section form.hs-form > fieldset.form-columns-2 > div.hs-form-field, .call-section form.hs-form > fieldset.form-columns-2 > div.hs-form-field:first-child { margin: 0 auto;  width: 100%;}
.call-section form.hs-form > fieldset.form-columns-2 > div.hs-form-field:first-child {margin:0 auto 16px;}
.app-section{padding:50px 0;}
.call-section form input, .call-section form textarea, .call-section form.hs-form fieldset textarea.hs-input { width: 100% !important;}
.banner-text a, .price-section-text a, .business-right-text a.cta_button, body.hs-content-id-4885873310 a.cta_button{padding:9px 19px;}
.goal-background-image {  padding-top: 50px;}
 .business-left-back-image {max-width: 92%;}
.business-second-section .job-manage-left-images {  max-width: 449px;}
 .business-left-front-image { max-width:100%;}
 .business-service-image > img { width: auto;}
 .business-service-image { margin: 0 0 27px; max-height: inherit;  min-height: inherit; max-width:300px;}
 .featured-course-section .wrapper, .myob_benefits .container, .body-container-wrapper .service-slider .caption.superimpose span, .story-section .wrapper, .service-page-apps-section .wrapper, 
.service-page-industries-section .wrapper, .courses-section .wrapper{width:auto; max-width:100%;padding:0 15px;}

.myob-essebtials .myob-content, .myob-essebtials .myob-image {width: 100%;}
.myob-content h2, .two-content h2, .courses-section h2, .featured-course-section h2, .the-benefits-main h2, .faq-section h2, .testimonial-section h3, .call-section h2, .get-the-training-section h2, .service-page-app-sourcing h2, 
    .get-tailored-section h2, .service-page-apps-section h2, .body-container-wrapper .service-page-industries-section h2, .service-page-testimonial-section h2{ font-size:26px;}
.two-content, .image-left, .image-left.image-right {width: 100%;margin: 0;float: none;text-align: left;}
.image-left, .image-left.image-right{margin:0 0 20px;}
.two-third-image-left .first-image {margin: 0 auto;}
.image-left::before, .image-left.image-right::before {width: 93%;height: 97%;top: 19px;}
.image-left.image-right::before {left: 22px;right: auto;}
.image-left {max-width: 448px;}
.banner-image {background-position: 82% center;}
.courses-section .hs_cos_wrapper_type_custom_widget {width:49.4%;}
.featured-course-section .hs_cos_wrapper_type_custom_widget, .featured-course-section .hs_cos_wrapper_type_custom_widget:nth-child(3n) {display: block;margin: 0 auto 25px;vertical-align: top;	width: 100%;max-width: 391px;}
.featured-course-section .hs_cos_wrapper_type_custom_widget:last-child{margin:0 auto;}
.the-benefits-main img {margin-bottom: -150px;max-width: 598px;}
.narrow-cta, .narrow-content {text-align: center;}
.narrow-content{margin:0 auto 10px;}
.narrow-cta-section {padding: 15px 0 23px;}
.banner-image {padding: 40px 0;}
.banner-content h1, .banner-left-text h1{font-size:34px;}
.body-container-wrapper .service-slider .caption.superimpose{height:260px !important;max-width:100% !important;width:auto !important;}
.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose h2{font-size:26px;}
.body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose a.find-apps-service {	font-size: 13px;line-height: normal;padding: 5px 16px;min-width: inherit;}
.body-container-wrapper .get-tailored-section h3{margin-top:15px;}
.body-container-wrapper .get-tailored-section h3, .get-tailored-section p {text-align: center;}
.body-container-wrapper .get-tailored-section h3::after, .get-the-training-section h2::after, .service-page-apps-section h2::after {right:0;margin: auto;}
.get-tailored-section p{margin:0 auto 15px;}
.get-the-training-section .get-the-training-content, .get-the-training-section .get-the-training-img{text-align:center;}
.body-container-wrapper .service-page-apps-section{text-align:center;}
.body-container-wrapper .get-tailored-section {padding:50px 15px 30px;}
.body-container-wrapper .get-tailored-section .wrapper{padding:0;}
.service-page-industries-section .span4 {width: 100%;margin: 0 auto 20px !important;max-width: 324px;}
.service-page-testimonial-section h2 + p br {display: none;}
/*.body-container-wrapper .new-service-subscribe-section .field.hs-form-field {width: 62.5%;}*/

.body-container-wrapper .services-app-partners-section h3{font-size:23px;}
.body-container-wrapper .service-slider .caption.superimpose span{padding:0 2px;}
.get-the-training-section a.cta_button{margin-top:0;}
.service-page-app-sourcing .laptop-image-section {margin: 0 auto 65px;max-width: 600px;margin-left: auto;}
.testimonial-section .testimonials .slick-slider button.slick-prev:before, .testimonial-section .testimonials .slick-slider button.slick-next:before{content:"";}
.two-content p, .courses-section p, .featured-course-section p, .featured-course-section p, .call-section p{font-size:14px;}


.platform-services .span6 {
    background: #f1fdff none repeat scroll 0 0;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
}
.recommend-app span > div {
   border: medium none;
    min-height: inherit;
    padding: 15px;
    width: 100%;
}
.recommend-app
{
    margin-top: 0;
}
.bring-it-section .bring-right-content {
    margin: 30px 0;
    text-align: center;
    width: 100%;
}
.Bring-it-image {
    text-align: center;
}
.rate-table-mob .table-heading > p {
    color: #838383;
    font-family: "GothamRoundedMedium";
    font-size: 22px;
    text-align: center;
}
.recent-posts{
    width:100%;
    margin:25px 0;
}
.accordion_header {
    font-size: 16px;
    line-height: 22px;
}
.recommnd-image
{
    display:none !important;
}
.row-fluid .text-style1 {
    padding: 15px 0;
    text-align: center;
}
.integrate-content p {
    font-size: 14px;
    line-height: 22px;
}
.platform-services h2 {
    font-size: 24px;
    padding-bottom: 8px;
}
.faq-tab-shows .accordion_header
{
    font-size:14px;
}
.accordion_content
{
    padding-left:15px;
}
.bring-right-content h3 {
    font-size: 24px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
}
.faq-section .faq-right {
    padding: 0;
}
.faq-tab-shows
{
    margin-top:20px;
}
.app-logo-services span > div img {
    max-height: 42px;
    width: auto !important;
}
.service-column {
    text-align: center;
}

.industry-page .banner-mobile-image {
    max-height: 230px;
    overflow: hidden;
    position: relative;
}

.industry-page .banner-for-mobile .wrapper 
{
     background-color: rgba(0, 193, 222, 1);
}
.banner-for-mobile .banner-with-content h1{
    display: none;
}
.latest-news-sec > div > .row-fluid > div > div {
    display: block;
    width: 100%;
}
.post-image {
    max-height: inherit;
    overflow: hidden;
}
.home-banner-txt{padding:0;}
.home-banner-img {padding: 50px 0;}
.home-banner-txt p {font-size: 1.2em;}
 .mainmenu.js-enabled .hs-menu-wrapper
    {
        top: 44px;
    }
  .mobile-trigger
    {
        top: 7px;
    }
    .row-fluid .cta_button.o-filled {
	display: inline-block;
}
.row-fluid .bookademo-link a:hover, .row-fluid .TryZriloforFree-link a:hover
{
border:2px solid;
}
.right-apps-section {	padding: 50px 0;}
.right-apps-section h4 {font-size: 26px;}
.right-apps-section .app-right-col, .right-apps-section .left-app-img {float: none;display: block;	width: 100%;}
.right-apps-section .left-app-img {padding: 0;margin: 10px auto 0;}
.connect-xero {padding: 50px 0;}
.connect-xero .xero-app-col, .connect-xero .xero-cta {width: 100%;display: block;text-align: left;}
.connect-xero .xero-app-col{ margin:0 auto 20px;}
.right-apps-section a {	margin-top: 0;}
.hs-content-id-5412560049 .cashflow-img {margin: 20px auto 25px;}
.banner-left-image, .ban-with-img .banner-with-content.class-right {display: block;float: none;width: 100%;	padding: 0 10px;}
.get-the-training-section.wholesale.story-section .get-the-training-content{ text-align:left; }
.get-the-training-section.wholesale.story-section .get-the-training-content p{ text-align:center; }
.recommnd-wholesale.home-recommend .wrapper{ padding: 0 15px !important; }
.top-logo { padding-top:0px; text-align: left; } 

.recommnd-wholesale.home-recommend .recommend-content {	width: auto !important; display:block;	float: none !important; }
.recommnd-wholesale.home-recommend .recommend-image.left-img-app{ position: static !important; width: auto !important; display: block; float: none !important; padding-top:35px; }

.body-container-wrapper .wholesale.story-section.get-the-training-section{ padding: 3em 0; }
.recommnd-wholesale.home-recommend{ padding: 30px 15px 0px; }
.home-set-up.new-set-sec{ padding:30px 0px; }
.randbg .get-recommend-sec .app-logos-section{ padding:30px 0px; }
.setup-image{ text-align:center; }

.home-set-up.new-set-sec .setup-content{ padding-top:0px; }
.paperless-img{ text-align:center; }

.body-container-wrapper .get-tailored-section h3::after, .get-the-training-section h2::after, .service-page-apps-section h2::after { right: 0; margin: 0; }
.paperless-section .paperless-img{ padding:0px 0 0 0px; }

}

@media (max-width:639px){
    .owl-top p {min-height: 200px;}
    .the-benefits-main img {margin-bottom: -110px;max-width: 445px;}
    .myob_benefits {padding: 130px 0 40px;}
    .myob_benefits .hs_cos_wrapper_type_custom_widget {min-height: inherit;display: block;width: 100%;border-top: 0;border-left: 0; border-right: 0;border-bottom: 1px solid #40d1e6 !important;padding: 15px 0;position:relative;}
    .myob_benefits .hs_cos_wrapper_type_custom_widget::after {	content: "";left: 0;right: 0;background: #40d1e6;height: 1px;width: 100%;position: absolute;bottom: -3px;}
    .myob_benefits .hs_cos_wrapper_type_custom_widget:last-child{border-bottom:0 !important; padding-bottom:0;}
     .myob_benefits .hs_cos_wrapper_type_custom_widget:last-child:after{display:none;}
    .the-benifits {max-width: 100%;}
    .accordion_header {font-size: 16px;}
    .body-container-wrapper .service-slider .caption.superimpose{height:200px !important;max-width:420px !important;}
    .body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose p {font-size: 13px;padding: 4px 0;}
    .body-container-wrapper .new-service-subscribe-section h3 {font-size: 18px;line-height: 28px;}
    .service-page-app-sourcing .laptop-image-section {margin: 0 auto 56px;max-width: 440px;}
    
    .work-benefits span > div {
    float: left;
    padding: 15px;
    width: 100%;
}
.why-work-sec .content-benefits p
{
    min-height:inherit;
}
.rate-table-mob .table-data {
    padding: 15px 10px;
}
.app-logo-services span > div {
    width: 49%;
}
.app-logo-services span > div {
    margin: 1% !important;
    width: 48%;
}

.key-func-module > span > div {
    min-height: inherit !important;
    width: 100%;
}
.app-great-mod > span > div {
    margin-right: 0 !important;
    width: 100% !important;
}
.benefit-app-sale > span > div {
    width: 100% !important;
}
.app-types > span > div {
    margin: 1% 0;
    width: 100%;
}
.app-types .key-txt > p {
    min-height: inherit;
}
.recommend-image {
    left: 0;
    min-height: 437px !important;
    position: relative;
    top: 40px;
    width: 100% !important;
}
.recommend-hand-second {
    max-width: 399px;
}
.inner-screen-img img {
    max-width: 340px;
}
.industry-page .banner-mobile-image {
    max-height: 190px;
    overflow: hidden;
    position: relative;
}
.great-apps-sec p, .quick-read-content p {
    color: #666666;
    font-family: "GothamRoundedLight";
    font-size: 15px;
    margin: 0 auto;
    max-width: inherit;
    min-height: inherit !important;
}
.key-func-content h2, .recommend-content h2, .app-types-section h2, .quick-read-content h2
{
    font-size:26px;
}
.app-logo-services span > div img {
    max-height: 38px;
    width: auto !important;
}
}

@media (max-width:500px){
    .row-fluid .testimonial-section .hs_cos_wrapper_type_custom_widget { width:100%; margin-right:0 !important; }
    .row-fluid .industry-box { width:100%; }    
    .row-fluid .app-training .training-box { margin:20px 0 0; max-width:100%; }    
    #open-video iframe { width:280px !important; height:160px !important; }
    .body-container-wrapper .new-service-subscribe-section .field.hs-form-field {	width: 100%;}
    .banner-mobile-image h1   { top:25px; font-size:28px; }
    
}
@media (max-width:479px){
 .image-left {max-width: 280px;}   
 .image-left::before, .image-left.image-right::before {width: 88%;height: 94%;top: 19px;}
 .courses-section .hs_cos_wrapper_type_custom_widget {width: 100%;margin: 0 auto 20px;}
 .the-benefits-main img {margin-bottom: -72px;	max-width: 290px;}
 .the-benifits {background-position: center 11px;}
 .accordion_icon {display: block;}
 .accordion_content{padding:0;}
 .courses-section {padding: 30px 0 20px;}
 .body-container-wrapper .service-slider .caption.superimpose{text-align:center !important;}
 .body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose h2 {	font-size: 20px;}
 .body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose a.find-apps-service {font-size: 12px;padding: 2px 13px;}
 .body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose p {line-height: normal;}
 .service-page-app-sourcing .laptop-image-section {	margin: 0 auto 40px;max-width: 280px;}
 .service-page-app-sourcing .image-overlay > img {	top: 0px;width: 72%;}
 .body-container-wrapper .new-service-subscribe-section input[type="submit"], .body-container-wrapper .new-service-subscribe-section input.hs-button.primary.large[type="submit"]{ border-radius:5px; }
 .body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose p{ font-size: 13px !important; }
 .body-container-wrapper .service-slider .hs_cos_gallery_main .caption.superimpose h2{ font-size: 20px !important; }
 .services-app-partners-section .wrapper{ overflow:hidden; }
 .rate-table-mob .table-title {
    float: none;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.rate-table-mob .table-cols {
    float: none;
    text-align: center;
}
.faq-tabs .accordion_header {
    font-size: 13px;
    padding-left: 45px;
}
.faq-tabs .accordion_group .accordion_icon {
    left: 0;
    position: absolute;
}
.faq-tabs > span > div {
    margin-bottom: 10px;
    min-height: 38px;
}
.app-logo-services span > div {
    margin: 1% 0 !important;
    width: 100% !important;
}
.recommend-image {
    left: 0;
    min-height: 327px !important;
    position: relative;
    top: 40px;
    width: 100% !important;
}
.recommend-hand-second {
    max-width: 251px;
    right: -24px;
    top: -22px;
}
.recommend-right-hand {
    max-width: 274px !important;
    position: absolute;
    right: 10px;
    text-align: right;
    top: -8px;
}
.inner-screen-img {
    margin-bottom: 0;
    max-width: 473px;
    position: absolute;
    right: 29px;
    text-align: right;
    top: -10px;
}

.inner-screen-img img {
    max-width: 216px;
    margin-right: -33px;
    margin-top: 3px;
}
.point-hand-img {
    right: 40%;
    top: 53px;
}
.key-func-content h2, .recommend-content h2, .app-types-section h2, .quick-read-content h2 {
    font-size: 24px;
}
.industry-page .banner-mobile-image {
    max-height: 150px;
    overflow: hidden;
    position: relative;
}
.app-logo-services span > div img {
    max-height: 50px;
    max-width: 100% !important;
    width: auto !important;
}
.home-banner-txt a {
	width: 100%;
}
.paperless-content .cell-wrapper{ padding-left: 10px; }
.app-logos-section .slick-slider button.slick-next{     right: -10px; }
.app-logos-section .slick-slider button.slick-prev{     left: -10px; }
}



/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.mainmenu .hs-menu-wrapper > ul{ 
  background:;
}
.mainmenu .hs-menu-wrapper > ul > li{
  background:;
}
.mainmenu .hs-menu-wrapper > ul > li > a{
  color:;
}
.mainmenu .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.mainmenu .hs-menu-wrapper > ul ul{}
.mainmenu .hs-menu-wrapper > ul ul li{
  background:;
}
.mainmenu .hs-menu-wrapper > ul ul li a{
  color:;
}
.mainmenu .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

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

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
      .mainmenu .hs-menu-wrapper { 
          display:block !important;
      }
      
    /*.header-container-wrapper.sticky { position:fixed; left:0; top:0; width:100%; z-index:999; }
    .header-container-wrapper.sticky .top-section { background:#FFF; box-shadow:#999 0 5px 5px -5px; }
    .header-container-wrapper.sticky .mainmenu .hs-menu-wrapper>ul>li>a { color:#999; }
    .header-container-wrapper.sticky .mainmenu .hs-menu-wrapper>ul>li>a:hover { color:#81b539; }
    .header-container-wrapper.sticky .mainmenu .hs-menu-wrapper > ul > li > ul { margin-top:0; padding-top:10px; }
    .header-container-wrapper.sticky .row-fluid .btn-style1 a { background:#81b539; }
    .header-container-wrapper.sticky .row-fluid .btn-style1 a:hover { background:#4d5361; border-color:#4d5361; }*/
    
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:after { position:absolute; content:"\f107"; font-family:'FontAwesome'; width:15px; height:15px; text-align:center; line-height:15px; right:12px; top:23px; color:#FFF; font-size:12px; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li> ul > li.hs-item-has-children > a:first-child:after { position:absolute; content:"\f107"; font-family:'FontAwesome'; width:15px; height:15px; text-align:center; line-height:15px; right:0; top:8px; color:#FFF; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:before { position:absolute; content:''; left:0; bottom:10px; background:#A8A9AC; width:100%; height:2px; opacity:0; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li > a { padding:7px 20px; }
}




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open2 is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

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

@media (max-width: 767px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .mainmenu,
  .mainmenu .hs-menu-wrapper > ul,
  .mainmenu .hs-menu-wrapper > ul li,
  .mainmenu .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 15px;          /* Position Button at right of screen  */
    right: 5px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: transparent; /* Background color */
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color:#FFF; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: transparent; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open2 .mobile-trigger{
    color:#ffffff;
    background-color: transparent; 
    border-color: transparent;
    z-index: 9;
    top: 15px;
    right: 5px;
    /*position: fixed;*/
  }


  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #FFF; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open2 .mobile-trigger i, .mobile-open2 .mobile-trigger i:before, .mobile-open2 .mobile-trigger i:after{
      background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .mainmenu.js-enabled{
       position: static;
       padding-top:0; /* Makes room for button */
       margin:0;
   }

  /* Hide menu on mobile */
  .mainmenu.js-enabled .hs-menu-wrapper,
  .mainmenu.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .mainmenu ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .mainmenu.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: absolute; /**************************************************************/
    top: 55px;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
    z-index:999;
  }
  .mainmenu .hs-menu-wrapper{
    background-color:#324149 ; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .mainmenu .hs-menu-wrapper > ul > li{
    position: relative;
    float:left; 
    width:100%;
  }
  .mainmenu .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .mainmenu .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .mainmenu .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .mainmenu .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .mainmenu .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .mainmenu .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .mainmenu .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .mainmenu .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}


/* CTA */ 

.cta-transparent-blue {
  -webkit-font-smoothing:antialiased !important; 
  cursor:pointer !important; 
  -moz-user-select:none !important; 
  -webkit-user-select:none !important; 
  -o-user-select:none !important; 
  user-select:none !important; 
  display:inline-block !important; 
  font-weight:normal !important; 
  text-align:center !important; 
  text-decoration:none !important; 
 font-family: 'GothamRoundedMedium';
 color:#FFF; 
 padding:10px 20px;
 border-radius:5px; 
 font-size:16px; 
 line-height: 18px; 
 background: transparent; 
 border: #FFF solid 2px;
 margin-top: 20px;
  
 
  transition:none !important; 
  -moz-transition:none !important; 
  -webkit-transition:none !important; 
  -o-transition:all 0 ease !important; 
  text-shadow:none !important; 
  line-height:1.5em !important; 
 
}
.cta-transparent-blue:hover {
background:#FFF; color:#324149;
}
.cta-transparent-blue:active, #cta_button_1763546_91c1a2e1-6f6f-4be7-9a68-40a6273ca028:active:hover {
background:rgb(177,100,0) !important; 
color:rgb(244,244,244) !important; 
}
.span3.widget-span.widget-type-cta.login-btn #cta_button_1763546_e31218a6-7c07-4896-8318-228f5ee3e8a1 {
    background:none;
    padding: 5px 14px;
    border-radius: 4px;
    color: rgba(255,255,255,0.7);
    width: 100%;
    border:1px solid rgba(255,255,255,0.7);
text-align: center;
}
.span3.widget-span.widget-type-cta.login-btn #cta_button_1763546_e31218a6-7c07-4896-8318-228f5ee3e8a1:hover{background:rgba(255,255,255,0.7); color:#000; }
.span3.widget-span.widget-type-cta.login-btn {
   width: 80px;
margin-top: 10px;
margin-left: 20px;
}
.span3.widget-span.widget-type-cta.sign-btn {
    width: 100px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    position: absolute;
    right: 0;
}

.span3.widget-span.widget-type-cta.sign-btn #cta_button_1763546_55ea5d1a-13dd-438e-8a5e-f88b87b957d3 {
    background: rgb(222,125,0);
    padding: 6px 3px;
    width: 100%;
    border-radius: 4px;
    color: #fff;
    text-align:center;
}
.span3.widget-span.widget-type-cta.sign-btn #cta_button_1763546_55ea5d1a-13dd-438e-8a5e-f88b87b957d3:hover{background:rgb(244,137,0);}

.span10.widget-span.widget-type-cell.top-right{position: relative;}

.stickymenu-pages .links-sectionmain { display:block; }
.home-set-up h2{ position: relative; }
.home-set-up h2:before{ background: #00c1de; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 55px; margin: 0 auto;}



/*==========================media query
===================================*/
@media all and (max-width: 1200px){
    .span3.widget-span.widget-type-cta.sign-btn, .span3.widget-span.widget-type-cta.login-btn{width:75px;}
    
}
@media all and (max-width: 991px){
.span3.widget-span.widget-type-cta.sign-btn, .span3.widget-span.widget-type-cta.login-btn {
    width: 60px;
}
.span3.widget-span.widget-type-cta.sign-btn{ right: -10px;}
.span3.widget-span.widget-type-cta.sign-btn #cta_button_1763546_55ea5d1a-13dd-438e-8a5e-f88b87b957d3, .span3.widget-span.widget-type-cta.login-btn #cta_button_1763546_e31218a6-7c07-4896-8318-228f5ee3e8a1 
{ font-size:12px;}
}
@media all and (max-width: 768px){
    .span3.widget-span.widget-type-cta.sign-btn #cta_button_1763546_55ea5d1a-13dd-438e-8a5e-f88b87b957d3{border:1px solid rgb(222,125,0);}
    .mainmenu.js-enabled .hs-menu-wrapper{top:9px;}
.mobile-trigger {position: absolute;top: -35px;}
.span3.widget-span.widget-type-cta.login-btn {position: absolute; top: -46px;right: 47%;}
.span3.widget-span.widget-type-cta.sign-btn {right: 35%;top: -46px;}
.span3.widget-span.widget-type-cta.sign-btn #cta_button_1763546_55ea5d1a-13dd-438e-8a5e-f88b87b957d3, .span3.widget-span.widget-type-cta.login-btn #cta_button_1763546_e31218a6-7c07-4896-8318-228f5ee3e8a1{padding:3px;}
    .span12.widget-span.widget-type-cell.top-section.fl100 {padding-top: 8px;padding-bottom: 8px;}
}
@media all and (max-width: 550px){
    .span3.widget-span.widget-type-cta.login-btn{right:52%;}
    
}
@media all and (max-width: 420px){
    .span3.widget-span.widget-type-cta.sign-btn{right:18%;}
.span3.widget-span.widget-type-cta.login-btn {
    right: 42%;
}
    
}