@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,200,600,700,900);
@import url('//use.fontawesome.com/releases/v5.6.3/css/all.css');
@import url('//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/typicons.min.css');
@import url('//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/vc_entypo.css');

/* insert extra styles custom */
@import url('//cdn2.hubspot.net/hub/530549/hub_generated/template_assets/6804755897/1569529438774/Template_v_2018/css/extrastyles_18.min.css'); 

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

@font-face {
    font-family:'ArtbeesWPTokens';
	src: url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/ArtbeesWPTokens.woff") format('woff'),
	url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/ArtbeesWPTokens.ttf") format('truetype'),
	url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/ArtbeesWPTokens.eot");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:'typicons';
    src: url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/typicons.woff") format('woff'),
	url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/typicons.ttf") format('truetype'),
	url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/typicons.eot");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:'vc_entypo';
    src: url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/vc_entypo.woff") format('woff'),
	url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/vc_entypo.ttf") format('truetype'),
	url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/vc_entypo-1.eot");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:"flexslider-icon";
    src: url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/flexslider-icon.woff") format('woff'),
    url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/flexslider-icon.ttf") format('truetype'),
	url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/flexslider-icon.eot");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:"titillium web";
    src: url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/titillium_web.woff") format('woff'),
    url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/titillium_web.ttf") format('truetype'),
    url("//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/Fonts/titillium_web.eot");
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   HS COS Boilerplate v1.5.3                                
   ========================================================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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


/* These includes are optional, but helpful. */
/* 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;}

 


/* insert from old */






/* ==========================================================================

   Index:         

  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography

  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer

  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu

  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages

  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons

  6. MISCELLANEOUS

  7. MOBILE MEDIA QUERIES

   ========================================================================== */








/* ==========================================================================


   1. BASE STYLES                                             


   ========================================================================== */





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


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */

 


 


/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */




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


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

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

/* Website background color and default font styles */
body {
  background: #fff;
  color: #696969;
  font-family: 'Titillium Web';
  font-size: 16px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
 /* min-height:700px; */
}

a { color: #333333; text-decoration:none;; 
/*  text-decoration:none; */
}
.siteNavigation a,.topLinks a,.footer-row a,.grey_bg a, .footer-black a {text-decoration:none; }
a:hover, a:focus { color: #47a2da;text-decoration:none; -webkit-tap-highlight-color: transparent; }

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #5a8190;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #5a8190;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}



/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
.body-container p {
    margin-bottom: 20px;
    margin-top:0;
  /*  font-size: 1em;
    line-height: 1.2em;*/
    color: #696969;
} 
small {}
strong {
    font-weight: 700;
}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6,.h1,.h2,.h3,.h4,.h5 {
    font-family: Titillium Web;
    line-height: 1.2em;
    margin: 0 0 .8em;
    color: #393836;
    word-wrap: break-word;
  margin-bottom:5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1,.h1 {
    font-size: 30px;

    font-weight: 400;
}
h2,.h2 {
    color: #393836;
    font-size: 30px;
    font-weight: 400;

}
h3,.h3 {
    font-size: 24px;
    font-weight: 400;
}
h4,.h4 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}
h5,.h5 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}
h6,.h6 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 5px;
}

/* Lists */
.body-container ul {
    margin-left: 1.5em;
    list-style-type: disc;
    margin-bottom: 1em;
    padding:0;
}
.body-container ol {
    margin-left: 1.5em;
    margin-bottom: 1em;
    padding:0;
}
ul ul, ul ol, ol ol, ol ul {}
.body-container ul li {
    margin-left: .85em;
    margin-bottom: 7px;
}

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

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}








/* ==========================================================================


   2. COS STRUCTURE                                            


   ========================================================================== */





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}




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


.header-container-wrapper {}
.header-container {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}

.header-container-wrapper .container-fluid .row-fluid .page-center{
    position:relative;
}
.header-container-wrapper .row-fluid [class*="span"] {
    min-height: 0;
}
.hs-header-wrapper {
    background: transparent;
    position: absolute;
    z-index: 60;
    width: 100% !important;
    left: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transform: translateZ(0);
}
.hs-header-logo a {
    height: 40px;
    line-height: 40px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    display: block;
    margin-top: -8px;
    margin-bottom: 10px;
}
img.mk-light-logo {
    display: inline-block;
    height: 100%;
}
.hs-header-wrapper img.mk-dark-logo {
    display: none;
}


/*==========================
# Contact Page
==========================*/

.row-fluid .contact-section { float:left; width:100%; padding:60px 0; }
.row-fluid .contact-flexible-box > span > div { float:left; width:100%; margin:15px 0; border:1px solid #ebebeb; }
.row-fluid .contact-flexible-box > span > div .contact-container { float:left; width:100%; color:#000000; font-size:16px; font-weight:400; }
.row-fluid .contact-flexible-box > span > div .contact-container .contact-content {  width:70%;float:left; }
.row-fluid .contact-flexible-box > span > div .contact-container .contact-content h4 { font-size:22px;color:#000; font-weight:700; line-height:26px; margin:0 0 15px;font-family: Titillium Web;  }
.row-fluid .contact-flexible-box > span > div .contact-container .contact-content > div { padding:30px; }
.row-fluid .contact-flexible-box > span > div .contact-container .contact-img { width:30%; float:left; }

.row-fluid .contact-flexible-box > span > div:nth-child(odd) .contact-container .contact-img { float:right; }
.row-fluid .contact-flexible-box > span > div:nth-child(odd) .contact-container .contact-content { float:left; }

.link-box  { margin-top:20px; }
.link-box a {  display:inline-block; vertical-align:middle; font-size:18px; line-height:20px; color:#6a98a9; margin:0 10px; transition:all 0.5s; } 
.link-box a:hover { color:#000; }
.link-box a:first-child { padding:12px 16px; text-align:center; color:#fff; background:#6a98a9; margin-left:0; }
.link-box a:first-child:hover { color:#fff; background:#000; }
.row-fluid .contact-detail-height { background-size:cover; background-repeat:no-repeat;  background-position:center;  }


.row-fluid .contact-detail { float:left; width:100%; padding-bottom:70px;   }
.row-fluid .contact-detail .contact-detail-container { border:1px solid #ececec; }
.row-fluid .contact-detail-height { margin:0; float:left; width:50%; }

.row-fluid .get-bg { display:none; }

.row-fluid .tab-section { padding:30px; font-size:14px; color:#000; font-weight:400;   }
.row-fluid .tab-link a { padding:15px 0; float:left; width:49.7%; margin:0 2px 0 0; cursor:pointer;  background:#000000; text-align:center; text-transform:capitalize; font-weight:600; color:#fff; transition:all 0.5s;  }
.row-fluid .tab-link a:hover,
.row-fluid .tab-link a.current { background:#6a98a9;  }
.row-fluid .tab-link a:last-child { margin-right:0; }

.row-fluid .min-title-box>span>div >strong {transition:all 0.5s; }
.row-fluid .min-title-box>span>div >strong:hover,
.row-fluid .min-title-box>span>div.active >strong { color:#6a98a9; }
/*.row-fluid .hide-box { display:none; }*/

.row-fluid .min-title-box > span > div  { float:left; width:auto; font-size:16px; font-weight:600; margin:20px 20px 20px 0; }
.row-fluid .min-title-box > span > div:last-child { margin-right:0; }

.tab-content>.tab-pane,
.row-fluid .mini-tab-content { display:none; }
.row-fluid .min-tab-content p { margin:6px; float:left; width:100%; color:#000; }
#contact-detail-box,
#tab-box1 { display:block;  }

@media(min-width:1160px){
.scroll-header .hs-header-wrapper {
    top: -300px;
    transition: all .5s ease-in-out;
    opacity:0;
    position:absolute;
}
.scroll-header.scroll-header-top .hs-header-wrapper {
    top: 0;
    position: fixed;
    background: #222;
    opacity:1;
    z-index:999;
    transition: all .5s ease-in-out;
}
.scroll-header img.mk-light-logo {
    display: none;
}
.scroll-header img.mk-dark-logo {
    display: inline-block;
}
}
@media (min-width: 780px){
    .mk-light-logo {
        margin-top: -40px;
        z-index: 999;
    }

}
.hs-top-header-links ul,
.hs-top-courtesy-links ul {
    margin: 7px 0 0;
    padding: 0;
    text-align: right;
    display: block;
    float: right;
}
.hs-top-header-links ul li,
.hs-top-courtesy-links ul li {
    float: left;
    display: inline-block;
}
.hs-top-header-links ul li a,
.hs-top-courtesy-links ul li a {
    line-height: 28px;
    margin: 0 10px;
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
.hs-top-header-links ul li:first-child,
.hs-top-courtesy-links ul li:first-child {
    background: #5a8190;
    border-radius: 3px;
}

.hs-header-wrapper.hs-no-nav {
    padding: 34px 0 17px;
}

/*************** Header Mobile Toggle *************/

.mk-icon-chevron-down:before {
    content: "\f078";
}
.hs-mobile-toggle{
    text-align:center;
}
@media(min-width:768px){
    .hs-top-header-links{
        display:none!important;
    }
}
.mk-toolbar-responsive-icon.open .mk-icon-chevron-down:before {
    content: "\f077";
}
a.mk-toolbar-responsive-icon {
    cursor: pointer;
}
/*////////////////////////////////////////////////////////////////////
/ /Mobile 
//////////////////////////////////////////////////////////////////////////*/
@media(max-width:767px){
  
    .hs-top-header-links {
        padding: 10px 20px;
        float: left !important;
        width: 100% !IMPORTANT;
      }  
  .caseStudyBody {column-count: 1!important;}
    .hs-top-header-links ul{
        float: left;
    }
    .hs-header-logo {
        padding-top: 18px;
    }
  
 .fullheight {height:100%!important;}
  .headerSection {  position: absolute!important;}
  .subText {display:none!important;}
  .LineLeftBlog h4:after {content:none!important;}
  a.blog-select {padding:8px!important;}
}

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


/*.body-container-wrapper {}
.body-container {
    padding-top:95px;
}
.body-container .page-center{
  padding:30px 0!important;
}*/

/* Unique Pages
   ========================================================================== */

/* Homepage */

/* Contact Us */

/* About Us */


/* Modular & Reusable Components
   ========================================================================== */

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */




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


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

.hs-footer-top-wrapper {
    background: #bfbfbf;
    padding: 70px 0 20px;
    color: #fff;
}
body .footer-container .hs-footer-bottom-wrapper .page-center {
    padding-left: 0;
    padding-right: 0;
}
.hs-footer-bottom-wrapper {
    background: #141414;
    color: #fff;
    border-top: 1px solid #5a8190;
    padding: 30px 0;
}
.hs-footer-copyright p {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
}
.mk-footer-social {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mk-footer-social li {
    margin: 0;
    display: inline-block;
    float: right;
}
.mk-footer-social li a {
    display: block;
    text-decoration: none;
    margin: 0 10.3px;
    color: #fff;
    line-height: 16px;
}

.hs-footer-top-wrapper .page-center .span2 {
    width: 16.66666667%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
}
.hs-footer-top-wrapper a{
    color:#fff;
    text-decoration:none;
}
.hs-footer-top-wrapper .page-center .span3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
}
.hs-footer-top-wrapper .hs-footer-col-4 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    padding-right: 10px;
    margin-bottom: 1.5em;
}
.hs-footer-top-wrapper .page-center .span3 .cell-wrapper, 
.hs-footer-top-wrapper .page-center .span2 .cell-wrapper {
    margin-bottom: 35px;
}


.footer-black {padding:15px 0;}
.footer-black {background: #000;}
.transparent-links .copyright, .transparent-links a {color:#fff;padding-left:15px;font-weight:bold;font-size:0.8em;}

/********************** Managed Advisory **********/

.site-page .bg-image-section.hs-site-page-banner h1,
.landing-page .bg-image-section.hs-site-page-banner h1 {
    color: #fff;
}
.landing-page .bg-image-section.hs-site-page-banner,
.site-page .bg-image-section.hs-site-page-banner {
    text-align: center;
    padding: 50px 0 20px;
}

.hs-banner-left-col {
    padding-left: 15px;
    padding-right: 0;
}
.hs-banner-form{
    padding-left: 0;
    padding-right: 15px;
}
.hs-banner-form .cell-wrapper{
    margin-bottom:35px;
}
.hs-banner-form h3.form-title {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.2em;
    font-weight: 400;
    font-family: 'Titillium Web';
}
.hs-banner-form label{
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 1px;
    color: #ffffff;
}
body .hs-banner-form input[type="text"], 
body .hs-banner-form input[type="email"] {
    max-width: 100%;
    border: none;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
body .hs-banner-form .hs-form-required {
    color: #fff;
}
.hs-manages-advisory .body-container {
    padding-top: 0;
}
.hs-managed-advisory-section1 {
    background: #eeeeee;
    padding: 80px 0 90px;
}
.hs-managed-advisory-section1-row1 .cell-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom:90px;
}
.hs-managed-advisory-section1-row1 p {
    font-size: 15px;
    color: #696969;
    line-height: 26px;
}
.hs-section-flexi .hs_cos_wrapper_type_custom_widget {
    width: 33.33%;
    float: left;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
}
@media (min-width: 768px){
    .hs-section-flexi .hs_cos_wrapper_type_custom_widget:after {
     content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100px;
        margin-top: 50%;
        border-right: 1px solid #D8D8D8;
    }
}
.hs-section-flexi .hs_cos_wrapper_type_custom_widget:last-child:after{
    content:none;
}
.hs-feature-box .hs-icon-wrapepr {
    margin-bottom: 35px;
    font-size: 14px;
    line-height: 0;
}
.hs-feature-box .icon-inner-wrapper {
    width: 7.15em;
    border-radius: 50%;
    height: 7.15em;
    line-height: 5em;
    text-align: center;
    display: inline-block;
    border: 2px solid;
    box-sizing: content-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    position: relative;
}

.hs-feature-box .icon-inner-wrapper span {
    font-size: 3.5em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.hs-feature-box .hs-description h4{
    font-weight:bold;
    margin:0 0 20px;
}
.hs-feature-box .hs-description h4,
.hs-feature-box .hs-description p {
    font-size: 16px;
    color: #696969;
    line-height: 26px;
    color:#696969;
}
.hs-managed-advisory-section2 {
    padding: 90px 0 40px;
}
.hs-managed-advisory-section2 .hs-section2-left-col .cell-wrapper{
    padding-left: 15px;
}
.hs-managed-advisory-section2 .hs-section2-right-col .cell-wrapper {
    padding-left: 8px;
}

.hs-managed-advisory-section3 {
    background: #6a98a9;
    border-top: 1px solid #6a98a9;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
}
.hs-payments-page ul.hs-error-msgs.inputs-list li,
.hs-manages-advisory ul.hs-error-msgs.inputs-list li {
    background: red;
    display:inline-block;
}

/****************** Global Styling **************/

a.hs-blue-btn {
    padding: 17px 36px 16px;
    line-height: initial;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 18px;
    vertical-align: middle;
    zoom: 1;
    font-weight: 700;
    text-align: center;
    display:inline-block;
    color: #6A98A9;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    text-decoration: none;
}
a.hs-blue-btn:hover {
    background-color: #000000 ;
    color:#fff;
}
a.hs-white-btn {
    padding: 17px 36px 16px;
    line-height: initial;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 18px;
    vertical-align: middle;
    zoom: 1;
    font-weight: 700;
    text-align: center;
    display:inline-block;
    color: #f8971c;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    cursor: pointer;
    text-decoration: none;
}
a.hs-white-btn:hover {
    background-color: #000000 ;
    color:#fff;
}


/************ Slider ***********/

.hs-image-slider{
    margin-bottom:35px;
}
.hs-image-slider ul li {
    margin-left: 0 !important;
}
.hs-image-slider ul,.hs-image-slider ol{
    margin: 0 !important;
    padding:0 !Important;
    list-style:none !important;
}
.hs-image-slider .hs_cos_flex-slider .hs_cos_flex-slides img {
    width: auto;
    height:auto;
}

.hs-image-slider  .hs_cos_flex-control-nav {
    bottom: -35px;
}


.hs-image-slider .hs_cos_flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    line-height: 1;
}
.hs-image-slider .hs_cos_flex-direction-nav a.hs_cos_flex-prev:before {
    content: '\f001';
}
.hs-image-slider .hs_cos_flex-direction-nav a.hs_cos_flex-next:before {
    content: '\f002';
}

.hs-image-slider  .hs_cos_flex-slider:hover .hs_cos_flex-prev {
    opacity: 0.7;
    left: 10px;
}
.hs-image-slider  .hs_cos_flex-slider:hover .hs_cos_flex-next {
    opacity: .7;
    right: 10px;
}
.hs-image-slider  .hs_cos_flex-slider .hs_cos_flex-prev:hover,
.hs-image-slider  .hs_cos_flex-slider .hs_cos_flex-next:hover{
    opacity:1;
}
.hs-image-slider  .hs_cos_flex-direction-nav a {
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    display: block;
    background: transparent;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: initial;
    opacity: 0;
    -webkit-transition: all .3s ease;
    color: rgba(0,0,0,0.8);
    overflow: hidden;
}


/**************Body Navigation Menu ***********/

.hs-body-navigation-menu {
    background: rgba(248,151,28,1);
}
.hs-body-navigation-menu .widget-type-menu {
   /* background-image: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/wp-logo.png);*/
    background-position: left center;
    background-repeat: no-repeat;
}
.hs-body-navigation-menu .page-center{
    padding-top:0;
    padding-bottom:0;
}
.hs-body-navigation-menu .hs-menu-wrapper ul{
    text-align:right;
    float:right;
}
.hs-body-navigation-menu .hs-menu-wrapper ul li {
    margin-left: 5px;
}
.hs-body-navigation-menu .hs-menu-wrapper ul li a{
    text-decoration:none;
    padding:0 0 0 20px;
    line-height:60px;
    font-family: Titillium Web;
    font-size: 15px;
    font-weight:700;
    display:block;
    color:#fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.hs-body-navigation-menu .hs-menu-wrapper ul li a:hover {
    color: #f2f2f2;
}
.hs-body-navigation-menu .hs-menu-wrapper ul li.active-branch a{
    color: #f2f2f2;
    opacity:1;
}
@media(min-width:1160px){
    .hs-body-navigation-menu .hs-menu-wrapper>ul:hover>li>a:hover {
        opacity: 1;
    }
    .hs-body-navigation-menu .hs-menu-wrapper>ul:hover>li>a {
        opacity: .7;
    }
    .hs-body-navigation-menu.fixed {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 100;
    }
    .blog.hs-partner-stories-List .hs-body-navigation-menu.fixed,
    .hs-accounting-sync-page .hs-body-navigation-menu.fixed {
        background: rgba(106,152,169,0.9);
    }
    .hs-payment-pricing-page .hs-body-navigation-menu.fixed,
    .hs-payments-features-page .hs-body-navigation-menu.fixed {
        background: rgba(248,151,28,.9);
    }
    .menu-fixed .hs-menu-fixed-wrapper,
    .menu-fixed .hs-accounting-sync-page-section1 {
        margin-top: 60px;
    }
}



/************************* Payments Page ***********************/

.hs-payments-page .hs-top-courtesy-links ul li:first-child {
    background: #f8971c;
}
.hs-payments-page .bg-image-section {
    padding: 50px 0 20px;
}
bg-image-section-prices {
 padding: 50px 0 0 0;
}
.hs-banner-left-col h4 {
    color: #fff;
}
.hs-banner-left-col h1 {
    color: #fff;
}
.hs-payments-page  .hs-banner-form h3.form-title {
    font-size: 30px;
    margin-bottom: 38px;
    line-height: 45.6px;
    font-weight: 700;
}
body.hs-payments-page .hs-button.primary.large {
    background-color: #f8971c;
    margin-bottom: 15px;
    line-height: 100%;
}
body.hs-payments-page .hs-button.primary.large:hover{
    background-color: #d38018;
}
.hs-banner-left-col h4 {
    font-weight: 400;
}
.hs-payments-section1 {
    padding: 90px 0 0px;
    background: #eeeeee;
}
.hs-payments-section1-row1{
    margin-bottom:90px;
}
.hs-payments-page .body-container{
    padding-top:0;
}
.hs-payments-page .hs-section-flexi .hs_cos_wrapper_type_custom_widget {
    width: 25%;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.hs-payments-section2 {
    background: #f8971c;
    border: 1px solid #f8971c;
    padding: 40px 0;
}
.hs-payments-section2-left-col{
    text-align:right;
}
.hs-payments-section2-left-col h3 {
    color: #fff;
    padding-top: 10px;
}
.hs-payments-section2-right-col a.hs-white-btn{
    margin-bottom:15px;
}


/******************* Payment Features ******************/

.hs-payments-features-page .body-container{
    padding-top:0;
}
.hs-payments-features-page .bg-image-section {
    padding: 50px 0 20px;
}
bg-image-section-prices {
    padding: 50px 0 0 0;
}
.hs-payments-features-page .bg-image-section h1 {
    text-align: center;
    color: #fff;
}
.hs-payments-features-page .hs-top-courtesy-links ul li:first-child {
    background: #f8971c;
}
.hs-payments-features-section1,
.hs-payments-features-section2,
.hs-payments-features-section3{
    padding-top: 85px;
}
.hs-payment-feature-four-col {
    margin-top: 32px;
    padding-left: 15px;
    padding-right: 15px;
}
.hs-payments-feature-section2-left-col,
.hs-payments-features-section3 .hs-image-wrapper,
.hs-payments-features-section1 .hs-image-slider {
    padding-left: 15px;
}
.hs-payments-features-section3 .hs-image-wrapper{
    margin-bottom:95px;
}
.hs-payment-feature-section3-cols a {
    max-width: 200px;
    display:block;
    margin-bottom: 35px;
}
.hs-payments-features-section3 .hs-payment-feature-four-col {
    margin-bottom: 50px;
}

/************* Payment Pricing **************/


.hs-payment-pricing-page  .body-container{
    padding-top:0;
}
.hs-payment-pricing-page .bg-image-section {
    padding: 50px 0 20px;
}
bg-image-section-prices {
    padding: 50px 0 0 0;
}
.hs-payment-pricing-page .hs-payments-section1-row1 {
    margin-bottom: 32px;
}
.hs-payment-pricing-page .bg-image-section h1 {
    text-align: center;
    color: #fff;
}

.hs-payments-pricing-section1 {
    text-align: center;
    padding-top: 50px;
}

.hs-payments-pricing-section1 hr {
    border-top: 1px solid #ebebeb;
    height: 1px;
    width: 168px;
    margin-bottom: 25px;
    margin-top:25px;
}
.hs-payments-pricing-section1 h4{
    font-weight: normal;
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 img {
    margin-bottom: 29px;
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 img[title="Payment Pricing"]{
    max-width:200px;
    margin-bottom:10px;
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul {
    margin: 0 auto;
    padding: 30px 0;
    list-style: none;
    width: 100%;
    display: table;
    float: none;
}

.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li {
    display: inline-block;
    width: 25%;
    padding: 0 15px;
    margin: 0;
    vertical-align: top;
    
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li figure{
    height: 142px;
    margin: 0 0 20px;
    background: #efefef;
    webkit-box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    -moz-box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    border-radius: 5px;
    padding: 38px 20px 20px;
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(2) figure{
    color:#fff;
    background: #f8971c;
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(3) figure{
    color:#fff;
    background: #a0a0a0; 
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(2) figure h2,
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(2) figure h4,
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(3) figure h2,
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(3) figure h4,
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(2) figure p,
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li:nth-child(3) figure p{
    color:#fff;
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li h2 {
    margin-bottom: 5px;
}
.hs-payments-pricing-section1 .hs-payments-section1-row1 ul li h4 {
    margin-bottom: 8px;
    font-size: 15px ;
}
.hs-payments-pricing-section2 {
    background: #efefef;
    padding-top:50px;
    padding-bottom:50px;
}
.hs-payments-pricing-section2 .hs-payments-section2-left-col {
    text-align: left;
    padding-left:15px;
    padding-right:15px;
}
.hs-payments-pricing-section3 h5,
.hs-payments-pricing-section2 h5{
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
}
.hs-payments-pricing-section2 h4 span{
    font-weight: 400;
}
.hs-pricing-three-col {
    -webkit-box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    -moz-box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    border-radius: 5px;
    padding:20px;
    background: #fff;
    text-align: center;
}
.hs-pricing-three-col a {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.hs-payments-pricing-section2 h4 {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 30px;
    clear:left;
}
.hs-payments-pricing-section3 h4:after,
.hs-payments-pricing-section2 h4:after,
.hs-payments-pricing-section4 h4:after{
    content: "";
    position: absolute;
    left: 0;
    width: 50px;
    height: 1px;
    border-top: 1px solid #B5B5B5;
    bottom: 0;
}
.hs-pricing-three-col .cell-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-payments-pricing-section3 {
}
.hs-payments-pricing-section3 .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-payments-pricing-section3 .hs_cos_wrapper_type_widget_container > div {
    float: left;
    width: 100%;
}
.hs-payments-pricing-section4 h4,
.hs-payments-pricing-section3 h4{
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    margin-top:32px;
    clear: left;
}
.hs-two-col-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
.hs-two-col-left, .hs-two-col-right {
    width: 50%;
    float: left;
    padding:0 15px;
}
table.pricing-table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
}
.hs-two-col-wrapper figure {
    background-color: #efefef !important;
    border-radius: 5px !important;
    -webkit-box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    -moz-box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    box-shadow: 3px 3px 0px 1px rgba(230,230,230,1);
    overflow: hidden;
    margin: 0 0 20px;
    padding: 15px;
    border: 2px solid #eee;
    width: 100%;
}
table.pricing-table td {
    padding: 15px 12px;
}
table.pricing-table td, table.pricing-table th {
    font-size: 13px;
    color: #4b4b4b;
    text-align: center;
}
table.pricing-table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.hs-payments-pricing-section4 {
    background: #efefef;
    padding-bottom:32px;
}
.hs-payments-pricing-section4 .hs-pricing-three-col p{
    text-align:left;
}
.hs-payments-pricing-section4 .hs-pricing-page-title {
    padding-left:15px;
}
.hs-payments-pricing-section5{
    padding:80px 0;
}
.hs-payments-pricing-section5 p{
    font-size:12px;
    line-height:28px;
}
.hs-payments-pricing-section5 p a{
    text-decoration:none;
}
.hs-payments-pricing-section5 .page-center > div{
    padding-left:15px;
    padding-right:15px;
}
.hs-payments-pricing-section5 p sup {
    top: -.1em;
    vertical-align: super;
    font-size: 85%;
}



/************************ Accounting Sync Feature *******************/


.hs-accounting-sync-feature-page  .bg-image-section {
    padding: 50px 0 20px;
    background-position: center top;
}

.hs-accounting-sync-feature-page .bg-image-section h1 {
    color: #fff;
    text-align: center;
}

.hs-accounting-sync-feature-page .hs-body-navigation-menu {
    background: rgba(106,152,169,0.9);
}
.hs-accounting-sync-feature-page .hs-body-navigation-menu .widget-type-menu {
    background-image: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/accounting-sync.png);
}
.hs-accounting-sync-feature-page .body-container{
    padding-top:0;
}
.hs-accounting-sync-section1 {
    background: #888888;
    padding: 50px 0;
}

.hs-accounting-sync-section1 h2 {
    color: #fff;
}
.hs-accounting-sync-section1 .hs-section1-row1 hr {
    margin: 25px 0 35px;
    float: left;
    width: 100%;
    color: #fff;
    background-color: #fff;
}
.hs-accounting-sync-section1 .page-center .hs-section1-row1 {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget {
    width: 33.33%;
    float: left;
    color: #fff;
    margin-bottom: 50px;
}
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget:nth-child(3n+1) {
    clear: left;
}

.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-left-col {
    width: 25%;
    float: left;
    padding-right: 15px;
    text-align: center;
}

.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-right-col {
    padding-left: 15px;
    margin-top:10px;
    width: 75%;
    float: left;
}
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget:last-child {
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 0;
}
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-right-col a,
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-right-col a:hover{
    color: #fff;
    text-decoration: none;
}
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-right-col p{
    color:#fff;
}


.hs-sync-section-flexi .vc_icon_element {
    line-height: 0;
    font-size: 14px;
    margin-bottom: 10px;
}

.hs-sync-section-flexi .vc_icon_element-inner {
    text-align: center;
    display: inline-block;
    border: 2px solid transparent;
    width: 4em;
    height: 4em;
    box-sizing: content-box;
    position: relative;
    line-height: 2.15em;
    max-width: 100%;
}

.hs-sync-section-flexi .vc_icon_element-inner span {
    font-size: 2.85em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget:nth-child(1) .vc_icon_element-inner span,
.hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget:nth-child(2) .vc_icon_element-inner span{
    font-size:2.15em;
}

.hs-accounting-feature-section2 {
    padding-top: 85px;
}
.hs-accounting-feature-section2 .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-accounting-feature-section2 .page-center{
    padding-bottom:0;
}

.hs-accounting-feature-section3 .page-center{
    padding-top:0;
}
.hs-account-sync-section5 .hs-sync-four-col .hs_cos_wrapper_type_custom_widget,
.hs-accounting-feature-section3 .hs-sync-four-col .hs_cos_wrapper_type_custom_widget {
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.hs-accounting-feature-section3 .hs-sync-four-col .hs_cos_wrapper_type_custom_widget:first-child .hs-title-description{
    margin-top:56px;
}
.hs-one-col-with-title h4 {
    color: #393836;
    font-weight: 400;
    padding: 10px 0;
}
.hs-accounting-feature-section4 .page-center {
    padding-top: 0;
}
.hs-accounting-feature-section4 .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-accounting-feature-section4 .hs-two-col-wrapper {
    margin-top: 105px;
    padding-bottom:40px;
}
.hs-sync-section4-flexi .hs_cos_wrapper_type_custom_widget:nth-child(3) .hs-two-col-wrapper {
    margin-top: 85px;
}
sup {
    top: -.1em;
    vertical-align: super;
    font-size: 85%;
}
.hs-account-sync-section5 .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-account-sync-section5 {
    padding-top: 85px;
}
.hs-account-sync-section5 .hs-sync-four-col .widget-span {
    margin-left: -15px;
    margin-right: -15px !important;
    width: auto;
}
.hs-account-sync-section5 .hs-sync-four-col {
    margin-top: 32px;
    padding-bottom:20px;
}
.hs-account-sync-section5 .hs-sync-four-col .hs-one-col-with-title h4 {
    color: #393836;
    font-weight: 400;
    padding: 0;
}
.hs-section5-slider-group {
    padding-top: 105px;
    padding-bottom:32px;
}
.widget-span.widget-type-widget_container.hs-sync-section5-three-col {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.hs-sync-section5-three-col .hs_cos_wrapper_type_custom_widget {
    width: 33.333%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.widget-span.widget-type-widget_container.hs-sync-section5-three-col h4 {
    padding: 0;
}
.hs-accounting-sync-section6 {
    padding-top: 85px;
}

.hs-accounting-sync-section6 .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-accounting-sync-section6-bottom-pane {
    padding-top: 90px;
}
.hs-accounting-sync-section6-bottom-pane p:first-child {
    padding-bottom: 60px;
}

.hs-accounting-sync-section6-bottom-pane hr {
    color: #ebebeb;
    background-color: #ebebeb;
    height: 2px;
    border: 0;
    margin: 0 0 67px;
}
.hs-us-complex,
.hs-payments-check,
.hs-new-customer-wrapper {
    padding-top: 85px;
}
.hs-advancement-procurement .page-center > div,
.hs-us-complex .page-center > div,
.hs-payments-check .page-center > div,
.hs-new-customer-wrapper .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-new-customer-wrapper .left-col{
}
.hs-advancement-procurement .hs-section5-slider-group {
    padding-top: 65px;
}


/*********************** Account Sync ***********************/


.hs-accounting-sync-page .hs-body-navigation-menu {
    background: #6a98a9;
    border-bottom:1px solid rgba(0,0,0,.07);
}
.hs-accounting-sync-page .hs-body-navigation-menu .widget-type-menu {
    background-image: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/accounting-sync.png);
}
.hs-accounting-sync-page .body-container{
    padding-top:0;
}

.hs-accounting-sync-page  .hs-accounting-sync-page-section1 {
    background: #6a98a9;
    padding: 90px 0 105px;
}
.hs-accounting-sync-page  .hs-accounting-sync-page-section1.white {
    background: #fff!important;
    padding: 90px 0 105px;
}
.hs-accounting-sync-page .hs-accounting-sync-page-section1-right h3 {
    color: #fff;
}
.hs-accounting-sync-page .hs-accounting-sync-page-section1 .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-accounting-sync-page-section1-left {
    margin-bottom: 35px;
}
.hs-account-sync-section1-flexi .hs_cos_wrapper_type_custom_widget {
    width: 33.333%;
    float: left;
    padding-top:35px;
    padding-bottom:35px;
    padding-left: 15px;
    padding-right: 15px;
    position:relative;
    color:#fff;
}
.hs-account-sync-section1-flexi .hs_cos_wrapper_type_custom_widget:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100px;
    margin-top: 20%;
    border-right: 1px solid #ffffff;
}
.hs-account-sync-section1-flexi .hs_cos_wrapper_type_custom_widget:last-child:after{
    display:none;
}
.hs-account-sync-section1-flexi .hs_cos_wrapper_type_custom_widget p{
    color:#fff;
}
.hs-account-sync-section1-flexi{
    margin-top:50px;
}
@media(min-width:768px){
    .hs-account-sync-section1-flexi {
        width: auto !IMPORTANT;
        margin-left: -15px !IMPORTANT;
        margin-right: -15px !important;
    }
    .hs-accounting-sync-page-section3 .hs-accounting-sync-page-section3-left{
        margin-top:100px;
    }
    .hs-accounting-sync-page-section7 .hs-accounting-sync-page-section7-left,
    .hs-accounting-sync-page-section5 .hs-accounting-sync-page-section5-left,
    .hs-accounting-sync-page-section4 .hs-accounting-sync-page-section4-right,
    .hs-accounting-sync-page-section6 .hs-accounting-sync-page-section6-right{
        margin-top: 150px;
    }
    
}
.hs-account-sync-section1-flexi h4 {
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 25px;
    padding:0;
}
.hs-accounting-sync-page-section2 .page-center > div,
.hs-accounting-sync-page-section3 .page-center > div,
.hs-accounting-sync-page-section4 .page-center > div,
.hs-accounting-sync-page-section5 .page-center > div,
.hs-accounting-sync-page-section6 .page-center > div,
.hs-accounting-sync-page-section9 .page-center > div{
    padding-left: 15px;
    padding-right: 15px;
}
.hs-accounting-sync-page-section2-left {
    margin-bottom: 35px;
}

.hs-accounting-sync-page-section2 {
    background: #eaeaea;
    padding: 125px 0 30px;
}

.hs-accounting-sync-page-section3 {
    padding-top: 50px;
}
.hs-accounting-sync-page a.hs-blue-btn {
    background: #6a98a9;
    color: #fff;
    padding: 16px 25px;
    line-height: 100%;
    margin-bottom: 15px;
    margin-right:10px;
}

.hs-accounting-sync-page a.hs-blue-btn:hover {
    background-color: #5a8190;
    color: #ffffff;
}
.hs-accounting-sync-page-section4 {
    background: #efefef;
}
.hs-accounting-sync-page-section7 .hs-accounting-sync-page-section7-right,
.hs-accounting-sync-page-section6 .hs-accounting-sync-page-section6-left,
.hs-accounting-sync-page-section5 .hs-accounting-sync-page-section5-right,
.hs-accounting-sync-page-section4 .hs-accounting-sync-page-section4-left {
    margin-bottom: 10px;
}

.hs-accounting-sync-page-section6 .hs-accounting-sync-page-section6-right a.hs-blue-btn,
.hs-accounting-sync-page-section4-right a.hs-blue-btn {
    float: right;
}
.hs-accounting-sync-page-section6 {
    background: #efefef;
}
.hs-accounting-sync-page-section9 {
    background: #efefef;
    padding-top:10px;
    padding-bottom:10px;
}
.hs-accounting-sync-page-section9-left{
    padding-top:20px;
}
.hs-accounting-sync-page-section9-right{
 padding-top:10px;   
}
.hs-accounting-sync-page-section10 {
    background: #6a98a9;
    padding: 125px 0 95px;
}
.hs-accounting-sync-page .header-container-wrapper .row-fluid [class*="span"] {
    min-height: 1px;
}
.hs-accounting-sync-page  .hs-banner-right-col h3, .hs-accounting-sync-page  .hs-banner-right-col h4 , .hs-accounting-sync-page .hs-banner-right-col h3 a {
    color: #fff;
    text-decoration:none;
}
.hs-accounting-sync-page  .hs-banner-right-col h4{
    font-weight:normal;
}
.hs-accounting-sync-page  .bg-image-section .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-accounting-sync-page  .bg-image-section  a.hs-white-btn {
    background: transparent;
    padding: 16px 25px;
    line-height: 100%;
    margin-bottom: 15px;
    margin-right: 10px;
    border: 2px solid #fff;
    color: #fff;
}
.hs-accounting-sync-page  .bg-image-section  a.hs-white-btn:hover{
    background-color: #ffffff ;
    color: #000000 ;
}
.hs-accounting-sync-page .bg-image-section {
    background-position: left top;
    margin-top: -1px;
    padding: 50px 0 70px;
}
.hs-accounting-sync-page .hs-banner-right-col {
    margin-top: 30px;
}
.hs-accounting-sync-page .wistia_embed, 
.hs-accounting-sync-page .wistia_embed > div, 
.hs-accounting-sync-page .wistia_embed > div > div {
    max-width: 601px;
    width: 100% !important;
}
.hs-accounting-sync-page .hs-banner-right-col p {
    margin: 0;
}




/******************** Home Page *************************/


.hs-home-page .header-container-wrapper .row-fluid [class*="span"] {
    min-height: 1px;
}
.hs-home-page .header-container-wrapper{
    margin-top:-1px;
}
.hs-home-page-banner-right h1,.hs-home-page-banner-right h4{
    color:#fff;
}
.hs-home-page-banner-right{
    padding-right:15px;
}
.hs-home-page-banner-right h4{
    font-weight:normal;
}
.hs-home-page-banner-right a.hs-blue-btn {
    padding: 16px 25px 16px 30px;
    line-height: 100%;
    margin-bottom: 15px;
    margin-right: 10px;
    background: #6a98a9;
    color: #fff;
}
.hs-home-page-banner-right a.hs-blue-btn:hover{
    background: #5a8190;
    color: #ffffff;
}
.hs-home-page .bg-image-section {
    padding: 50px 0 70px;
    background-position: left top;
}
.hs-home-page .body-container {
    padding-top: 0;
}
.hs-home-section1 {
    padding-top: 50px;
}
.hs-home-section1 .page-center > div {
    padding-left: 15px;
    padding-right: 15px;
}
.hs-home-section1-col h3 a {
    text-decoration: none;
    color: #393836;
}
.hs-home-section1-col h3 a:hover {
    color: #5a8190;
}
.hs-home-section1-col img {
    max-width: 280px;//
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.hs-home-section1-col  a.hs-blue-btn {
    padding: 16px 25px 16px 30px;
    line-height: 100%;
    margin-bottom: 15px;
    margin-right: 10px;
    background: #6a98a9;
    color: #fff;
    max-width:250px;
    width:100%;
}
.hs-home-section1-col  a.hs-blue-btn:hover{
    background: #5a8190;
    color: #ffffff;
}
.hs-home-section1-col h6 {
    padding: 30px 20px 30px;
    margin-bottom: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;//
}
.hs-home-section1-col {
    position: relative;
}
@media (min-width: 1144px){
.hs-home-section1-col {
  min-height: 745px !important;
 // padding-bottom:60px;

}  .hs-home-section2 {margin-top:60px;}
}
@media (max-width:1143px) and (min-width: 900px){
    .hs-home-section1-col {
        min-height: 800px !important;
    }
}
@media (max-width:899px) and (min-width: 768px){
    .hs-home-section1-col {
        min-height: 900px !important;
    }
}


.hs-home-section1-col p{
 line-height:23px;   
}
.hs-home-section1-col h6 a.hs-blue-btn {
    margin-bottom: 0;
    margin-right: 0;
}
.hs-home-section2 {
    background: #6a98a9;
    color: #fff;
    padding:50px 0 95px;
}
.hs-home-section2 .page-center{
    padding-top:0;
    padding-bottom:0;
}
.hs-home-section2 h3{
    padding-top: 40px;
    color: #fff;
    text-align: center;
}
.hs-home-section2-row1 .cell-wrapper {
    max-width: 66.66666667%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.hs-home-section2-row1 .cell-wrapper p{
    color:#fff;
}
.hs-home-section4 {
    background: #efefef;
    padding-top: 40px;
    padding-bottom: 20px;
}
.hs-home-section4 h2{
    padding-bottom:32px;
}
.hs-home-section3 .page-center > div,
.hs-home-section4 .page-center > div{
    padding-left:15px;
    padding-right:15px;
}
.hs-home-section4-left img {
    max-width: 250px;
    margin-bottom: 10px;
}
.hs-home-section4-right {
    padding-top: 32px;
}

.hs-home-section3 {
    padding: 60px 0;
}
/************* testimonial***********/

ul#tips {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#tips li {
    background-image: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/modern-style-concept-top.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 10px 0;
    padding-top: 35px;
    width: 100%;
}
#tips li{
	display:none; /* hide the items at first only */
	}
ul#tips li a{
    text-decoration:none;
}
ul#tips li a:hover{
    color: #5a8190;
}
ul#tips li blockquote {
    background-color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    color: #555;
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: italic;
}
ul#tips li blockquote img{
    border: none;
    border-radius: 45px;
    bottom: 18px;
    box-shadow: 0 0 5px #ccc;
    height: auto;
    float: left;
    margin: 0 10px 10px 0;
    left: 50%;
    margin-left: -33px;
    position: absolute;
    width: 66px;
    z-index: 1;
}
ul#tips li blockquote p {
    font-family: titillium web ;
    font-size: 16px ;
    line-height: 1.5em;
    margin: 0;
    padding: 18px;
    position: relative;
    width: auto;
}
p.testimonial_author {
    background-image: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/modern-style-concept-bottom.png);
    background-position: center 0;
    background-repeat: no-repeat;
    height: 115px;
    padding: 0 !important;
    width: 100% !important;
}
.testimonial_author cite {
    left: 50%;
    position: absolute;
    right: 0;
    top: 30px;
    width: auto;
}
.testimonial-client {
    position: static;
    width: auto;
    word-wrap: break-word;
    font-family: 'Titillium Web';
    font-size: 14px;
    font-style: normal;
    line-height: 15px;
    color: #555;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    margin-left: 43px;
}
.testimonial-position {
    margin-top: 3px;
    display: block;
    color: #888;
    position: static;
    width: auto;
    font-family: 'Titillium Web';
    font-size: 14px;
    line-height: 12px;
    text-align: left;
    text-transform: uppercase;
    margin-left: 43px;
}

.page-center.hs-testimonial-wrapper{
    padding-top:0;
    padding-bottom:0;
}

/**************** Contact Page **************/

.hs-contact-page .bg-image-section {
    padding: 50px 0 0px;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
    min-height: 100px;
    background-size: cover;
}
.hs-contact-page .bg-image-section h1{
    color:#fff;
    text-align:Center;
}
.hs-contact-page .body-container {
    padding-top: 0;
}
.hs-contact-page .body-container .page-center{
    padding-top:0;
    padding-bottom:0;
}
.hs-contact-page-left-col{
    padding-top:50px;
    padding-bottom:85px;
}
.hs-contact-page-left-col a.hs-blue-btn {
    background: #6a98a9;
    color: #fff;
    padding: 16px 25px;
    line-height: 100%;
    margin-bottom: 15px;
    margin-right:10px;
    margin-top:20px;
}

.hs-contact-page-left-col a.hs-blue-btn:hover {
    background-color: #5a8190;
    color: #ffffff;
}
.hs-contact-page-right-col {
    padding: 20px 10px 30px 56px;
}
body.hs-contact-page form.hs-form fieldset {
    max-width: 500px;
}
body.hs-contact-page .hs-contact-section1-row1 {
    margin-bottom: 80px;
}

.hs-contact-page-right-social h5{
    position: relative;
    display: block;
    margin-bottom: 15px;
    line-height: 100%;
    font-family: Titillium Web;
    font-size: 13px;
    font-weight: 400;
    margin-top:10px;
    color: #555555;
    text-transform: uppercase;
}
.hs-contact-page-right-social h5:after {
    display: block;
    content: "";
    width: 70px;
    height: 5px;
    background-color: rgba(128,128,128,.2);
    margin: 10px 0;
}
.widget-social-container {
    padding: 0 10px;
}
.widget-social-container a {
    border: 3px solid #737373;
    color: #737373;
}
.widget-social-container a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.widget-social-container a {
    position: relative;
    display: inline-block;
    float: left;
    margin: 4px;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    box-sizing: content-box;
}
.widget-social-container a:hover {
    color:#fff;
    background-color: #737373;
}
.mk-icon-facebook:before {
    content: "\f09a";
}
.mk-icon-twitter:before {
    content: "\f099";
}
.mk-icon-google-plus:before {
    content: "\f0d5";
}
.mk-icon-linkedin:before {
    content: "\f0e1";
}
[class^=mk-icon-] {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.hs-contact-page .widget-type-form select {
    font-size: 12px;
    line-height: 14px;
    display: block;
    min-width: 240px;
    max-width: 100%;
    padding: 15px 14px 14px;
    color: #4e4e4e;
    background: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/selectbox-arrow.png) right center no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0!important;
    font-family:arial;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}
body.hs-contact-page .widget-type-form select option {
    padding: 0 4px;
    font-weight:normal;
}

body.hs-contact-page.hs-knowledgebase-page .hs-contact-section1-row1 {
    margin-bottom: 50px;
}

/*************** Full Width Page **********/

.hs-full-width-page{}

.hs-full-width-page .scroll-header.scroll-header-top .hs-header-wrapper {
   top:0 !Important;
    position: fixed;
    background: #222;
}
.hs-full-width-page .scroll-header .hs-header-wrapper {
    top: 0 !IMPORTANT;
    opacity: 1;
}
.hs-full-width-page .hs-header-wrapper {
    background: #222 !important;
    position: fixed !important;
    z-index: 60;
    width: 100% !important;
    left: 0;
}
.hs-full-width-page  img.mk-light-logo {
    display: none !IMPORTANT;
    height: 100%;
}
.hs-full-width-page .hs-header-wrapper img.mk-dark-logo {
    display: inline-block !IMPORTANT;
}
.hs-full-width-section1{
    padding-top:20px;
    padding-bottom:20px;
}


/********************** Accounting Sync Plan & Pricing ********************/

.plan-name {
   /* height: 60px;
    line-height: 60px; */
    font-size: 20px;
    color: #393836;
    background-color: #ffffff;
    border-bottom: 1px #EBEBEB;
}
.plan-pricing {
    line-height: 140px;
    font-size: 55px;
    font-weight: bold;
    box-sizing: initial;
    color: #ffffff;
}
.mk-button.rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mk-button {
    font-size: 16px;
}
.signup-button {
    padding: 10px 20px;
    color: #ffffff !important;
    background-color: #6a98a9;
    transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
}
.mk-button {
    position: relative;
    margin-right: 0 !Important;
    vertical-align: middle;
    text-align: center;
    text-decoration:none;
    cursor: pointer;
    zoom: 1;
    font-weight: 700;
    display: inline-block;
    font-size: 12px;
    -webkit-transform: translateZ(0);
    -webkit-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
    -ms-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
    -o-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
    transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
}
.mk-button span {
    font-size: 18px !important;
    vertical-align: middle;
}
.mk-button, .mk-button span {
    display: inline-block;
}
.mk-button-align.center {
    display: block!important;
    text-align: center;
}

.vc_col-sm-4 {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vc_col-sm-2 {
    float: left;
    width: 16.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mk-page-section {
    position: relative;
    overflow: hidden;
    min-height: 100px;
    padding: 20px 0;
}
.mk-page-section .vc_row-fluid {
    position: relative;
    z-index: 10;
}
.mk-video-holder {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.xero-select {
    border-radius: 15px 15px 0px 0px;
    cursor: pointer;
}
.qb-select {
    border-radius: 15px 15px 0px 0px;
    cursor: pointer;
}

.xero-select-img {
    max-width: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.qb-select-img {
    max-width: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mk-image.align-center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
@media (min-width: 768px){
    .hide-on-desktop {
        display: none !important;
    }
}
.tdmwsp-taxblock select {
    font-size: 12px;
    line-height: 14px;
    display: block;
    max-width: 240px;
    padding: 15px 14px 14px;
    color: #4e4e4e;
    border: 2px solid #eee;
    background: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/selectbox-arrow.png) right center no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}
.page-section-572884f16e287,
.page-section-572884f12e146 {
    padding: 20px 0;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: repeat;
}

.hs-accounting-sync-pricing-page .bg-image-section h1 {
    color: #fff;
}
.hs-accounting-sync-pricing-page .bg-image-section {
    padding: 50px 0 20px;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
    min-height: 100px;
    text-align: center;
    background-size: cover;
}
.hs-accounting-sync-pricing-page .hs-body-navigation-menu .widget-type-menu {
    /*background-image: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/accounting-sync.png); */
}
.hs-accounting-sync-pricing-page .hs-body-navigation-menu {
    background: rgba(106,152,169,0.9);
}
.hs-accounting-sync-pricing-page .body-container {
    padding-top:0;
}
.hs-accounting-sync-pricing-page-section2 {
    background: #eee;
    padding-bottom: 32px;
    padding-top:20px;
}
.hs-accounting-sync-pricing-page-section2 .page-center {
    background: #fff;
    border-radius: 5px;
    padding-top: 32px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    MAX-WIDTH: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding-bottom: 32px;
}

.hs-accounting-sync-pricing-page-section2 .page-center p img {
    vertical-align: middle;
}
.hs-accounting-sync-pricing-page-section2 .page-center p {
    margin: 0 0 20px;
    line-height: 26px;

}



/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */





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


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

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:transparent;
  float:right;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
    background:transparent;
    display: inline-block;
    margin: 0 1px 0 4px;
    text-align: right;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a{
    padding: 0 25px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
    color:#fff;
    display: block;
    font-family: Titillium Web;
    font-size: 15px;
    font-weight:700;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-align: center;
    text-decoration: none;
    line-height: 60px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#f2f2f2;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul {
    background: #222;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    right: 0;
    float: none !IMPORTANT;
    border-top: 1px solid #5a8190;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:#fff;
    padding: 8px 25px;
    text-decoration: none;
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:#f2f2f2;
}

@media (min-width:1141px){
.custom-menu-primary .hs-menu-wrapper > ul > li{
    position: static !important;
}
.custom-menu-primary .hs-menu-wrapper>ul ul li.hs-menu-depth-2{
    background:transparent;
    width: 33.25%;
    display: block;
    left: 0;
    position: relative !important;
    float: left;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 0;
    text-align: left;
    border-right: 1px solid rgba(255,255,255,.2);
}
.custom-menu-primary .hs-menu-wrapper>ul ul li.hs-menu-depth-2:last-child{
    border-right: none;
}
.custom-menu-primary .hs-menu-wrapper>ul ul ul.hs-menu-children-wrapper {
    position: static !important;
    border-top: none;
}    
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper ul {
    opacity: 1;
    visibility: visible;
}
}

.custom-menu-primary .hs-menu-wrapper>ul ul ul li {
    display: block !important;
    float: none !important;
}
.custom-menu-primary .hs-menu-wrapper>ul ul ul li a {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px 25px;
    margin-bottom: 0;
}
@media(min-width:1141px){
    .custom-menu-primary .hs-menu-wrapper > ul:hover > li > a {
        opacity: 0.7;
    }
    .custom-menu-primary .hs-menu-wrapper > ul:hover > li > a:hover {
        opacity: 1;
    }
}
/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:1141px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  }




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


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

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

@media (max-width:900px){


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

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

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

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


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

  .mobile-trigger {
        display: inline-block !important;
        cursor: pointer;
        position: static;
        top: 0;
        right: auto;
        left: 0;
        width: auto;
        height: auto;
        padding: 0 10px 0 0;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #000;
        float: left;
    }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#f2f2f2;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#f2f2f2;
  }


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

   .mk-burger-icon {
    width: 38px;
    height: 24px;
    -webkit-transform: translate(0,-45%);
    -moz-transform: translate(0,-45%);
    -ms-transform: translate(0,-45%);
    -o-transform: translate(0,-45%);
    cursor: pointer;
    margin-top:13px;
    }
    
    .mk-burger-icon div {
        background: #fff;
        height: 2px;
        margin-bottom: 5px;
        display: block;
        position: relative;
    }
    
    .burger-icon-1, .burger-icon-3 {
        transition: transform .2s ease;
        -webkit-transition: -webkit-transform .2s ease;
        -moz-transition: -moz-transform .2s ease;
        -ms-transition: -ms-transform .2s ease;
        -o-transition: -o-transform .2s ease;
    }
    
    .burger-icon-2 {
        transition: opacity .1s ease;
        -webkit-transition: opacity .1s ease;
        -moz-transition: opacity .1s ease;
        -ms-transition: opacity .1s ease;
        -o-transition: opacity .1s ease;
    }
    
    .mobile-open .burger-icon-3 {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        -o-transform: rotate3d(0,0,1,-45deg);
        top: -6px;
    }
    
    .mobile-open .burger-icon-2 {
        opacity: 0;
    }
    
    .mobile-open .burger-icon-1 {
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        -o-transform: rotate3d(0,0,1,45deg);
        top: 8px;
    }

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

  .child-trigger{
    display: block !important;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px !important;
    min-width: 70px !important;
    height: 50px !important;
    padding: 0 !important;
    text-align: center;
    opacity: 0.7;
  }
  .child-trigger:hover{
    text-decoration: none;
    color:#f2f2f2;
    opacity:1;
  }
  .child-trigger:after {
    content: "\e652";
    font-family: ArtbeesWPTokens;
    speak: none;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-variant: normal;
    text-transform: none;
    font-size:13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 50px;
    vertical-align: middle;
}
.child-trigger:hover:after {
    color:#f2f2f2;
}

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: absolute;
       width:100%;
       padding-top:0px; /* Makes room for button */
       margin: 0;
   }

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

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

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 17px;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0 0 19px;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#222222; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
    border-bottom: 1px solid rgba(128,128,128,.2);
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
  }
  .custom-menu-primary .hs-menu-wrapper>ul li a {
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.1);
    display: block;
    padding: 15px 20px !important;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    position: relative;
    line-height: 20px;
}
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#f2f2f2; /* link hover color set by global mobile-aColorHover variable */
  }
  .custom-menu-primary .hs-menu-wrapper>ul li.hs-menu-depth-2 > a {
        border-top: none;
    }
    .custom-menu-primary .hs-menu-wrapper>ul ul ul {
    border-top: none;
}
 .custom-menu-primary .hs-menu-wrapper>ul ul {
    background: transparent;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    right: 0;
    float: none!IMPORTANT;
    border-top: 1px solid rgba(128,128,128,.2);
 }
  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
  }
  .custom-menu-primary .hs-menu-wrapper>ul ul .child-trigger {
        display: none !important;
    }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    font-size: 14px !important;
    line-height: 12px;
    margin: 0;
    padding: 12px 15px 12px 25px !important;
    text-align: left;
    text-transform: none;
  }
 .custom-menu-primary .hs-menu-wrapper > ul ul ul{
     display:block !important;
 }
  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper>ul ul ul li a {
        font-size: 12px !important;
        line-height: 12px;
    }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}








/* ==========================================================================


   4. TEMPLATE MODULE SELECTORS                                         


   ========================================================================== */





/* Common Template Selectors                                             
   ========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content { min-height:500px!important;}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
   ========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                           
   ========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages                                          
   ========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}








/* ==========================================================================


   5. COS COMPONENTS                                        


   ========================================================================== */





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


/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {}

/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data a.author-link {}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  max-height: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {}

/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {text-align:center;}
.blog-pagination a {}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}

/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}
.author_strip {padding:10px;}
.authorStrip {padding:10px 0;}
/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}


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

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {}




/* ==========================================================================
   Forms
   ========================================================================== */


/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field {
    margin-bottom: 15px;
}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 15px;
    color: #393836;
}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    width: 100%;
    font-family: 'Titillium Web';
    font-size: 13px;
    padding: 12px 16px;
    letter-spacing: 1px;
    color: #666;
    border: 1px solid #dddddd ;
    border-radius: .25em ;
    margin-bottom: 15px;
    outline: 0;
    margin:0;
   /* max-width:500px;*/
    background-color: #fff;
    -webkit-appearance: none;
}

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

/* Separate Styles for Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

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

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }

  .blog_listing_all {height:320px;} 
  .blog-title a {font-size:1em;}
}




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


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

/*body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
    font-family: 'Titillium Web';
    text-decoration: none !important;
    background-color: #6A98A9;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 25px;
    color: #fff ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: none ;
    display:inline-block;
}

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

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
    outline:none;
} */


/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {
    display:table !important;
    margin-top:15px;
}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


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

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}








/* ==========================================================================


   6. MISCELLANEOUS                                      


   ========================================================================== */
   

   
div#xero-features {
    display: none !important;
}
.custom_error_message .hs-button{
    display:table !important;
    margin-top:15px !important;
}

body .inputs-list {
    list-style:none;
    margin: 0;
    padding: 0
}
.hs-form-booleancheckbox,
.hs-blog-social-share li,
li.hs-form-radio {
    list-style: none;
    background:none;
    padding: 0;
    margin: 0 !important;
    text-decoration:none;
}
.hs-form-required {
  color: #393836;
}
ul.hs-error-msgs.inputs-list li label {
    color: #fff;
    margin: 0;
}
ul.hs-error-msgs.inputs-list li {
    margin-left: 0 !important;
    background: #6A98A9;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 2px;
}
h3.form-title {
    color: #393836;
    font-family: Titillium Web;
    font-size: 30px;
    font-weight: 700;
    margin-top:0;
    margin-bottom: 30px;
    line-height: 1.2em;
}

.widget-type-email_subscriptions h1, .widget-type-email_simple_subscription h1 {}
.widget-type-email_subscriptions h2{}
.widget-type-email_subscriptions_confirmation h2{}

#back-to-top {
    display: block;
    cursor: pointer;
    z-index: 99999;
    position: fixed;
    font-size: 24px;
    text-align: center;
    bottom: 25px;
    background-color: rgba(0,0,0,.4);
    right: 25px;
    color: #fff;
    width: 42px;
    height: 42px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    line-height: 39px;
}
#back-to-top:hover {
    background-color: rgba(0,0,0,.6);
}
.mk-icon-angle-up:before {
    content: "\f106";
}


.hs-system-pages .scroll-header.scroll-header-top .hs-header-wrapper {
   top:0 !Important;
    position: fixed;
    background: #222;
}
.hs-system-pages .scroll-header .hs-header-wrapper {
    top: 0 !IMPORTANT;
    opacity: 1;
}
.hs-system-pages .hs-header-wrapper {
    background: #222 !important;
    position: fixed !important;
    z-index: 60;
    width: 100% !important;
    left: 0;
}
.hs-system-pages  img.mk-light-logo {
    display: none !IMPORTANT;
    height: 100%;
}
.hs-system-pages .hs-header-wrapper img.mk-dark-logo {
    display: inline-block !IMPORTANT;
}




/******************* 404 Page ***********************/

.custom-404-page .hs-error-page-section-header {
    background-color: #c6c6c6;
    padding: 40px 0;
}

.custom-404-page .hs-error-page-section-header .page-center {
    padding-top: 0;
    padding-bottom: 0;
}

.custom-404-page .hs-error-page-section-header .page-center h1 {
    float: left;
    margin: 0;
    color: #fff;
}
.custom-404-page .hs-error-page-section-header .page-center p {
    float: right;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0;
}
.custom-404-page .hs-error-page-section-header .page-center p a {
    color: rgba(255,255,255,.5);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-perspective: 1000;
}
.custom-404-page .hs-error-page-section-header .page-center p a:hover{
    color: #5a8190;
}

.custom-404-page .main-content {
    padding: 20px 0;
}
.custom-404-page .main-content .widget-type-google_search form.hs-form .field > label {
    display: none;
}
.custom-404-page .main-content .widget-type-google_search form.hs-form {
    position: relative;
    max-width: 320px;
}
.custom-404-page .main-content .widget-type-google_search input[type="text"] {
    margin: 0 3px 3px 0;
    padding: 12px 28px 14px 12px;
    width: 100%;
    letter-spacing: 1px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-perspective: 1000;
    color: grey;
    border: 2px solid rgba(128,128,128,.2);
    font-size: 12px;
    text-transform: uppercase;
    background: 0 0;
}
.custom-404-page .main-content .widget-type-google_search .hs-button.primary:after {
    content: "\f002";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    line-height: 43px;
}
.custom-404-page .main-content .widget-type-google_search .hs-button.primary {
    position: absolute;
    top: 50%;
    right: -1px;
    margin-top: -25px;
    font-size: 16px;
    display: block !important;
    width: 43px;
    padding: 0;
    height: 47px;
    line-height: 1;
    text-align: center;
    color: rgba(128,128,128,.6);
    border-left: 2px solid rgba(128,128,128,.2);
    border-radius: 0;
    background: transparent;
}
.custom-404-page .main-content .widget-type-google_search .hs-button.primary:hover {
    background: rgba(128,128,128,.1) !important;
}





/********** Default Blog Style *************/

.blog-sidebar > div {
  margin-bottom: 25px;
}
/* 
 * .blog-listing-wrapper .post-listing .post-item {
    border-bottom: 1px solid #cccccc;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
*/
.blog-listing-wrapper .post-listing .post-item .post-body {}

.blog-post-wrapper h2, .post-header h2{
	margin-bottom: 10px;
}

.blog-post-wrapper h2 a, .post-header h2 a{
	text-decoration: none;
}
.blog-post-wrapper h2 a:hover, .post-header h2 a:hover{}

#hs_cos_wrapper_blog_subscription_title{}

#comment-form h4{}

#hubspot-topic_data{
	color: #888888;
	font-weight:700;
}
.post-listing #hubspot-author_data{
	margin-top: 0;
}
.hs-form .input ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hs-form .input ul li{
	padding: 0 !important;
}
.custom_listing_comments {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0;
}
.more-link{
	display: inline-block;
	padding-top: 20px;
}
.hs-blog-social-share{
	height: auto;
}
.blog-sidebar .cell-wrapper{
	margin-bottom: 15px;
}
.blog-sidebar ul{
	list-style: disc;
    list-style-position:inside;
	padding: 0;
	margin: 0;
}
.blog-sidebar ul li{
	padding: 0 0 10px;
}

.blog-pagination .previous-posts-link {
    display: block;
}
.blog-pagination .all-posts-link {
    display: block;
}
.blog-pagination .next-posts-link {
    display: block;
}


/* -------------- Default Code for comment ------------ */

#comments-listing {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
}


.comment.depth-0 {
    border-bottom: 1px solid #000 !important;
    border-top: medium none !important;
    margin: 0 10px 10px !important;
    padding: 0 15px !important;
}

.comment-body {
    border-bottom: medium none;
    color: #696969;
    display: block;
    font-family: 'Titillium Web';
    font-size: 16px;
    line-height: 20px;
    padding: 0;
}

.comment-reply-to{
  margin-bottom: 15px;
}

.comment-from h4 {
    margin: 0;
    padding-top: 15px;
}

.comment-date {
    color: #696969 !important;
    display: block !important;
    text-align: left;
}

/* -------------------- Ends ----------- */

/* -------------- Default Code for Author Bio ------------ */

#hubspot-author_data .hs-author-avatar {
 max-width: 70px;
 padding: 10px 10px 10px 0;
}

#hubspot-author_data .hs-author-avatar img {
 height: auto !important;
 max-width: 100%;
}

.hs-blog-social-share {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    height: auto;
    margin-top: 10px;
    padding: 10px 0 0;
}

/* -------------------- Ends ----------- */

.bg-image-section.hs-blog-banner .hs-blog-header h1 {
    text-align: center;
    color: #fff;
}

/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/ 


/************************ Partner Stories *************************/


.blog.hs-partner-stories-List .hs-body-navigation-menu {
    background: rgba(106,152,169,1);
    min-height:60px !important;
}
.blog.hs-partner-stories-List .hs-body-navigation-menu .page-center {
    background: url(//cdn2.hubspot.net/hubfs/530549/Wise_Sync_Apr2016/IMages/partnerstories.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    padding-top: 60px;
    padding-left: initial;
}
/*.blog .body-container .page-center {
    padding-top: 60px;
}*/
.blog.hs-partner-stories-List  .hs-blog-header {
    display: none !important;
}
.blog .body-container {
    padding-top: 0;
}
.blog-listing-wrapper  .span12.widget-span.widget-type-raw_jinja.hs-blog-header h1 {
    display: none;
}
.hs-partner-stories-List .blog-listing-wrapper .hs-featured-image-wrapper:hover .hover-overlay {
    opacity: 0.6;
}
.hs-partner-stories-List .blog-listing-wrapper  .post-item {
    width: 24.9%;
    float:left;
}

.hs-partner-stories-List .post-body.clearfix {
    margin: 0 1px 1px 0;
}

.hs-partner-stories-List .blog-listing-wrapper .hs-featured-image-wrapper {
    position: relative;
}

.hs-partner-stories-List .blog-listing-wrapper .hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    z-index: 10;
}
.hs-partner-stories-List .blog-listing-wrapper .hs-featured-image {
    float: none;
    margin: 0;
    max-width: 100%;
}
.hs-partner-stories-List .blog-listing-wrapper .post-header {
    position: absolute;
    top: 50%;
    opacity: 0.5;
    z-index: 10;
    text-align: center;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-perspective: 1000;
    left: 10px;
    transform:translateY(-50%);
    display: inline-block;
    right: 10px;
}

.hs-partner-stories-List .blog-listing-wrapper  .the-title {
    margin-bottom: 10px;
    opacity: .7;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)';
    position: relative;
    transition: opacity .35s;
    padding: 14px 12px;
    font-weight: 700;
    color: #fff;
    font-size: 23px;
    display: block;
    line-height: 1.2;
    text-transform: uppercase;
}

.hs-partner-stories-List .blog-listing-wrapper  .the-title:before {
    position: absolute;
    width: 0;
    height: 0;
    transition: height .5s,width .5s,opacity .5s;
    left: 0;
    top: 0;
    border-left: 4px solid #fff;
    border-top: 4px solid #fff;
    content: '';
    border-radius: 3px;
    opacity: 0;
}

.hs-partner-stories-List .blog-listing-wrapper  .the-title:after {
    position: absolute;
    width: 0;
    height: 0;
    transition: height .25s,width .25s,opacity .25s;
    right: 0;
    bottom: 0;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    content: '';
    border-radius: 3px;
    opacity: 0;
}

.hs-partner-stories-List .blog-listing-wrapper  .hs-featured-image-wrappe:hover .the-title {
    opacity: 1;
}

.hs-partner-stories-List .blog-listing-wrapper  .hs-featured-image-wrappe:hover .the-title:after,.hs-featured-image-wrappe:hover .the-title:before {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.blog-listing-wrapper  .hs-featured-image-wrapper:hover .the-title {
    opacity: 1;
}

.hs-partner-stories-List .blog-listing-wrapper  .hs-featured-image-wrapper:hover .the-title:before {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.hs-partner-stories-List .blog-listing-wrapper  .hs-featured-image-wrapper:hover .the-title:after {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.hs-partner-stories-List .blog-listing-wrapper  .hs-featured-image-wrapper:hover .post-header {
    opacity: 1;
}

.hs-partner-stories-List .blog-listing-wrapper  .hs-featured-image-wrapper .post-header a {
    text-decoration: none;
    cursor: pointer;
    padding: 40px;
}

.blog.hs-partner-stories-List .header-container-wrapper .row-fluid [class*="span"] {
    min-height: 1px;
}
.blog.hs-partner-stories-List .header-container-wrapper{
    margin-top:-1px;
}
.blog.hs-partner-stories-List .bg-image-section h1 ,
.blog.hs-partner-stories-List  .bg-image-section h4{
    color:#fff;
}
.blog.hs-partner-stories-List  .bg-image-section h4{
    font-weight:normal;
}
.blog.hs-partner-stories-List  .bg-image-section  .span6.widget-span.widget-type-rich_text {
    padding-right: 15px;
}
.blog.hs-partner-stories-List .bg-image-section {
  /*  padding: 170px 0 95px; */
    background-position: left center;
}

.blog.hs-partner-stories-List .bg-image-section a.hs-blue-btn {
    padding: 16px 25px;
    line-height: 100%;
    margin-bottom: 15px;
    margin-right: 10px;
    background: #6a98a9;
    color: #fff;
}

.blog.hs-partner-stories-List .bg-image-section a.hs-blue-btn:hover {
    background-color: #5a8190;
    color: #dddddd;
}
.blog.hs-partner-stories-List .body-container .page-center {
    padding-bottom: 0;
}


/***************** Post page ******************/

.blog.hs-partner-stories-post .scroll-header.scroll-header-top .hs-header-wrapper {
   top:0 !Important;
    position: fixed;
    background: #222;
}
.blog.hs-partner-stories-post .scroll-header .hs-header-wrapper {
    top: 0 !IMPORTANT;
    opacity: 1;
}
.blog.hs-partner-stories-post .hs-header-wrapper {
    background: #222 !important;
    position: fixed !important;
    z-index: 60;
    width: 100% !important;
    left: 0;
}
.blog.hs-partner-stories-post  img.mk-light-logo {
    display: none !IMPORTANT;
    height: 100%;
}
.blog.hs-partner-stories-post  .hs-header-wrapper img.mk-dark-logo {
    display: inline-block !IMPORTANT;
}
.hs-blog-breadcrumb {
    background: #c6c6c6;
    padding: 40px 0;
}
.blog.hs-partner-stories-post .body-container {
    padding-top: 55px;
}
.blog.hs-partner-stories-post .hs-blog-breadcrumb .page-center {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.blog.hs-partner-stories-post .hs-blog-breadcrumb .hs-top-main-wrapper h1 {
    float: left;
    margin-left: 0;
    margin-bottom: 0;
    color: #fff;
}
.hs-breadcrumbs-inner {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1px;
    color: #fff;
}
.hs-breadcrumbs-inner  a {
    color: rgba(255,255,255,.5);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-perspective: 1000;
    text-decoration:none;
}
.hs-breadcrumbs-inner  a:hover{
    color:#5a8190;
}
.blog.hs-partner-stories-post  .blog-content {
    padding: 40px 30px;
}
.blog.hs-partner-stories-post  .body-container .page-center {
    padding-top: 40px;
}
.blog.hs-partner-stories-post  .blog-content  a{
    text-decoration:none;
   /* color:#333;*/
}
.blog.hs-partner-stories-post  .blog-content a:hover{
    color: #5a8190;
}
.blog.hs-partner-stories-post  .blog-content h6 {
    padding-top: 30px;
    margin-bottom: 0;
}
.blog.hs-partner-stories-post  .blog-content  a.hs-white-btn {
    border: 2px solid #696969;
    padding: 16px 25px;
    line-height: 100%;
    margin-left: 25px;
    color: #696969;
}
.blog.hs-partner-stories-post  .blog-content  a.hs-white-btn:hover {
    background-color: #696969 ;
    color: #ffffff ;
}
.single-post-fancy-title {
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    margin: 50px 30px 40px;
    position: relative;
}
.single-post-fancy-title > span:first-child {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 3;
    padding-right: 10px;
}
.single-post-fancy-title:after {
    display: block;
    content: "";
    width: 100%;
    height: 5px;
    margin-top: -1px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    background-color: #eee;
}
.single-post-fancy-title .hs-blog-social-share {
    border-top: none;
    border-bottom: none;
    height: auto;
    float: right;
    background: #fff;
    z-index: 4;
    position: relative;
    margin-top:0;
    padding: 0 0 0 10px;
}
.hs-related-projects {
    margin-top: 100px;
    margin-bottom: 20px;
}

/*********************** Blog Navigation ***********/
.blog .footer-container-wrapper {
    font-weight: normal;
}
.mk-post-nav {
    position: fixed;
    top: 50%;
    margin-top: -115px;
    text-decoration: none;
    z-index: 200;
    width: 60px;
    transition: all .6s cubic-bezier(.77,0,.175,1);
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    -moz-transition: all .6s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .6s cubic-bezier(.77,0,.175,1);
    -o-transition: all .6s cubic-bezier(.77,0,.175,1)
}

@media handheld,only screen and (max-width: 767px) {
    .mk-post-nav {
        display:none
    }
    
    .row-fluid .contact-flexible-box>span>div .contact-container .contact-content>div { width:100%; text-align:center; }
    .row-fluid .contact-flexible-box>span>div .contact-container .contact-img { width:100%;text-align:center;  }
    .row-fluid .contact-detail-height { width:100%; height:auto !important; text-align:center; }
    .row-fluid .contact-detail-img.set-bg {  background:none !important;  }
    .row-fluid .contact-detail-img .get-bg { display:block;  } 
    .row-fluid .contact-detail-img .get-bg img { width:100% !important; }
    .row-fluid .contact-img.equial-height { height:auto !important; background:none !important;  }
    
    
    .row-fluid .contact-section { padding:40px 0; }
    .row-fluid .contact-detail { padding-bottom:50px; }
    .row-fluid .contact-flexible-box { text-align:center; }
    .row-fluid .contact-flexible-box>span>div { float:none; display:inline-block; width:400px; max-width:100%;   }
    .row-fluid .contact-flexible-box>span>div .contact-container .contact-content { width:100%; }
    .link-box a { margin:10px 0; }
    .row-fluid .min-title-box>span>div { width:100%; margin:10px 0;  }
    .row-fluid .tab-link a { max-width:100%; margin:2px auto !important; float:none; width:300px; display:block; }
    
    
}

.pagnav-wrapper .pagenav-top {
    height: 130px;
    display: block;
    position: relative;
    z-index: 201;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.pagnav-wrapper .pagenav-top .pagenav-image {
    position: absolute;
    display: block;
    height: 130px;
    opacity: 0;
    width:125px;
    transition: all .15s ease-out .2s;
    -webkit-transition: all .15s ease-out .2s;
    -moz-transition: all .15s ease-out .2s;
    -ms-transition: all .15s ease-out .2s;
    -o-transition: all .15s ease-out .2s;
    background-size: cover;
    background-repeat: no-repeat;
}

.pagnav-wrapper .pagenav-top .pagenav-image img {
    height: 130px;
    width: 125px;
    line-height: 4px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pagnav-wrapper .pagenav-top .mk-pavnav-icon {
    position: absolute;
    width: 60px;
    height: 130px;
    display: table;
    text-align: center;
    background-color: #dfdfdf;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    transition: background .3s ease-out;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -ms-transition: background .3s ease-out;
    -o-transition: background .3s ease-out
}

.pagnav-wrapper .pagenav-top .mk-pavnav-icon i {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.pagnav-wrapper .nav-info-container {
    position: absolute;
    width: 185px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.pagnav-wrapper .pagenav-bottom {
    display: block;
    height: inherit;
    background-color: #16a085;
    width: inherit;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding: 20px 15px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pagnav-wrapper .pagenav-title {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}
.pagnav-wrapper .pagenav-category, .pagnav-wrapper .pagenav-title {
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 400;
    text-overflow: ellipsis;
}
.pagnav-wrapper .pagenav-category {
    font-size: 10px;
    line-height: 10px;
    display: block;
    color: rgba(255,255,255,.5);
    letter-spacing: 1px
}

.mk-post-next {
    right: 0
}

.mk-post-next .pagenav-image {
    right: 60px;
    -webkit-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.mk-post-next .nav-info-container,.mk-post-prev .mk-pavnav-icon {
    right: 0
}

.mk-post-next .pagenav-bottom {
    transition: all .2s ease-out 0;
    -webkit-transition: all .2s ease-out 0;
    -moz-transition: all .2s ease-out 0;
    -ms-transition: all .2s ease-out 0;
    -o-transition: all .2s ease-out 0
}

.mk-post-prev .pagenav-image {
    left: 60px;
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.mk-post-prev .pagenav-bottom {
    transition: all .2s ease-in 0;
    -webkit-transition: all .2s ease-in 0;
    -moz-transition: all .2s ease-in 0;
    -ms-transition: all .2s ease-in 0;
    -o-transition: all .2s ease-in 0
}

.mk-post-prev .nav-info-container {
    left: 0
}
.mk-post-next .mk-pavnav-icon, .mk-post-prev {
    left: 0;
}
.mk-post-nav:hover .mk-pavnav-icon {
    background-color: #252525
}

.mk-post-nav:hover .pagenav-image {
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    /* -webkit-transform:rotateY(0); */
    transform: rotateY(0);
    opacity: 1;
}

.mk-post-nav:hover .pagenav-bottom {
    transition: all .15s ease-in .15s;
    -webkit-transition: all .15s ease-in .15s;
    -moz-transition: all .15s ease-in .15s;
    -ms-transition: all .15s ease-in .15s;
    -o-transition: all .15s ease-in .15s;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}
.mk-icon-chevron-left:before {
    content: "\f053";
}
.mk-icon-chevron-right:before {
    content: "\f054";
}


/************WOT MENU CSS*************/



/*************END*********************/




/* ==========================================================================


   7. MOBILE MEDIA QUERIES                              


   ========================================================================== */



   

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */
.custom-menu-primary.hs-visible-phone{
    display:none !Important;
}
@media(max-width:1240px){
    .hs-body-navigation-menu .hs-menu-wrapper ul,
    .custom-menu-primary .hs-menu-wrapper>ul {
        padding-right: 35px;
    } 
    .hs-top-courtesy-links {
        padding-right: 45px;
    }
    #back-to-top {
        bottom: 60px;
    }
}
@media(max-width:1224px){
    .hs-home-page .bg-image-section {
        padding: 50px 0 20px;
    }
    .blog.hs-partner-stories-List .bg-image-section {
        padding: 170px 0 20px;
    }
    .hs-contact-page .bg-image-section {
        padding: 50px 0 0px;
    }
}
@media(max-width:1160px){
    .hs-header-wrapper {
        background: #222;
        position:relative;
    }
    img.mk-dark-logo {
        display: inline-block !IMPORTANT;
    }
    img.mk-light-logo {
        display: none;
    }
}

@media (max-width: 1140px) {
    .custom-menu-primary .hs-menu-wrapper>ul {
        padding-right: 0px;
    }  
    
    .custom-menu-primary.hs-visible-phone{
        display:block !Important;
    }
    .custom-menu-primary.hs-hidden-phone{
        display:none !important;
    }
    .hs-header-logo a {
        display: inline-block;
        padding-left: 22px;
    }
    body.mobile-open {
        overflow: hidden;
        position: fixed;
        height: 100%;
    }
    .mobile-open .custom-menu-primary {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    .hs-header-wrapper {
        height: 95px;
    }
    body .footer-container .hs-footer-bottom-wrapper .page-center{
        padding-left:20px;
        padding-right:20px;
    }
    .hs-accounting-sync-feature-page .hs-body-navigation-menu,
    .hs-body-navigation-menu {
        background: transparent !important;
    }
    .hs-accounting-sync-feature-page .hs-body-navigation-menu .widget-type-menu,
    .hs-body-navigation-menu .widget-type-menu {
        background-image: none;
        padding-top: 36px;
        padding-bottom: 24px;
    }
    .hs-body-navigation-menu .widget-type-menu .cell-wrapper {
        margin-bottom: 35px;
    }
    .hs-body-navigation-menu .hs-menu-wrapper ul {
        text-align: center !important;
        float: none !important;
        padding-right: 0 !IMPORTANT;
    }
    .hs-body-navigation-menu .hs-menu-wrapper ul li {
        margin-left: 0;
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        padding: 5px;
    }
    .hs-body-navigation-menu .hs-menu-wrapper ul li a {
        padding: 0 0 12px 0px;
        line-height: 18px;
        font-size: 23px;
        font-weight: normal;
        display: inline-block !important;
        border-bottom: 2px solid rgba(128,128,128,.1);
        margin: 0 0 12px;
        color: #333333;
        transition:none;
    }
    .hs-body-navigation-menu .hs-menu-wrapper ul li.active-branch a {
        color: #333;
    }
    .hs-body-navigation-menu .hs-menu-wrapper ul li a:hover {
        color: #5a8190;
        -webkit-tap-highlight-color: transparent;
        opacity:1;
    }
    .hs-payments-pricing-section1 {
        padding-top: 38px;
    }
    .hs-payments-pricing-section1 .hs-payments-section1-row1 ul li figure {
        height: auto;
    }
    .hs-payments-pricing-section1 .hs-payments-section1-row1 ul li {
        width: 100%;
    }
    .hs-accounting-sync-feature-page .bg-image-section {
        padding: 50px 0 20px;
    }
    .hs-accounting-sync-page .bg-image-section {
        padding: 50px 0 20px;
    }
    .hs-accounting-sync-page-section2 {
        padding: 10px 0 30px;
    }
    .blog.hs-partner-stories-List .hs-body-navigation-menu {
        display: none !important;
    }
    .hs-accounting-sync-pricing-page .bg-image-section{
            padding: 50px 0 20px;
    }
}

@media(max-width:1024px){
    .hs-accounting-sync-page .bg-image-section {
        background-position: center center;
    } 
    .hs-accounting-sync-pricing-page .bg-image-section,
    .hs-contact-page .bg-image-section,
    .blog.hs-partner-stories-List .bg-image-section,
    .hs-home-page .bg-image-section {
        background-position: center;
        background-attachment: scroll;
    }     
}

@media(max-width:960px){
    .hs-partner-stories-List .blog-listing-wrapper  .post-item{
        width: 49.8%;
    }    
}
@media(min-width:768px) and (max-width:900px){
    .hs-home-section1-col img {
        max-width: 100%;
    }    
    .row-fluid .tab-section{ padding:15px; }
}

@media(max-width:990px) and (min-width:768px){
    .hs-accounting-feature-section3 .hs-sync-four-col .hs_cos_wrapper_type_custom_widget:nth-child(2n+1) {
        clear: left;
    }
    .hs-accounting-feature-section3 .hs-sync-four-col .hs_cos_wrapper_type_custom_widget {
        width: 50%;
    }    
}
@media (max-height: 620px) and (max-width: 767px) {
    
    .custom-menu-primary .hs-menu-wrapper {
        overflow-y: auto !important;
        max-height: 350px;
    }
    
}

@media(min-width:768px){
    .hs-float-left {
        float: right !IMPORTANT;
    }
    .hs-float-right {
        float: left !important;
        margin-left: 0 !IMPORTANT;
    }
}

/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 767px) {
    body input[type="text"],
    body input[type="password"], 
    body input[type="datetime"], 
    body input[type="datetime-local"], 
    body input[type="date"], 
    body input[type="month"], 
    body input[type="time"], 
    body input[type="week"], 
    body input[type="number"], 
    body input[type="email"], 
    body input[type="url"], 
    body input[type="search"], 
    body input[type="tel"], 
    body input[type="color"],
    body input[type="file"],
    body textarea,
    body select {
      max-width: 100%;
    }
    body .footer-container .hs-footer-bottom-wrapper .page-center {
        text-align: center;
    }
    .mk-footer-social {
        float: none!important;
        display: block;
        margin: 20px 0 0!important;
        text-align: center;
        width: 100%;
    }
    .mk-footer-social li {
        float: none;
    }
    .mk-footer-social li a {
        margin: 0 8px;
    }
    .hs-footer-top-wrapper .page-center .span3,
    .hs-footer-top-wrapper .page-center .span2 {
        width: 100% !important;
        padding-left: 25px;
    }
    .hs-footer-top-wrapper .hs-footer-col-4 img {
        display: inline-block;
        margin-left: 0;
        padding-right: 0;
    }
    .span3.hs-footer-col2 {
        padding-bottom: 20px;
    }
    .hs-footer-top-wrapper {
        padding: 80px 0 20px;
    }
    .hs-top-courtesy-links {
        display: none !important;
    }
    .hs-header-wrapper {
        height: auto;
        padding-top:0px;
        min-height: 81px !important;
    }
    .hs-header-logo a {
        padding-left: 22px;
    }
    img.mk-dark-logo {
        margin-top: -2px;
    }
    .custom-menu-primary.js-enabled .hs-menu-wrapper {
        padding: 0;
        top:0;
    }
    .custom-menu-primary.js-enabled {
        padding-top: 0px;
        margin: 0;
    }
    .hs-banner-left-col {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .hs-payments-section2-right-col,
    .hs-payments-section2-left-col h3,
    .hs-managed-advisory-section2,
    .hs-banner-form h3.form-title {
        text-align: center;
    }
    .hs-managed-advisory-section2 .hs-section2-left-col .cell-wrapper,
    .hs-managed-advisory-section2 .hs-section2-right-col,
    .hs-banner-form {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hs-section-flexi .hs_cos_wrapper_type_custom_widget {
        width: 100% !important;
        float: none !important;
    }
    .custom-menu-primary .hs-menu-wrapper>ul {
        padding-bottom: 0px;
    }
    .hs-payments-page .hs-banner-left-col {
        padding-bottom: 50px;
    }
    .hs-payments-features-section1, .hs-payments-features-section2, .hs-payments-features-section3 {
        padding-top: 85px;
        text-align: center;
    }
    .hs-payments-feature-section1-right-col,
    .hs-payments-feature-section2-left-col, 
    .hs-payments-features-section3 .hs-image-wrapper, 
    .hs-image-slider {
        padding-right: 15px;
        padding-left: 15px;
    }
    .hs-payment-feature-section3-cols a {
        margin: 0 auto 35px;
    }
    .hs-payments-pricing-section1 hr {
        width:50%;
    }
    .hs-payments-pricing-section1 .hs-payments-section1-row1 ul li figure {
        height: auto;
        min-height: 142px;
    }
    .hs-payments-pricing-section2 .hs-payments-section2-left-col {
        text-align: center;
    }
    .hs-payments-pricing-section1 {
        padding-bottom: 20px;
    }
    .hs-payments-pricing-section5,
    .hs-payments-pricing-section4 .hs-pricing-three-col p,
    .hs-payments-pricing-section3 h5, .hs-payments-pricing-section2 h5,
    .hs-payments-pricing-section4 h4, .hs-payments-pricing-section3 h4 {
        text-align: center;
    }
    .hs-two-col-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    .hs-two-col-left p,
    .hs-two-col-right p{
        text-align:center;
    }
    .hs-two-col-left, .hs-two-col-right {
        width: 100%;
        padding:0;
        float: none;
    }
    .hs-payments-pricing-section3 h4:after,
    .hs-payments-pricing-section2 h4:after, 
    .hs-payments-pricing-section4 h4:after{
        display:none;
    }
    .hs-accounting-sync-feature-page .bg-image-section {
        background-position: center;
    }
    .hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-left-col {
        width: 100%;
        float: none;
        padding-right: 15px;
        text-align: center;
        padding-left: 15px;
    }
    .hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-right-col {
        padding-left: 15px;
        margin-top: 10px;
        width: 100%;
        float: none;
        padding-right: 15px;
        text-align: center;
    }
    .hs-accounting-feature-section2-right {
        text-align: center;
    }
    .hs-account-sync-section5 .hs-sync-four-col .hs_cos_wrapper_type_custom_widget,
    .hs-accounting-feature-section3 .hs-sync-four-col .hs_cos_wrapper_type_custom_widget {
        width: 100%;
        text-align: center;
        float: none;
    }
    .hs-accounting-feature-section4 .hs-two-col-wrapper {
        text-align: center;
    }
    .hs-sync-section5-right {
        text-align: center;
    }
    .hs-account-sync-section5 .hs-sync-four-col li {
       /* list-style: none;*/
    }
    .hs-section5-slider-group .hs-image-slider {
        padding-left: 0;
        padding-right: 0;
    }
    .hs-sync-section5-three-col .hs_cos_wrapper_type_custom_widget {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .hs-accounting-sync-section6-col2 li,
    .hs-accounting-sync-section6 li,
    .hs-sync-section5-three-col .hs_cos_wrapper_type_custom_widget li{
        list-style-position:inside;
    }
    .hs-accounting-sync-section6 li,
    .hs-sync-section5-three-col .hs_cos_wrapper_type_custom_widget li{
         /* list-style: none;*/
    }
    .widget-span.widget-type-widget_container.hs-sync-section5-three-col {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .hs-accounting-sync-section6 {
        text-align: center;
    }
    .hs-accounting-sync-page .hs-banner-right-col {
        text-align: center;
    }
    .hs-accounting-sync-page .hs-banner-right-col p a{
        display:block;
    }
    .hs-accounting-sync-page .bg-image-section {
        padding-bottom:100px;
    }
    .hs-accounting-sync-page .hs-accounting-sync-page-section1 {
        padding: 130px 0 105px;
        text-align: center;
    }
    .hs-accounting-sync-page-section1-right {
        padding-top: 25px;
    }
    .hs-account-sync-section1-flexi .hs_cos_wrapper_type_custom_widget {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
    .hs-accounting-sync-page-section9,
    .hs-accounting-sync-page-section7,
    .hs-accounting-sync-page-section6,
    .hs-accounting-sync-page-section5,
    .hs-accounting-sync-page-section4,
    .hs-accounting-sync-page-section3,
    .hs-accounting-sync-page-section2 {
        text-align: center;
    }
    .hs-accounting-sync-page-section6 .hs-accounting-sync-page-section6-right a.hs-blue-btn,
    .hs-accounting-sync-page-section4-right a.hs-blue-btn {
        float: none;
    }
    .hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }
    .hs-accounting-sync-page  .hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget .hs-icon-right-col {
        padding-top: 10px;
        width: 100%;
        margin-top: 0;
    }
    .hs-accounting-sync-page .hs-sync-section-flexi .hs_cos_wrapper_type_custom_widget:nth-child(4) {
        margin-top: 50px;
    }
    .hs-new-customer-wrapper,
    .hs-us-complex,
    .hs-payments-check,
    .blog.hs-partner-stories-List .bg-image-section,
    .hs-home-section4-right,
    .hs-home-page .bg-image-section {
        text-align: center;
    }
    .blog.hs-partner-stories-List .bg-image-section .span6.widget-span.widget-type-rich_text {
        padding-right: 0;
    }
    .hs-home-section1-col p {
        text-align: center;
        line-height: 23px;
    }
    .hs-home-section2-row1 .cell-wrapper {
        max-width: 100%;
    }
    .blog.hs-partner-stories-post .body-container {
        padding-top: 81px;
    }
    .blog.hs-partner-stories-post .body-container .page-center {
        padding-top: 20px;
    }
    .blog.hs-partner-stories-post .body-container .section.post-body {
        text-align: center;
    }
    .single-post-fancy-title{
        text-align: center;
    }
    .single-post-fancy-title>span:first-child {
        display: block;
        padding-right: 0;
        text-align: center;
    }
    .single-post-fancy-title .hs-blog-social-share {
        float: none;
        padding: 0 0 0 10px;
        display: block;
        margin: 40px auto 20px;
    }
    .single-post-fancy-title:after{
        display:none;
    }
    .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
        float: none;
        margin-right: 5px;
        display: inline-block !important;
        vertical-align: top;
    }
    .blog.hs-partner-stories-post .blog-content h6 a {
        display: table;
        margin-left: auto !important;
        margin-right: auto;
    }
    .hs-partner-stories-List .blog-listing-wrapper  .post-item {
        width: 100%;
    }  
    .hs-partner-stories-List .blog-listing-wrapper .hs-featured-image {
        width: 100%;
    }
    .hs-partner-stories-List .blog-listing-wrapper .post-header {
        left: 50px;
        right: 50px;
    }
    body.hs-contact-page .hs-contact-section1-row1 {
        text-align: center;
    }
    body.hs-contact-page  h3.form-title {
        text-align: center;
    }
    body.hs-contact-page form.hs-form fieldset {
        max-width: 100%;
    }
    .hs-form fieldset.form-columns-2 .hs-form-field {
        width: 100% !IMPORTANT;
        float: none !important;
        padding-right: 0 !IMPORTANT;
    }
    body form.hs-form fieldset .hs-form-field {
        padding: 0;
    }
    .hs-contact-page-right-col {
        padding: 20px 0px 70px 0;
    }
    .hs-full-width-section1 {
        text-align: center;
        padding-top:0;
        padding-bottom: 0;
    }
    .hs-full-width-section1 li{
        list-style:none;
    }
    .hs-full-width-page .body-container {
        padding-top: 81px;
    }   
    .hs-full-width-section1 p {
        padding-left: 0 !important;
    } 
    .hs-full-width-section1 ol{
        margin-left:0 !Important;
    }
    .hide-on-mobile{
        display:none !Important;
    }
    .vc_col-sm-4,
    .vc_col-sm-2{
        width: 100%;
        float:none;
    }
    .xero-select,
    .qb-select{
        border-radius: 0;
    }
    .hs-accounting-sync-pricing-page .hs-body-navigation-menu .widget-type-menu .cell-wrapper {
        margin-bottom: 22px;
    }
    .hs-accounting-sync-pricing-page div#accordion {
        padding: 0 25px;
    }
    .hs-accounting-sync-pricing-page #accordion h3 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .hs-accounting-sync-pricing-page .ui-accordion-content {
        width: auto;
        margin-left: 0!Important;
        box-sizing: initial;
        float: none;
    }
    .hs-accounting-sync-pricing-page-section2 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hs-accounting-sync-pricing-page-section2 .page-center {
        padding-bottom: 32px;
    }
    .hs-home-section1-col h6 {
        position: static;
    }
    .hs-account-sync-section1-flexi .hs_cos_wrapper_type_custom_widget:after{
        display:none;
    }
    .span12.widget-span.widget-type-cell.hs-header-wrapper .page-center {
        padding-left: 5px;
        padding-right: 5px;
    }
    .hs-header-logo a{
        margin-top: -5px;
        margin-bottom: 8px;
    }
    .widget-social-container {
        text-align: center;
    }
    .widget-social-container a {
        float: none;
    }
    #back-to-top {
        bottom: 25px;
    }
    .hs-header-wrapper.hs-no-nav {
        padding: 10px 0 10px;
        min-height: 81px !important;
    }

}
     

/* Landscape phones and smaller devices
   ========================================================================== */
   
@media (max-width: 960px) and (min-width: 480px){
    .plan-pricing {
        font-size: 35px !important;
    }   
}

@media (max-width: 400px) {
    .hs-home-section1-col img {
        max-width: 100%;
    }
    .testimonial-client {
        position: absolute;
    }
    .testimonial-position {
        position: absolute;
        bottom: 0;
    }
}
@media (max-width: 330px) {
    img.mk-dark-logo {
        max-width: 170px !important;
    } 
}

/* ## 2018 Theme ## */
span.ico_b {color:#47a2da!important; }
header.paralex {  
  /* Full height */
  max-height: 750px!important;
  width: 100%!important;
  background-position: center 0px;
  /* Create the parallax scrolling effect */
 /* background-attachment: fixed!important; 
  background-position: center!important;*/
  background-repeat: no-repeat!important;
  background-size: cover!important;

}
.hero h1 {color:#fff;}

.bg-grey,.grey_box{
          background:#efefef;
      }
.bg-green,.green_box{
          background:#5a8190;
      }
.grey_box {padding:15px;}
.bg-dark-grey {
          background:#383838;
  color:#fff;
      }

.bg-dark-grey ul li {margin:8px 0;}

.bg-black {
  background:#000;
  color:#fff;
      }

.bg-grey, .bg-dark-grey {padding-bottom:80px;}
a.text_black {color:#000!important;}

.stretch-row-padding{padding:80px 0;}
.med-row-padding {padding:30px 0;}


.page-center{
              max-width: 980px;
              margin: 0 auto!important;
              float: none!important;
       }
/* columns */

.col-2 {padding-bottom:20px;
}
.col-2 .pricing-head  {
  padding-bottom:0px;
}
/* header */

.bg-image-section {
padding: 40px 0 40px; 
  /* height: 100vh; */
   }
.bg-image-section-pricing 
{
    padding: 160px 0 0;
   }

.hero_black_bg {background:rgba(0,0,0,0.5)} 
.hero_black h1, .hero_black p,.overlay-text p,.overlay-text h1{color:#fff;}
.hero_black h1,.overlay-text h1 {font-size:2.6em;/* margin-bottom:17px;*/}
.hero_black p,.overlay-text p {font-size:1.4em;line-height:1.2;margin-top:0;}

.hero { background-attachment: scroll;
    background-position: center center;
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
    min-height: 100px;
  background-size: cover;}

/* line on bottom */
.hero_black h1:after,.overlay-text h1:after
{
    content: ' ';
    display: block;
    background: #fff;
    height: 3px;
    margin: 15px 0;
    width: 60px;
}

.pricing-head.hero_black h1{
  position: relative;
  z-index: 1;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom:15px!important;
}
.line_center:after, .line_center h2:after  {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    width: 20%;
    border-bottom: 2px solid #5a9ab2;  
}
.pricing-head.hero_black h1:after {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 0;
    width: 20%;
    border-bottom: 2px solid #fff;  
}
.line_left h1,.line_left h2 {
   font-size:2.6em; 
   margin-bottom:17px;
  }
.line_left p {
  font-size:1em;
  line-height:1.2;
  margin:0;
}
.line_left h1:after,.line_left h2:after,.line_left h3:after,.line_left h4:after {
    content: ' ';
    display: block;
    height: 2px;
    margin: 5px 0;
    width: 60px;
    background: #000;
}
.LineLeftBlog h4:after {
    content: ' ';
    display: block;
    height: 2px;
    margin: 5px 0;
    width: 60px;
    background: #000;
}
.line_left h6:after {
    content: ' ';
    display: block;
    height: 1px;
    margin: 5px 0;
    width: 60px;
    background: #000;
}
.LineLeftBlog p, .LineLeftBlog h4  {
  margin:0;
  padding: 0; 
  line-height:1.1em;
}


.centerline, .align-center {text-align:center;}
.align-center h1:after, .centerline h2:after, .centerline h3:after,.centerline h4:after {
    content: ' ';
    display: block;
    height: 2px;
    margin: 12px 0;
    width: 60px;
    background: #000;
    margin-left: auto;
    margin-right: auto;
}
.centerline:after, .centerline.black:after  {
  background: #000;
}
.align-center h1:after {
    background: #fff;
}


.title_line_center h1,.title_line_center h2 {margin:17px 0;text-align:center!important;}
.title_line_center p {line-height:1.2;margin-top:00px;text-align: center;}
.title_line_center h1:after,.title_line_center h2:after {
    margin-left: auto;
    margin-right: auto;
    content: ' ';
    display: block;
    background: #5a9ab2;
    height: 4px;
    width: 15%;
  margin-top:10px;
}





/* footer */
.social-footer a { background:#BEBEBE; height:34px; line-height:34px; display:inline-block; width:34px; font-size:18px; margin:0px 4px 4px 0; text-align:center; border-radius:50%; }
.social-footer a:hover { background-color:#fff; color:#5a9ab2;  } 
.social-footer {padding:40px 0;}
.footer .bg-dark-grey a:link,.footer .bg-dark-grey ul li a:visited, .footer .privacy a:link, .footer .privacy a:visited, .footer-row li>a, .privacy-links a

{color:#BEBEBE!important;} 
.top-line  {padding-top:20px;border-top: 1px solid #BEBEBE;}
.footer-row {padding-top:160px;}
.footer .bg-dark-grey a i {color:#696969;}

/* buttons from press.css */
.press{box-sizing:border-box;
  background-color:var(--p);
  border:1px solid var(--p);
  color:var(--c);
  cursor:pointer;
  display:inline-block;
  font-size:1em;margin:0;
  padding:.25em .75em;
  text-align:center;
  text-decoration:none;
  transition:background .15s linear}

.press-red{--p:#F44336;--c:#fff;--h:#f55a4e;--a:#ea1c0d}
.press-red:hover {color:#fff!important;}
.press-pink{--p:#E91E63;--c:#000;--h:#eb3573;--a:#c1134e}
.press-purple{--p:#9C27B0;--c:#fff;--h:#af2cc5;--a:#771e86}
.press-deeppurple{--p:#673AB7;--c:#fff;--h:#7446c4;--a:#512e90}
.press-indigo{--p:#3F51B5;--c:#fff;--h:#4d5ec1;--a:#32408f}
.press-blue{--p:#2196F3;--c:#fff;--h:#39a1f4;--a:#0c7cd5}
.press-lightblue{--p:#03A9F4;--c:#000;--h:#14b4fc;--a:#0286c2}
.press-cyan{--p:#00BCD4;--c:#000;--h:#00d3ee;--a:#008fa1}
.press-teal{--p:#009688;--c:#000;--h:#00b09f;--a:#00635a}
.press-green{--p:#4CAF50;--c:#000;--h:#5cb860;--a:#3d8b40}
.press-lightgreen{--p:#BBC34A;--c:#000;--h:#c2c95d;--a:#9ca436}
.press-lime{--p:#CDDC39;--c:#000;--h:#d2e04f;--a:#b2c022}
.press-yellow{--p:#FFEB3B;--c:#000;--h:#fe5;--a:#ffe608}
.press-amber{--p:#FFC107;--c:#000;--h:#ffc721;--a:#d39e00}
.press-orange{--p:#FF9800;--c:#000;--h:#ffa21a;--a:#cc7a00}
.press-deeporange{--p:#FF5722;--c:#000;--h:#ff6a3c;--a:#ee3900}
.press-brown{--p:#795548;--c:#fff;--h:#896052;--a:#593f35}
.press-grey{--p:#000;--c:#000;--h:#ababab;--a:#858585}
.press-bluegrey{--p:#607D8B;--c:#000;--h:#6b8a99;--a:#4b626d}
.press-black{--p:#000;--c:#fff;--h:#0d0d0d;--a:#000}
.press-white{--p:#fff;--c:#000;--h:#fff;--a:#e6e6e6}
.press-pill{border-radius:20px/50%}
.press-round{border-radius:8px}
.press-circle{border-radius:50%;height:2.5em;padding:0;width:2.5em;white-space:nowrap}
.press-raised{box-shadow:2px 3px 20px 3px rgba(51,51,51,.4)}
.press:disabled{cursor:not-allowed;opacity:.3}
.press-ghost{color:var(--p);background-color:transparent}
.press:hover:not(:disabled){background-color:var(--h)}
.press:active:not(:disabled){background-color:var(--a)}
.press-ghost:hover:not(:disabled){color:var(--c)}
.press-sm{font-size:.8em; padding: .12em .5em;line-height:1.5em}
.press-lg{font-size:1.25em}
.press-xl{font-size:1.5em}

/* menu */
.siteNavigation.open { background:#000000; }
.siteNavigation { font-size:14px; line-height:26px; }
.siteNavigation ul { margin:0; padding:0; list-style:none; }
.siteNavigation .hs-menu-flow-horizontal > ul { float:left; width:100%; }
.siteNavigation .hs-menu-flow-horizontal > ul > li { float:left; position:relative;  }
.siteNavigation .hs-menu-flow-horizontal > ul > li > a { 
    padding: 16px 25px 10px 0;
    font-weight: 300;
    display: block;
    font-size: 16px;
}
.siteNavigation .hs-menu-flow-horizontal > ul > li > a.cta-menu { 
    padding: 0 25px 0 0;
    margin-top:-10px;

}
.cta-menu.press {
 /* margin-top: -20px!important;*/
  margin-left: 10px!important;
  margin-right: 10px!important;
  padding: 0px 10px!important;
  box-sizing:border-box !important;
  border:1px solid #ffffff; !important;
  color:var(--c);
  cursor:pointer !important;
 /* display:inline-block !important; */
  font-size:1em;
  text-align:center !important;
  text-decoration:none !important;
  transition:background .15s linear !important;}

.cta-menu.press.solid {  
  background-color:#ffffff;
  Color:#000000;}
.siteNavigation .hs-menu-flow-horizontal > ul > li:hover > a { color:#A0A0A0; }
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul:before { content:''; border:8px solid transparent; border-bottom-color:#fff; width:0; height:0; position:absolute; top:-16px; left:30px;   } 
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul { width:200px; position:absolute; top:200%; left:0; border-top:2px solid #fff; background:#222222; padding:10px; visibility:hidden; opacity:0;  display:none; }
.siteNavigation .hs-menu-flow-horizontal > ul > li:hover > ul { opacity:1; top:100%; visibility:visible; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; display:block; }
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul > li { width:100%; float:left; font-size:15px; padding:0 10px; }
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul > li > a { font-weight:300; line-height:30px; display:block; }
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul > li > ul { position:relative !important; left:0 !important; top:0 !important; opacity:1 !important; visibility:visible !important; padding:10px 0 0; }
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul > li > ul > li { padding:5px 0 5px 15px; position:relative; }
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul > li > ul > li:before { content:url(//cdn2.hubspot.net/hubfs/530549/Assets/arrowsmall-1.png); position:absolute; top:6px; left:0; }
.siteNavigation .hs-menu-flow-horizontal > ul > li > ul > li > ul > li:hover a { color:#fff; } 


.headerSection .topLinks ul{margin: 10px 0 10px !important;}
.headerSection .topLinks ul li{padding: 12px 0 15px !important;}
.headerSection .topLinks ul li.button{padding:0 !important;}
.headerSection .topLinks ul li{position:relative;}
.topLinks ul li ul.sub-menu {display:none;}
.topLinks ul li ul.sub-menu li a{border:0 !important;}
.topLinks ul li ul.sub-menu{position: absolute; width: 113px; top: 22px; z-index: 123; background: #343434; left: 7px; border-top: 2px solid #fff;}
.topLinks ul li ul.sub-menu:before{content: ''; border: 8px solid transparent; border-bottom-color: #6a98a9; width: 0; height: 0; position: absolute; top: -16px; left:14px;}
.topLinks ul li:hover a ul.sub-menu {display:block;}
ul.sub-menu li img{margin-right: 2px;}
.topLinks ul li:first-child a{border:none;}

.headerSection .topLinks ul li a { color:#fff; padding:0 10px; line-height:1; font-weight:600; font-size:14px;  }
.headerSection { background:#000000; color:#fff; font-family:'Titillium Web'; font-size:12px; line-height:1; position:fixed; top:0; left:0; width:100% !important; z-index:121; }
.headerSection a { color:#fff; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
.headerSection .siteLogo { margin-top:15px;  }
.headerSection .topLinks ul { margin:10px 0 5px; padding:0; list-style:none; float:right}
.headerSection .topLinks ul li { float:left; padding:10px 0;  }
.headerSection .topLinks ul li a:hover { color:#A0A0A0; } 
.headerSection .topLinks ul li.button { padding:0; }
.headerSection .topLinks ul li.button a { padding:10px 10px; border:1px solid #fff; color:#fff; margin:0px 30px 0 0; display:block; border-radius:3px; margin-left:5px; text-transform:none; background:transparent; }
.headerSection .topLinks ul li.button a:hover { background:#6a98a9; border-color:#6a98a9; }
.headerSection.transparent, .transparent .siteNavigation {background-color: rgba(255, 255, 255, 0);}


/* responsive */ 

@media(min-width:1400px){ 
    .bg-image-section {
   /* padding: 200px 0 120px!important; */
   }
  }
@media(max-width:767px){
    .footerSection { text-align:center; }
    .headerSection .topLinks ul li a { padding:0 10px; }
    .footerCenter { padding:0; }
    .footerSection ul li { display:block; padding:10px 0; }
    .supportFooter { padding:0; background:transparent; }
    .footerCopyright .span6 + div,.footerCopyright .span6 { text-align:center; padding:0; }
    .footerSection { padding-bottom:30px; }
   

    
 /* Career Page */
    .cpSection2 .span3 + div { margin-top:30px; }
    .cpsection4 .row-fluid .span6 { min-height:0; width:100%; }
    .cpRecentJobs { margin-top:50px; padding:20px 0; }
    .cpRecentJobs .boxMain .center > div { padding:0 20px; }
    .cpRecentJobs .boxMain .right { margin:20px; }
}
@media(max-width:992px){
.siteNavigation .hs-menu-flow-horizontal > ul {background:#000;}
     #site-search button {
      border: none!important; 
       margin-top:5px!important;
      }
      #site-search {
        float:none!important;
        width:100%;
        margin:0!important;
  
      }
      #site-search input {
       width: 95%!important; 
       margin-left:0px!important;
       z-index: 1!important;
       border-bottom: 1px solid #fff!important;
       cursor: text!important;
      left:0px!important;
      color:#fff!important;
      padding-left:5px!important;
        height:30px!important;
      }
}

@media(max-width:640px){
    
    .headerSection .topLinks { display:none; }
    .headerSection .siteLogo { margin:15px 0; }



}

/* page elements */

.grey_bg {
  background:#efefef;
  margin:10px;
  padding:15px;
  text-align:center;}
.green_bg {
  background:#5a8190;
  margin:10px;
  padding:15px;
  text-align:center;
}
.green_bg h1, .green_bg p, .green_bg h6 {color:#fff!important;}

.white_bg {background:#ffffff;margin:10px;padding:15px;text-align:center;}
.ico_center i,.cta_box {
    text-align:center;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 100%;
}

.vc_icon_element_inner {
    text-align: center;
     /*  margin-bottom:15px;
  display: inline-block; */
    border: 2px solid transparent;
   /* width: 4em; */
  height: 4em; 
    box-sizing: content-box;
    position: relative;
    line-height: 2.15em;
    max-width: 100%;
}

.vc_icon_element_inner i{
  padding-bottom:15px;
    font-size: 2.85em;
    font-style: normal;
   /* font-weight: normal; */
    line-height: 1;
    text-rendering: auto;
  /*^  display: inline-block; */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.vc_icon_element_inner img {
   /* height:4em; */
    padding-bottom:15px;
   /* position: absolute; */
  /*  top: 50%;*/
    left: 50%;
    /*-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */

}
/* CTA */
.cta_12 {text-align:center;padding: 60px 0}
.center {text-align:center;}
/*.cta_white {text-align:center;}
.cta_white a {margin:30px 0;}
  .cta_grey a {margin:30px 0;}
  .cta_green a {margin:30px 0;}
  */
.cta_grey {background:#efefef;}
.cta_green {background:#5a8190;}
.cta_green h1,.cta_green p {color:#fff;}

.cta_padding {padding:80px 0;} 


/* flex boxes */
@media (min-width:768) {
  .row-fluid {
  display:flex;
  }
}

/* font awesome */

/* blog listing */
.blog-title a {font-size:1.2em;text-decoration:none;}
p.blog-title {padding:0 0 10px 0;margin:0;}
p.blog-date {font-size:0.8em!important;font-weight:500;padding:5px 0;margin:0;color:#919aa3}
.blog_listing {background-color:#fff!important;height:410px;}
.blog_listing_details {padding:0 10px;}
.blog-description p {font-size:11px:line-height:12px;}
a.blog_tag {
    border-radius: 25px;
    box-sizing: border-box;
   /* background-color: #000; */
    border: 1px solid #333;
    color:  #333;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    margin: 0;
    padding: .10em .8em;
    text-align: center;
    text-decoration: none;
    transition: background .15s linear;
  }
.wise_sync .sidebar-box.tags ul li a {
    border-radius: 25px;
    box-sizing: border-box;
   /* background-color: #000; */
    border: 1px solid #333;
    color:  #333;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    margin: 0;
    padding: .20em .9em;
    text-align: center;
    text-decoration: none;
    transition: background .15s linear;
  }


/* subscribe form */
.hs-form-booleancheckbox-display {font-weight:normal!important;font-size:13px;line-height:14px;margin:-30px 0 0 0!important;text-align:center;}
.hs-form label, .cta_white .hs-button  {margin-bottom:0px;}
.hs-form .actions {width:100%;text-align:center;}
body .hs-form .hs_marketing_consent {padding:20px 0 0 0!important;}
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {  
    box-sizing: border-box!important;
    background-color: var(--p)!important;
    border: 2px solid var(--p)!important;
    color: var(--w)!important;
    cursor: pointer!important;
    font-size: 1em!important;
    margin: 0!important;
    padding: 0.5em 0.75em!important;
    text-decoration: none!important;
    transition: background 0.15s linear!important;
  color: #fff;
    
}
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    --p: #2196F3!important;
    --c: #000!important;
    --h: #f55a4e!important;
    --a: #ea1c0d;
    --w: #ffffff;
}
body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
   background-color: var(--p);
        color: #000!important;
}

/* Logos */
.logos-i {

text-align:center;
}

.logo-i{
margin:20px;
   }

 a.logo-i:hover {
  
 }

/*cookie notice */
.hs-eu-cookie-disclaimer {width:80%; float:left;}
.hs-en-cookie-confirmation-buttons-area {width:20%;float:right;}

/*site search */

#site-search {
float:right;
  margin: 3px 0 0 45px;
  display: inline-block;
  position: relative;
  height: 30px;
  padding: 0;
  position: relative;

}

#site-search input{
  height: 20px;
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
  border: none;
  outline: none;
  color: #ffffff!important;
  padding: 3px;
  padding-right:0px;
  padding-left:35px;
  width: 0px;
  position: absolute;
  top: 0;
  left: -30px;
  background: none;
  z-index: 3;
  transition: width 1s cubic-bezier(0.000, 1, 0.000, 1.000);
  cursor: pointer;
}

#site-search input:focus:hover {
  border-bottom: 1px solid #fff;
}
#site-search input::placeholder {
 color: #fff;
   opacity: 0.8;
}


#site-search input:focus {
  width: 120px; 
  margin-left:5px;
  z-index: 1;
  border-bottom: 1px solid #fff;
  cursor: text;
  left:0px;
  color:#fff!important;
  padding-left:5px;
}
#site-search button.nav {
  height: 20px;
  width: 30px;
  border-left: 1px solid rgba(255, 255, 255, .5);
      -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  padding-left:12px;
  display: inline-block;
  background: none;
 /* text-indent: -10000px;*/
border-width: 0 0 0 1px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 1;
  cursor: pointer;
  transition: opacity 1s ease;
}

#site-search button:hover {
  opacity: 0.8;
}

.hs-search-field__bar form input[name="term"] {max-width:100%;}

/* blog */
h1.blog_title {font-size:1.8em;}
.blog_hero {
  padding: 100px 0 60px 0;}
.blog_body {
  z-index:2;
position:relative; 
  margin-top:-40px;
  padding: 0 0 40px 0
}
.blogNav {padding: 40px 0; }

.span4.blog_listing_all {margin:10px 2.56px}
.blog_listing_bg {width:100%; height:160px;background-size: cover;background-position: center; }
.blog_listing_all {background-color:#efefef!important;height:295px;} 
.listing_cover {height:100%;width:100%;}

/* Dropdown Button */
.blog-filter {width:200px;margin-bottom:50px;}
/* selectbox */
.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  min-width: 200px;
  margin:0 0 40px 0;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 9px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 30px;
  float: right;
  margin: 5px 0px;
  padding: 0px 8px;
  font-size: 14px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

/* pricing pages new 2019 */

.pricing-hero {
margin-bottom:60px;
}

.pricing-tab .option a {
  display:block;
  Text-align:center;
  color:#000;
  background-color: rgb(255, 255, 255);
  padding: 30px 10px;
   text-decoration:none;

 background-color: #f2f5f8;
    border: 1px solid #cbd6e2;
}
.pricing-tab .span4.option {
  margin:0;
}
.pricing-tab .option.active a {
         border: 1px solid #fff;
 background-color: #fff;
}
.plan-des {
  display:block;
}
.pricing-nav-select a, .nav-tabs .nav-link  {  
  display:block;
  Text-align:center;
  color:#000;
  margin-bottom: 5px;
  background-color: rgb(255, 255, 255);
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(127, 208, 221);
  border-radius: 3px;
  transition: background-color 0.3s linear 0s, box-shadow 0.3s linear 0s;
  text-decoration:none;
}
a.blog-select  {  
  display:block;
 /* Text-align:center;*/
  color:#000;
  margin-bottom: 5px;
  background-color: rgb(255, 255, 255);
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(127, 208, 221);
  border-radius: 3px;
  transition: background-color 0.3s linear 0s, box-shadow 0.3s linear 0s;
  text-decoration:none;
}
a.blog-select:hover, a.blog-select.selected:hover { background-color: rgb(230, 245, 248);}


.padding2 {margin-left:2.5%!important;}
ul.plantabs,ul.plantabs li {margin-left:0;}
ul.nav-tabs.pricing-nav li  { }
ul.nav-tabs.pricing-nav {list-style-type:none;width:100%;}
.pricing-nav-select a {
  width:46%; 
  float:left;
  margin:1%;
}
.pricing-nav .nav-link.active, .pricing-nav-select .nav-link.active {
border-color: rgb(0, 164, 189);
 
}
.pricing-nav a:hover,
.pricing-nav .nav-link.active, .pricing-nav-psa a:hover, .pricing-nav-select .nav-link.active,.nav-link.current  {
background-color: rgb(230, 245, 248);
}
.pricing-title {
  font-size:30px;
  line-height:40px;
  display:block;
  font-weight:500;
}
.pricing-sub-title {
  line-height:40px;
   display:block;
}
.tab-content>.active {
    display: block;
}
.pricing-head.hero_black p {
text-align:center;}


.plan-link.press{line-height:30px;} 
.plan-name p {margin-bottom:0;}
.plans .row {display: flex;}
.plan-price {
  font-size:2em;  
  width: 100%;
  
   }
.plan-bottom [class*="span4"] {min-height:2.5em}
.plan-bottom {line-height:2em; width: 100%;}
.plan-info {text-align:right;line-height:2.5em!important;}
.features {padding:0;}
.feature.yes i {color:#24b103;}
.feature {display:block;padding-left:10px;line-height:2em;font-size:0.9em;}
.feature.no {color:#AAA;}
.plan-row { border-top: solid 1px #cbcbcb;}
.plan-row,.plan-row-top {padding: 10px 0;   }
.plan-row p, .plan-row h4,.plan-row h5,.plan-row-top p, .plan-row-top h4, .plan-row-top h5 {padding:0;margin:0;}
.plan-row-top p,.plan-row p{font-size:13px;}
.plan-row .price,/*.span2.price*/,.plan-row-top .price {margin:0;}
.price {text-align:center;margin-top:10px;}
.h5.price {display:block;margin-bottom:10px;}
.price_title.costs {padding-bottom:20px;}
.price-wrapper {padding:0;}
.price_title {padding-top:25px;}
.plan-top {padding: 20px 0 10px 0;}
.price-wrapper p,.accordion p,.accordion-content p,.plan-addon p {font-size:14px;}
.price-page.price-wrapper {padding-bottom:400px;}
.tab-title {display:none;}
/* accordian */
h2.accordion-title {margin:0;}
#accordion-container {
 /*  max-width: 650px;
 margin: 30px auto; */
}
h4.accordion-title {font-size:18px;line-height:20px;}
#accordion-container h4.accordion-title {
  padding: 10px 0 10px 0;
  margin-bottom:0;
  background-color: #fff;
  position: relative;
  transition: background-color 300ms ease-out;
}
#accordion-container h4.accordion-title:hover {
  /*background-color: #eee;*/
  transition: background-color 300ms ease-in;
  cursor: pointer;
}
#accordion-container div.accordion-content {
  width: auto;
 /* padding: 10px 0 10px 0; */
  color: #000;
  background-color: #fff;
  display: none;
}

#accordion-container div.accordion-content h3 {
  font-size: 24px;
  line-height: 1.4rem;
  color: #247ba0;
  margin: 0.5rem 0 1.5rem 0;
}
.accordion-content p {
 /* font-size: 1.1em;
  line-height: 1.5em; */
  margin-bottom: 0.8em;
}

.accordion {
  border-bottom: 1px solid #000;
}

button.accordion-control {
  position: absolute;
  /*top: 30px; */
  right: 10px;
 background-color: #fff;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  transition: transform 0.3s;
}

button.accordion-control:focus {
  outline: 0;
}

.accordion .fas {
  font-size: 22px;
  margin-top: -1px;
  margin-left: 2px;
  color: #000;
}
.accordion-control {cursor:pointer;}

.rotate,.open .accordion-control {
  transform: rotate(90deg);
}
.open .accordion-control.rotate {
  transform: rotate(0deg);
}
#accordion-container .accordion.open div.accordion-content {display:block;}
.accordion-content {padding:0 10px;}
.fullheight,.fullheight .hero_black,.fullheight .dark_overlay {height:100vh;}
.fullheight .float-middle,.float-middle { 
  /*position: absolute;*/
  /*padding-top:300px;*/
  padding-top: 20%;
/*  transform: translateY(-50%);*/
 
}
.fullheight [class*="span"] {padding: 40px 0;}


/* - test - */

/* 
.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
.tabs a{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		} */

	.tabs a.current{
			background-color: rgb(230, 245, 248);
			color: #222;
		} 

		.tab-content{
	/*	display: none;
			background: #ededed;
			padding: 5px;*/
		}

		.tab-content.current{
			display: inherit;
		} 

/* pricing page */
.plan-addon {border-top:solid 1px #cbcbcb;}
.country-codes {    
  margin-bottom: -50px;
    z-index: 99999;
    position: relative;
}
.country-codes a {color:#777777;}
/*.plan-addon .price { text-align:center;font-size:1.1em;} */
.plan-addon div {padding:10px 0 10px 0;}
.plan-addon p {margin:0;}
/*.accordion-content div.plan-addon p {font-size:1em;line-height:1.2em;margin:0;}*/
.plan-select {padding: 20px 0 10px 0;}
.plan-padding {padding:30px 0 20px 0 ;}
.prices-more {width:100%;text-align}
.price-space {padding:10px 0 0 0;}
.pull-right, .buy-button {display:block;float:right;}
.buy-button {padding:20px 0;}
.plan-top{padding:25px 0px;}
.centerline.plan-top h4, .centerline.plan-top h4:after {margin-top:5px!important;margin-bottom:5px!important;}
.plan-title {text-align:center;}
.notice-box {
    text-align: center;
    color: #155724;
    background-color: #d4edda;
    position: relative;
    padding: .75rem 1.25rem;
    margin-top: 2rem;
    border: 1px solid #c3e6cb;
    border-radius: .25rem;
}
.plan-name /*{text-align:center;} */
.plan-top .plan-name {font-size:1em;}
.tab-link.press {text-align:left;}
/* lightbox addon */
.lightbox.featherlight-inner {/*overflow:hidden!important;*/max-width:600px;padding-right:15px}
.lightbox.plan-popup.featherlight-inner {max-width:800px;width:800px;}
.lightbox {
    display: none;
}
.addInv p {line-height:1em;font-size:0.7em;}

/* header widget */
.hero_black,.dark_overlay {
 /* position: relative; */
  float: none!important;
}
.hero_black.center_block,.dark_overlay {
 margin: 0 auto!important;
}



.bg-image-middle { height: 100vh;}
.module_small .height_padding{padding-top: 100px;}
.module_medium .height_padding{padding-top: 150px;}
.module_large .height_padding{padding-top: 200px;}
.module_small {min-height:230px;}
.module_medium {min-height:350px;}
.module_large {min-height:500px;}
/*header*/
.header_space {padding-top:60px;}
.hero.header .hero_black_bg {
  height: 100vh;
}
.hero.header .hero-space {
padding:280px 0 120px!important;
}
.blog.hero .blog-space {
padding:100px 0 100px!important;
}
.blog-section {padding:30px 0;}
/* responsive hack */
.row-fluid img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: bottom;
}
   hr {
	height: 100vh;
} 
/* error page div */
.error-404-bg {
   background-image: url(https://www.wise-sync.com/hubfs/Website-Redesign-2019/error-404@2x.png);
    background-size: cover;
  	height: 100vh;
}
.text-404 {
    top: 40%;
    position: absolute;
    /* left: auto; */
    margin-left: 35%!important;
    margin-right: 50%;
}
.text-404 p { color:#fff!important;}
@media (max-width: 600px){
  .image-404 {
    max-width:40%;
    }
  
.text-404 {
    margin-left: 10px!important;
    margin-right: 10px;
 }
}

/* Right Hand Side Menu*/
.rhs-menu {margin-top:25px;}
.rhs-menu div.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:before { 
  content: "\f0a9";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  padding-right:4px;
  
}
.rhs-menu div.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {  
  text-decoration:none;
  opacity: 0.75;
  filter: alpha(opacity=75);
  font-size:0.9em;
  line-height:1.8em;
}

/* Contact Pages */
p.nap {font-size:0.9em;line-height:1.1em;font-weight:300;}

/* Case Study */
.caseStudy_title {min-height:150px;padding-bottom:20px;}
.casestudy_callout {text-align:center; line-height:1em;font-size: 2em; font-weight:400;}
.caseStudy_title ul {margin-top:0; margin-bottom:0;}
.casestudy_reference {font-size:1.5em; text-align:right;}
.caseStudyBody {padding-top:20px; padding-bottom:80px; column-count: 2;}
.titleSpace {  margin: 0 0 30px 0;}

/*testimonials*/
.testimonials .headerSection.transparent    {background: #000000;}