/* @import url('http://example.com/example_style.css'); */
@import '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css';

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

@font-face {
  font-family: 'Chevin-Light';
  src: url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/Chevin-Light.eot?#iefix') format('embedded-opentype'),  url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/Chevin-Light.otf')  format('opentype'),
	     url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/Chevin-Light.woff') format('woff'), url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/Chevin-Light.ttf')  format('truetype'), url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/Chevin-Light.svg#Chevin-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'EncodeSans-Light';
  src: url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/EncodeSans-Light.eot?#iefix') format('embedded-opentype'),  url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/EncodeSans-Light.woff') format('woff'), url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/EncodeSans-Light.ttf')  format('truetype'), url('https://info.checkout.fi/hubfs/Logot/Payment%20Highway/fonts/EncodeSans-Light.svg#EncodeSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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










/*font-family:Chevin-Light, sans-serif, Arial, Helvetica;*/
/*font-family:EncodeSans-Light, sans-serif, Arial, Helvetica;*/

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

.blog-inner-page.hs-blog-post .banner-section { background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; } 
.blog-inner-page.hs-blog-post .banner-section.bg-gradient:before , .blog-inner-page.hs-blog-post .banner-section.bg-gradient:after , .blog-inner-page.hs-blog-post .banner-section.bg-gradient .container:before , .blog-inner-page.hs-blog-post .banner-section.bg-gradient .container:after   { display:none; } 
.blog-inner-page.hs-blog-post .banner-section.bg-gradient:before  {     display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    opacity: 0.75; }

body{margin:0px;  font-weight:300; color:rgba(0,0,0,0.8);  line-height: 1.4em; font-size: 125%;  font-family:EncodeSans-Light, sans-serif, Arial, Helvetica; letter-spacing: -0.02em }
input{font-family: 'EncodeSans-Light', sans-serif !important}
ul{margin:0px; padding:0px;}
ul li{list-style:none;}
strong{font-weight:700;}
a{ text-decoration: none; color: #9D00BA;}
a:hover, a:focus{text-decoration:underline; }
.cta_button:hover { text-decoration: none; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select
{font-family: 'EncodeSans-Light', sans-serif, Arial, Helvetica; -webkit-appearance: none; -webkit-border-radius: 0;   border:none; padding:20px; margin:0 0 13px 0; font-size:14px; font-weight:300;}
input[type="submit"]{font-family: 'EncodeSans-Light', sans-serif, Arial, Helvetica; color:#fff; cursor:pointer; -webkit-appearance: none; border-radius:0px; width:100%; border:none; box-sizing:border-box; background-color:; padding:18px 10px; font-weight:700; font-size:18px; display: inline-block; text-align: center; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;;}
input[type="submit"]::-moz-focus-inner{border: 0;}
input[type="submit"]:hover{background-color:;}
fieldset .hs-form-field > label{display:none;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-weight:300; color:#3b3b3b; margin:1rem 0; line-height: 1em; letter-spacing: -0.025em;}
h2 { font-size: 3.25em; }
h2 { font-size: 2.25em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
blockquote {
	margin: 1em 0;
  padding-left: 2em;
  position: relative;
}
blockquote:before {
	content: '“';
  position: absolute;
  top: 0.25em;
  left: 0;
  font-size: 5em;
  color: #9D00BA;
}
cite {
	margin: 1em 0;
  text-align: right;
  font-style: normal;
  display: block;
}
*:focus{outline:none;}
.row-fluid [class*="span"].no-height{min-height: auto;}
.container, .row-fluid .container[class*="span"]{margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box;}
.container, .row-fluid .container[class*="span"]:after{clear:both; content: ""; display:table;}
.row{margin-right:-15px; margin-left:-15px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.padding-topbottom{padding-top:60px; padding-bottom:60px;}
.row-fluid [class*="span"]{min-height:auto;}
.hs-error-msgs label{display:block; font-size:13px; transform:translate(2px, -11px); -webkit-transform:translate(2px, -11px); -moz-transform:translate(2px, -11px);}
.bg-img img{display:none;}
.bg-wrapper{background-repeat:no-repeat; background-position:center; background-size:cover;}
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{max-width: none; white-space: inherit; overflow: visible;}

@media (max-width: 767px) {
    body { font-size: 95%; }
    h1 { font-size: 2.5em; }
    
    body.blog-inner-page.hs-blog-post .banner-section.bg-gradient:before { 
    display: block !important;
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    opacity: 0.75;
    content:'' !important;
}
    
}

/* Slick css */
.slick-slider .slick-arrow{background:none; border:none; z-index:9; position:absolute; top:45%; left:0; width:50px; height: 50px; font-size:0px; color:#fff; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.slick-slider .slick-arrow:hover{transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.slick-slider .slick-arrow.slick-prev:after{content:'\f104'; font-size:60px; line-height:30px; font-family: FontAwesome;}
.slick-slider .slick-arrow.slick-next:after{content:'\f105'; font-size:60px; line-height:30px; font-family: FontAwesome;}
.slick-slider .slick-arrow.slick-next{left:auto; right:0;}

.slick-slider .slick-dots{position:absolute; left:0; right:0; bottom:20px; text-align:center;}
.slick-slider .slick-dots li{display:inline-block; margin:0 5px;}
.slick-slider .slick-dots li button{width:6px; height:6px; border-radius:100%; background-color:#fff; border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;;} 
.slick-slider .slick-dots li.slick-active button{opacity:1;}


.row-fluid .button{display: inline-block;width:auto;float:none;margin-top:30px;/* margin: 30px 0 0;*/}
/* .button a {background: #9D00BA;color: #fff;text-shadow: none;border-color: transparent;padding: 10px 40px;display: inline-block;border-radius: 35px;text-align: center;}
.button a:hover { background-image: linear-gradient(rgba(255,255,255,0.075), rgba(255,255,255,0.075)); border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.1) rgba(0,0,0,0.05);} */
.button.btn-transparent a:hover {  background-image: linear-gradient(rgba(255,255,255,0.075), rgba(255,255,255,0.075)); border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.1) rgba(0,0,0,0.05);}

.button.btn-transparent a,.subscription-section .widget-type-blog_subscribe .hs-button{padding: 10px 40px;display: inline-block;border-radius: 35px;border: 1px solid rgba(0,0,0,0.25);cursor: pointer;text-align: center; background:transparent;}
.row-fluid  .button.btn-transparent a,.subscription-section .widget-type-blog_subscribe .hs-button{ border-color: #fff; box-shadow: 0.15em 0.15em 0.25em rgba(0,0,0,0.15), 0.15em 0.15em 0.25em rgba(0,0,0,0.1) inset;}

.button-primary a, a.button-primary { cursor: pointer; background: #9D00BA;color: #fff;text-shadow: none; line-height: 1.4;padding: 0.5rem 2rem;display: inline-block;border-radius: 2.5em;text-align: center; border: 1px solid #9D00BA;}
.button-primary a:hover, a.button-primary:hover { background-image: linear-gradient(rgba(255,255,255,0.075), rgba(255,255,255,0.075)); border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.1) rgba(0,0,0,0.05); text-decoration: none; }

a.button-secondary { cursor: pointer; padding: 0.5rem 2rem; line-height: 1.4; display: inline-block; border-radius: 2.5em; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.25); cursor: pointer; text-align: center; text-decoration: none !important; color: #9D00BA;}
a.button-secondary:hover { border-color: rgba(157,0,186,0.75); }

/* Haader Main */
.row-fluid .header { background-color: #fff;padding: 0 45px 0 25px; z-index: 5; width: 100%; left: 0; top: 0; position:fixed;border-bottom: 1px solid rgba(0,0,0,0.25);}
.header .header-logo {text-align:left;}
.header .header-logo a {display: inline-block;padding-top: 20px;width: 100%;max-width: 265px;}
.header .header-logo a img {display: block;width: 100% !important;}
.header .mainmenu > div { float: right;}
.header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {padding: 1.875em 1.5em;}
.header .hs-menu-wrapper.hs-menu-flow-horizontal  ul  li  a {font-size: 16px; color:rgba(0, 0, 0, 0.8); }
.header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left: 10px;}
.row-fluid .login {margin: 0;width: 8.53%;}
.header .header-right-section > div > div {display: block;width: 100%;}
.header .mainmenu {display: inline-block;float: right;}
.row-fluid .header .login {display: inline-block;float: right;margin: 0;width: 8.53%;}

.header .login-box .icon g {fill: none;stroke: rgba(0, 0, 0, 0.6);stroke-width: 1.5;}
.header a.login-box {display: table;padding: 21px 20px;width: 100%;}
.header .login-box .icon {display: table-cell;float: left;font-size: 15px;height: 40px;margin-right: 15px;vertical-align: middle;width: 40px;}
.header .login-title {display: table-cell;font-size: 17px;font-weight: 300;vertical-align: middle;width: 100%;}




.header .header-logo a{padding-top:0 !important;}

/*  */

.banner-section.same-bg .banner-content{height: 22em;}
.banner-section.same-bg .banner-content h1{font-size:3.25em;}

.bg-gradient {position:relative; background: #9d00ba radial-gradient(circle at 90% 50% , #33005e, #a1009c) repeat scroll 0 0;color: #fff;overflow: hidden;position: relative;text-shadow: 0.15em 0.15em 0.25em rgba(0, 0, 0, 0.25);width: 100%;}
.banner-section.bg-gradient { padding-top: 4em; /*top: -4em;*/}
.bg-gradient > div:before{content:'';position:absolute;left:0;z-index:2; bottom: -2px;height: 90px;right:0; background-position: left center; background-repeat:no-repeat; background-size:100%; background-image:url(https://info.checkout.fi/hubfs/Logot/Payment%20Highway/images/bottom-img.svg);}
.bg-gradient > div:before{    -webkit-clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%);  -moz-clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%); clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%); content: ""; position: absolute; width: 100%;z-index: 1; height: 4em; bottom: -2px; display: block; background: #fff;}
.banner-section .container > div > div{display:table;width:100%;}
.banner-section .banner-content {text-align:center; display:table-cell; height: 66.66667vh; /*height: 568px;*/ vertical-align:middle;float:none;z-index:1;position:relative;}
.banner-section .banner-content h1{font-size:4.5em;color:#fff;font-weight:300;}
.banner-section .banner-content .widget-type-text {/*font-size:37px;*/color:#fff; font-size: 2.25em; letter-spacing: -0.25px; line-height: 0.95; margin: 36px 0;}

.footer{position:relative;}
.subscription-section{  -webkit-clip-path: polygon(0 4em,100% 0, 100% 100%, 0 100%); clip-path: polygon(0 4em,100% 0, 100% 100%, 0 100%);}
.footer:before {
    -webkit-clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%);
    clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%);
    content: "";
    position: absolute;
    width: 100%;
    height: 4em;
    top: -4em;
    display: block;
    background: #fff;
}
.home-page .banner-content {padding: 4em 0;}

.bg-gradient:before,.bg-gradient:after,.bg-gradient .container:after,.bg-gradient .container:before  {background-image: radial-gradient(circle at 90% 50% , #33005e, #a1009c);border-radius: 50%;content: "";display: block;opacity: 0.25;position: absolute;z-index: 0;}
.bg-gradient:before {height: 46em;left: -2em;top: -4em;width: 46em;}
.bg-gradient:after {bottom: -8em;height: 38em;right: -8em;width: 38em;}
.bg-gradient .container:before{height: 38em;left: 2em;top: 0;width: 38em;}
.bg-gradient .container:after {bottom: -3em;height: 28em;right: -3em;width: 28em;}


.row-fluid  .solution-step-one{  padding-bottom:80px; }
.solution-title { text-align: center; }

/*  */
.solution-step-section{position:relative; padding: 50px 0;}
.solution-step-section:before {/*content: '';*/ position: absolute;left: 0;top: 0px;height: 378px;width: 100%;background-position: left bottom;background-repeat: no-repeat;background-size: 100%;background-image: url(https://cdn2.hubspot.net/hubfs/2610868/Logot/Payment%20Highway/images/bottom-img.svg?t=1522668300359);z-index: 1;}
.solution-step-section h2{font-size:2.25em;color:rgba(0,0,0,0.8);}
.solution-step-content h3 {font-size: 20px;}
.solution-step-content ul li:before {content: '\f111';font-family: 'fontawesome';font-size: 6px;padding-left: 10px;padding-right: 20px;position: relative;bottom: 3px;}
.solution-step-content ul li { position: relative;text-indent: -35px; padding-left: 35px;}
.solution-step-content {width: 65%;padding-right: 65px;vertical-align: middle;}
.solution-step-content-image {width: 18em;padding-left: 0; margin: auto;}
.solution-step-inner {display: flex;width: 100%;align-items: center; padding: 2em 0;}
    .solution-step-one svg { width: 18em; }
.solution-section-outer > span > div.hs_cos_wrapper_type_custom_widget:nth-child(2) .code-img{display:block;}

.solution-section-outer > span > div.hs_cos_wrapper_type_custom_widget:nth-child(even) .solution-step-content-image{order: 1;}
.solution-section-outer > span > div.hs_cos_wrapper_type_custom_widget:nth-child(even) .solution-step-content{padding-right:0; padding-left: 65px; order: 2;}
.solution-step-content .button{margin:0 15px 0 0;}
.row-fluid .solution-step-content .button.btn-transparent a { border-color: rgba(0,0,0,0.25);  box-shadow:none; color: #9D00BA;border: 1px solid rgba(0,0,0,0.25);}
.row-fluid .solution-step-content .button.btn-transparent a:hover{border-color: #9D00BA;}
.code-img{display:none;}



/* */
.our-client-section{padding: 0 0 2em 0;text-align:center;}
.our-client-outer > span{display:flex;width:100%; padding:40px 0 0;}
.our-client-outer > span > div, .our-client-outer > div{width:16.66%;padding: 15px 15px;}
.our-client-outer > span > div {float:left;}
.our-client-outer > div{display: inline-block;}
.our-client-section h2{ font-size: 60px; }
.our-client-outer img{ filter: opacity(0.6) grayscale(100%);}

.enterprise-box{ float:left; width:100%; padding:15px; border-bottom: 1px solid #C6C6C6;     box-sizing: border-box;  }
.enterprise-title{ color:#9D00BA; font-size:24px; line-height:32px; position:relative; float:left; padding-right:28px; cursor:pointer; }
.enterprise-options-row{   border: 1px solid #C6C6C6;  border-bottom:none;  border-radius: 5px; }
.enterprise-options-row > span > div{ float:left; width:100%; }
.enterprise-detaile{ float:left; width:100%; display:none; }
/*.enterprise-title:before {   content: "\f101";  font-family: 'fontawesome';  position: absolute;right: 0;   width: auto; }*/
.enterprise-title:before {content:"\002A20"; position: absolute;right: 0;  font-size: 20px; }
.row-fluid .enterprise-options-row > span > div:first-child .enterprise-detaile{ display:block; }
.enterprise-box.choosh-open  .enterprise-title:before { transform: rotate(90deg);}
.enterprise-options-row{ margin-top:17px; }
.row-fluid .enterprise-options{     padding: 8em 0; }
.contact-form-content .submitted-message { text-align: center; }

/* */
.subscription-section{     padding: 6rem 0;/*   padding: 150px 0 120px;*/}
.wraper{position:relative;z-index:2;}
/*.subscription-section.bg-gradient > div:after{content:'';position:absolute;transform: rotateX(160deg); left:0;z-index:2; top: -5px;height: 90px;right:0; background-position: left center; background-repeat:no-repeat; background-size:100%; background-image:url(https://info.checkout.fi/hubfs/Logot/Payment%20Highway/images/bottom-img.svg);}*/
/*.subscription-section.bg-gradient > div:after{ position:absolute;transform: rotateX(160deg);   -webkit-clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%);  -moz-clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%); clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%); content: ""; position: absolute; width: 100%;z-index: 1; height: 4em; top: -4px; display: block; background: #fff;}*/

.feautre-page .row-fluid .title-group h2{ text-align:center; }

.subscription-section h2 {font-size: 36px;color: #fff; margin-bottom: 17px;}
.subscription-section .widget-type-blog_subscribe h3 { display: none;}
.subscription-section .widget-type-blog_subscribe .input input,.subscription-section .widget-type-blog_subscribe textarea { text-transform:inherit; border-radius: 3px;border: 1px solid rgba(0,0,0,0.25);width:100%; background-color: #fff;box-shadow: inset 2px 2px 0 0 rgba(0,0,0,0.08);width: 100%;padding: 10px 16px;font-size: 16px;}
.subscription-section span.hs-form-required { display: none;}
.subscription-section .widget-type-blog_subscribe .hs-button{font-weight:300;display:inline-block;width: auto;  font-size: 16px;}
.subscription-section .widget-type-blog_subscribe .hs-button:hover {  background-image: linear-gradient(rgba(255,255,255,0.075), rgba(255,255,255,0.075)); border-color: #fff; box-shadow: 0.15em 0.15em 0.25em rgba(0,0,0,0.15), 0.15em 0.15em 0.25em rgba(0,0,0,0.1) inset; }
.subscription-section  .hs-error-msgs label{ font-size: 16px; transform: none; margin-bottom: 10px;-webkit-transform: none;}
.subscription-section ul li a {color:#fff;padding:0 0 10px 0; text-decoration: underline;font-size:16px;position:relative;}
.subscription-section ul li a:after {content:"\0A0\00BB"; /*font-size:16px; font-family:'fontawesome'; padding-left:5px;*/} 
.subscription-section ul li a:hover{text-decoration:none;}
.subscription-section .span6:first-child {padding-right: 50px;}

/*.clip-svg-inline,.clip-svg-inline-2 { -webkit-clip-path: url("#clip-polygon"); /*-moz-clip-path: url("#clip-polygon");*/ clip-path: url("#clip-polygon");}*/
/*.feautre-page .solution-step-section.feature-solution.clip-svg-inline-2 { -webkit-clip-path: unset !important; }*/
/*.clip-svg,.clip-svg-responsive,.clip-svg-2,.clip-svg-responsive-2,.clip-svg-2-top-responsive,.clip-svg-2-top  { width: 0; height: 0;}*/
/*.clip-css { -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 80% 100%);  clip-path: polygon(0 100%, 0 0, 100% 0, 80% 100%);}*/

/*.home-page */.banner-section{  background: #9d00ba radial-gradient(circle at 90% 50% , #33005e, #a1009c) repeat scroll 0 0;}
/*.home-page */.our-client-section,.contact-main,.pricing-main,.solution-step-section{position:relative;}

/*.home-page .our-client-section:before,.contact-main:before,.pricing-main:before,.solution-step-section:before { -webkit-clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%); clip-path: polygon(0 0,100% 4em, 100% 100%, 0 100%); content: ""; position: absolute; width: 100%; height: 4em; top: -4em; display: block; background: #fff;}
*/

/**/
.footer { padding: 100px 0 0;}
.footer h3{color: rgba(0,0,0,0.6);  }
.footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {visibility: visible;opacity: 1;position: relative;z-index: 2;top: 0;padding-left: 15px;left: 0;}
.footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li a {padding: 5px 0px;text-decoration: none;display:inline-block;   width: auto; color: rgba(0, 0, 0, 0.6);}
.footer .resources p{margin:0;}
.footer .resources a{padding: 5px 0px;display:inline-block; color: rgba(0,0,0,0.6);}
.footer .resources a.primary { color: #9D00BA; }
.footer .resources .registering {padding-top:25px;}
.footer .resources .registering a{color: rgba(0,0,0,0.6); }
.row-fluid .footer a:hover,.footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover{text-decoration:underline;}
.footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li li a { font-size: 14px;}
.footer .tag-line { padding: 65px 0 60px; text-align: center;}


/* ========= start css updates ======= */
.row-fluid .solution-step-one .multi-text{  font-size: 35px; color: rgba(0,0,0,0.8); line-height: 40px; }
.row-fluid .solution-step-one .multi-text a{ color:#9D00BA; }
.row-fluid .enterprise-options-row ul li{ list-style:inherit; padding:5px 0; padding-left: 5px;  }
.row-fluid .enterprise-options-row ul{ padding-left:18px; }


/* IE hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /*.clip-svg,.clip-svg-responsive,.clip-svg-2,.clip-svg-responsive-2,.clip-svg-2-top-responsive,.clip-svg-2-top  { display:none;}*/
    .header .header-logo a img{height:85px;}
    /*.clip-svg{ clip-path: url("#clip-polygon"); }*/
    /*.clip-svg-responsive{}*/
    /*.clip-svg-2{}*/
    /*.clip-svg-responsive-2{}*/
    /*.clip-svg-2-top-responsive{}*/
    /*.clip-svg-2-top  {}*/
}



/* */
.pricing-content-left, .pricing-content-right {background: #fff;border: 1px solid rgba(0,0,0,0.25);border-radius: 3px;padding: 20px 20px 20px 20px;overflow: hidden;position: relative;width: 100%;box-sizing: border-box;}
.pricing-content-left{padding: 0px 0px 20px 20px;position:relative;}
.pricing-content-left .widget-type-cell{padding-top:20px;}
.pricing-content-left h3{font-size:21px;}
.pricing-content-left .tile-pricing-price span:first-child { position: relative; top: -25px; padding-right: 10px;}
.pricing-content-left .tile-pricing-price span:nth-child(2) { font-size: 2.25px;}
.pricing-content-left .tile-pricing-price { line-height: 0.95; letter-spacing: -0.025; font-size: 2em; }
.pricing-content-right .tile-pricing-price span:first-child { position: relative; top: -15px; padding-right: 10px;}
.pricing-content-right .tile-pricing-price span:nth-child(2) { font-size: 45px;}
.pricing-content-right .tile-pricing-price {font-size: 21px; line-height: 38px;}
.pricing-main .leading { font-size: 1.25em; line-height: 1.25; color: rgba(0,0,0,0.8);}
.pricing-main .tile-pricing-infolink a{color: #9D00BA; line-height: 1.25em; font-size: .85em;}
.pricing-main .tile-pricing-infolink:hover{text-decoration:underline;}
.row-fluid .pricing-main .button.btn-transparent a {border-color: rgba(0,0,0,0.25);box-shadow: none;color: #9D00BA;border: 1px solid rgba(0,0,0,0.25);}
.row-fluid .pricing-main .button.btn-transparent a:hover { border-color: rgba(157,0,186,0.75);}
.pricing-main .container .row-fluid { display: flex;width: 100%;align-items: center;}
.pricing-content-left .left-link a.button-primary, .pricing-content-left .left-link a.button-secondary { font-size: 125%; }
.pricing-img-left{text-align:right;}
.pricing-img-left img{position:absolute;top:0;right:0;}
.pricing-main{ padding: 70px 0 115px;}
.pricing-main .pricing-content-left { padding-right: 18em !important;}

.pricing-content-left .span6 { min-width: 100% !important; width: 100% !important; }

/**/
.contact-main {padding: 100px 0 150px;}
 form .field label{padding-bottom:5px;}
form .input input, form .input textarea { border: 1px solid rgba(0,0,0,0.25); border-radius: 3px; background: #fff; width: 100%; padding: 10px 16px; box-shadow: inset 2px 2px 0 0 rgba(0,0,0,0.08); font-size: 16px;}
form .input textarea {height: 62px;}
 form span.hs-form-required { display: none;}
 form .field label { padding: 5px 0; display: inline-block;}
 form .actions .hs-button{display: inline-block;width:100%;float:none; font-weight:300;max-width: 152px;}
 form .actions .hs-button {background: #9D00BA;color: #fff;text-shadow: none;border-color: transparent;padding: 10px 0px;display: inline-block;font-size: 16px;border-radius: 35px;text-align: center;}
 form .actions .hs-button:hover { background-image: linear-gradient(rgba(255,255,255,0.075), rgba(255,255,255,0.075)); border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.1) rgba(0,0,0,0.05);}
.contact-main .container > div > .row-fluid{display:flex; width:100%;}
.contact-form-content{position:relative;}
.contact-form-content h2{ font-size: 2.25em}
.contact-form-content {padding-right: 50px;}
.contact-form-content .widget-type-text{    font-size: 17px;}
.contact-link { position: absolute; bottom: 0; left: 0;}
.contact-link ul li{ padding-bottom: 10px;float: left;display: block;width: 100%;}
.contact-link ul li a{color:#9D00BA;}
.contact-link ul li a:hover{text-decoration:underline;}


.inputs-list.multi-container { display: table; }
.inputs-list.multi-container .hs-form-radio { display: table-row-group; }
.inputs-list.multi-container .hs-form-radio-display { display: table-row; }
.inputs-list.multi-container .hs-input { display: table-cell; width: auto; }
.inputs-list.multi-container .hs-form-radio-display span { display: table-cell; padding-left: 0.5em; font-size: 0.85em; }

/* */
.feature-solution .solution-section-outer > span > div.hs_cos_wrapper_type_custom_widget:nth-child(2) .code-img{display:none;}
.feature-solution .solution-step-inner{padding-bottom:0px;}
.feature-solution .solution-section-outer > span > div.hs_cos_wrapper_type_custom_widget:last-child .solution-step-inner{padding-bottom:0px;}


/* */
.payment-main-section { padding-top: 150px; padding-bottom: 4em; /*  border-bottom: 1px solid #DCDCDC; */  }
.payment-main-section .solution-step-inner > div > div{display:flex;width:100%; align-items: center;}
.payment-main-section .solution-step-content{padding-right:0;     padding-left: 30px; }
.payment-main-section .solution-step-content-image {width: 35%;padding-left: 0; display: inline-block;   vertical-align: middle; }
.payment-main-section .solution-step-content {width: 65%;padding-right: 0px;vertical-align: middle;}
.payment-section h3{ font-size: 25px;margin: 25px 0 5px;text-align:center; }
.payment-section .widget-type-linked_image{text-align:center; padding:7px 0;display:inline-block;float:none;margin:0;}
.payment-section{text-align:center;}
.payment-section .widget-type-linked_image img{width:84px;}
.row-fluid .solution-left{ text-align:center; min-width: 25%; }
.row-fluid .payment-section{ padding-top:10px; }




/* */ 
.easy-integration-main{padding:30px 0 100px;}
.easy-integration-wrapper{z-index:1;position:relative;}
.easy-integration-wrapper > div:first-child > div {display:flex;width:100%; align-items: center; padding:40px 0;}
.easy-integration-main .easy-integration-right ul li:before {content: '\f111';font-family: 'fontawesome';font-size: 5px;padding-left: 10px;padding-right: 20px;position: relative;bottom: 3px;}
.easy-integration-main .easy-integration-right ul li { position: relative;text-indent: -35px; padding-left: 35px;padding-bottom: 3px;}
.easy-integration-left h2{font-size:2.25em;color:#fff;}
.easy-integration-left .widget-type-text {font-size: 22px;}
.easy-integration-left{text-align:center;}

.easy-integration-main {padding: 30px 0 195px;}
.solution-step-section.feature-solution{margin-top: 0px; background-color: #fff; padding-top: 4em; padding-bottom: 8em; border-bottom: 1px solid #DCDCDC;  } 
.row-fluid .solution-step-section .title h2{   font-size: 45px;   color: rgba(0,0,0,0.8);    line-height: 52px; text-align:center;  }

.row-fluid .enterprise-options .title{ text-align:center;  }
.row-fluid .enterprise-options .title h2{  font-size: 40px;  color: rgba(0,0,0,0.8);line-height: 46px;    text-align: center; }




/* Blog  */

.blog-listing-wrapper .post-listing .post-header {width: 100%;position:relative; height: 220px;background-position: center;background-repeat: no-repeat;background-size: cover;display: block;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.blog-listing-wrapper .post-listing .post-item {width: 33.33%;float: left;padding: 15px;box-sizing: border-box;}
.blog-listing-wrapper .post-listing {width: auto;display: block;margin: 0 -15px;}
.blog-listing-wrapper .post-listing .inner {display: block;width: 100%;  }
.blog-listing-wrapper .post-listing .post-body, .blog-top-section .recent-post-main .post-body {display: block;padding: 20px;border: 1px solid rgba(0,0,0,0.2);border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-size: 0.85em; line-height: 1.4;}
.recent-post-main a:hover, .blog-listing-wrapper a:hover, .recent-item-inner a:hover { text-decoration: none; }
.blog-listing-wrapper .post-listing .post-header .header-content { position: absolute; bottom: 0; left: 0;padding: 15px;}
.blog-listing-wrapper .post-listing .post-header .header-content h2.post-title, .recent-post-list-main .recent-item-inner h2.post-title {margin: 0.5rem 0; }
.blog-listing-wrapper .post-listing .post-header .header-content .topic-link { color: #fff; font-size: 13px;text-transform: uppercase;margin-bottom:0;}
.blog-listing-wrapper .post-listing .post-header .header-content .post-title a,.blog-listing-wrapper .post-listing .post-header .header-content .post-title { color: #fff;  margin: 0; font-size: 24px;}
.blog-listing-wrapper .post-listing .post-header .header-content a:hover{  text-decoration:underline; }

.recent-post-main{padding-bottom:15px;}
.recent-post-main .header-content .topic-link { color: rgba(0,0,0,0.8); font-size: 13px;text-transform: uppercase;margin-bottom:0;}
.recent-post-main .header-content .post-title a,.recent-post-main .header-content .post-title { color: rgba(0,0,0,0.8);  margin: 0; font-size: 24px;}
.recent-post-main .header-content .post-title{ margin-bottom: 15px;}
.recent-post-main .inner {display: flex;width: 100%;}
.recent-post-main .post-header {width: 50%;border-top-left-radius: 4px; border-bottom-left-radius: 4px;position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.recent-post-main .post-header .header-content{display:none;}
.recent-post-main .post-body { box-sizing: border-box;   width: 56%; border: 1px solid rgba(0,0,0,0.3);border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 20px;}
/*.recent-post-main a:hover,*/.widget-type-post_filter .widget-module a:hover { /*color:#9d00ba;*/ text-decoration:underline; }
.post-listing .post-header:before,.recent-post-main .post-header:before,.recent-post-list-main .recent-item-header:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(transparent, rgba(0,0,0,0.4));}
/*{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.3);}*/

.recent-post-main .post-header .header-content { position: absolute; bottom: 0; left: 0;padding: 15px;}
.recent-post-main .post-header .header-content .topic-link { color: #fff; font-size: 13px;text-transform: uppercase;margin-bottom:0;}
.recent-post-main .post-header .header-content .post-title a,.recent-post-main .post-header .header-content .post-title { color: #fff;  margin: 0; font-size: 20px;}
.recent-post-main .post-header .header-content a:hover{  text-decoration:underline; }

.hs-blog-listing .row-fluid .widget-type-post_listing {display: none;}
.hs-blog-listing .post-item a {color: rgba(0,0,0,0.8);}
.blog-main .blog-pagination.button { text-align: center; width: 100%;}

.blog-main .topic-filter h3{ font-size: 40px;}
.blog-main .topic-filter .widget-module a {color: #9d00ba; font-size: 18px; display: block; padding-bottom: 5px;position:relative;    text-transform: capitalize;}
.blog-main .topic-filter .widget-module a:after {content: '\f105';position: absolute;right: 0;font-family: 'fontawesome';top: 5px;}
.blog-main {padding: 150px 0;}

/**/
.hs-blog-post .blog-top-section{display:none;}
.hs-blog-post .listing-banner{display:none;}
.hs-blog-listing .post-banner{display:none;}
.hs-blog-listing .row-fluid-wrapper .row-fluid .recent-post-list-main{display:none;}
.author-page .blog-top-section{display:none;}
.recent-post-list-main{padding-top: 70px;}

.recent-post-list-main .recent-item-header {width: 100%;position:relative; height: 180px;background-position: center;background-repeat: no-repeat;background-size: cover;display: block;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.recent-post-list-main .recent-item-inner {width: 33.33%;float: left;padding: 15px;box-sizing: border-box;}
.row-fluid-wrapper .row-fluid .recent-post-list-main {width: auto;display: block;margin: 0 -15px;}
.recent-post-list-main .recent-item-content {display: block;padding: 20px;border: 1px solid rgba(0,0,0,0.2);border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.recent-post-list-main .recent-item-header .recent-item-header-content { position: absolute; bottom: 0; left: 0;padding: 15px;}
.recent-post-list-main .recent-item-header .recent-item-header-content .topic-link { color: #fff; font-size: 13px;text-transform: uppercase;margin-bottom:0;}
.recent-post-list-main .recent-item-header .recent-item-header-content .post-title a,.recent-post-list-main .recent-item-header .recent-item-header-content .post-title { color: #fff;  margin: 0; font-size: 24px;}
.recent-post-list-main .recent-item-header .recent-item-header-content a:hover{  text-decoration:underline; }

.section.post-body h2 {font-size: 45px; margin-top: 20px;}
.section.post-body {max-width: 600px;width: 100%;margin: auto;}


/* author-page */
.author-page .hs-author-profile {display: flex;margin: 0 15px;float: left;width: 100%;align-items: center;}
.author-page .hs-author-profile .hs-author-avatar {display: block;width: 200px;height: 200px;border-radius: 100%;overflow: hidden;text-align: center;background-position:center;background-repeat:no-repeat;background-size:cover;border: 1px solid rgba(0,0,0,0.2);float: left;box-sizing: border-box;}
.author-page .hs-author-profile .author-content-bio h2.hs-author-name {font-size: 30px;}
.author-page .hs-author-profile .author-content-bio { float: left; width: calc(100% - 204px); padding-left: 30px; box-sizing: border-box;}
.author-page h3.hs-author-listing-header { margin: 60px 15px 5px; float: left; font-size: 35px; width: 100%;}
.subscription-section form .hs_submit{ text-align:right; }



/* Menu css */
.ebiz-toggle {background-color: transparent;border: 2px solid rgba(0, 0, 0, 0.8);border-radius: 100%;cursor: pointer;float: right;height:37px;padding: 0;position: absolute;right: 15px;top: 25px;width: 37px;}
.ebiz-toggle .icon-bar{margin: auto; background-color:rgba(0, 0, 0, 0.8); border-radius:1px; display:block; height:2px; position:relative; width:16px; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.ebiz-toggle .icon-bar + .icon-bar{margin-top:3px;}
.ebiz-toggle .icon-bar:nth-child(1), .ebiz-toggle .icon-bar:nth-child(3){top:0; transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(1){top:5px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(2){opacity:0;}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(3){top:-5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.mainmenu .mobile-menu span.mobile-toggle{cursor:pointer; width:36px; height:36px; position:absolute; right:0px; top:3px; background-color:#9D00BA; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#fff; height:16px; width:2px; position:absolute; left:17px; top:10px; -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:before{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:after{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:before{opacity:0; background-color:#fff; -ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mainmenu .hs-menu-wrapper ul{float:left; padding:0; width:100%; min-width:250px;}
.mainmenu .hs-menu-wrapper > ul > li > a{max-width:none; width:auto;}
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;max-width:none;min-width:auto;overflow:visible;text-align:left;text-overflow:inherit;white-space:inherit;width:auto;}
.mainmenu .hs-menu-wrapper ul ul{background-color:#fff; min-width:250px;}



.recent-post-main .inner:hover,.post-listing .inner:hover,.post-listing  .inner:hover,.recent-post-list-main .recent-item-inner:hover{ color: #9d00ba; text-decoration: none;}
.recent-post-main .inner:hover .post-header:before,.post-listing .inner:hover .post-header:before,.recent-post-list-main .recent-item-inner:hover .recent-item-header:before { background: linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.4)); }

.blog-pagination-link { width: 100%; display: table; padding-top: 70px;}
.blog-pagination-link  div { width: 50%; float: left; min-height: 1em; }
.blog-pagination-link .next-page-link{text-align:right;}
.blog-pagination-link .next-page-link a{text-align:right;padding-left:0;padding-right: 15px;}
.blog-pagination-link a{ color: #9D00BA; text-decoration: none;padding-left: 15px; position: relative; display: block;}
.blog-pagination-link a:hover{  text-decoration:underline; }
.blog-pagination-link .previous-page-link a:before { content: "\00AB\00A0"; vertical-align: top;position: absolute; left: 0; top: 0;}
.blog-pagination-link .next-page-link a:after { content: "\00A0\00BB";vertical-align: top;position: absolute; right: 0; top: 0;}

.illustration-svg { width: 18em; height: 18em; }
.illustration { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke-width: 1.25;}
.illustration-bg { fill: url("#gradient");}
.illustration-light, .illustration-light-border { stroke: #999;}
.illustration-light, .illustration-brand, .illustration-dark, .illustration-fill { fill: #fff;}
.illustration-dark, .illustration-dark-border { stroke: #666;}
.illustration-dark { fill: #f2f2f2;}
.illustration-brand, .illustration-brand-border { stroke: #9D00BA;}
.illustration-bg-fill-2 { stop-color: #a1009c;}
.illustration-bg-fill-1 { stop-color: #33005e;}
.illustration-border { stroke-width: 5; stroke: #fff; }
.illustration .-stroke { fill: none; }

.header-illustration {
  border-radius: 50%;
  height: 17em;
  width: 17em;
  border: 3px solid white;
}

.header-illustration .illustration-svg {
  position: relative;
  top: -0.5em;
  left: -0.5em;
}

.customer-list-post {
	position: relative;
}

.customer-readmore {
  display: block;
  text-align: center;
}

.customer-logo {
  max-width: 12em;
  margin: auto;
  display: block;
}

.customer-list-post + .customer-list-post {
  margin-top: 4em;
}

@media (max-width: 992px) {
  .header-illustration, .customer-illustration {
    display: none;
  }
}

@media (min-width: 992px) {
	.header-illustration, .customer-illustration {
    position: absolute;
  }
  
	.header-illustration {
    bottom: 0em;
    left: -2em;
  }
  
	.customer-illustration {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .customer-illustration + .customer-text {
		padding-left: 20em;
  }

  .header-illustration + .header-text {
    position: relative;
    right: -2em;
		padding-left: 18em;
  }

  .header-illustration + .header-text h1 {
    text-align: left;
  }

  .customer-list-post + .customer-list-post {
    margin-top: 8em;
  }
  
  .customer-list-post:nth-child(even) .customer-illustration + .customer-text {
    padding-left: 0;
		padding-right: 20em;
  }
  
	.customer-list-post:nth-child(even) .customer-illustration {
    left: auto;
    right: 0;
  }
}


@media (min-width:1200px) {
	.header-illustration { left: -7em; }

  .header-illustration + .header-text {
    right: -6em;
    padding-left: 8em;
  }
}

.tile-pricing svg {
    width: 18em;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}



.row-fluid .pricing-23.pricing-main { padding-bottom:30px; }
.row-fluid .pricing-23  .pricing-content-left { width:70%;   padding-right: 20px !important; line-height: 20px; font-size: 14px;}
.row-fluid .pricing-23 .pricing-detail {    padding-right: 16em ; width:100%;}

.row-fluid .pricing-23  .pricing-content-left .pricing-detail h2 { font-size:40px; padding-bottom: 20px;  border-bottom: 1px solid rgba(0,0,0,0.25);  }
.row-fluid .pricing-23  .pricing-content-left .pricing-content h3 { font-size:30px;    margin: 7px 0 20px 0; }
.row-fluid .pricing-23  .pricing-content-left .pricing-content h4 {font-size:20px;    margin: 7px 0 20px 0; }
.row-fluid .pricing-23  .pricing-content-left .pricing-content p { margin:5px 0; }

.row-fluid .left-link { text-align:right; }
.pricing-23 .left-link  .row-fluid {    display: inline-block;  }
.pricing-23 .left-link  .widget-type-cta {    display: inline-block; width: auto !important; min-width: auto !important; float: none;  }
.row-fluid .pricing-23 .button { min-width: 100px!important; width: auto !important;  }

.row-fluid .pricing-23 .left-link .button:first-child {  }


.row-fluid .pricing-23 .pricing-content-right { padding:0 0 1.25em 0; width:26%; margin-left:4%;}
.row-fluid .pricing-23 .pd-lr { padding:0 1.25em; }
.row-fluid .pricing-23 .pd-lr h4 { margin: 1.25em 0;}
.row-fluid .pricing-23 .bor-tb {   border-top: 1px solid rgba(0,0,0,0.25);     border-bottom: 1px solid rgba(0,0,0,0.25); }
.row-fluid .pricing-23 .pricing-content-right .right-content p a { color:#9D00BA; }

.row-fluid .plan-section { width:100%;  float:left; padding:50px 0; text-align:center;}
.row-fluid .plan-section h3 { margin:0; }
.row-fluid .plan-box {  }
.row-fluid .plan-box > span > div { width:50%; float:left; padding:15px;  box-sizing: border-box;}

.row-fluid .plan-part {width:100%; float:left; padding:0 1.25em 0; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.25); border-radius: 3px; text-align:left;}
.row-fluid .plan-part p { margin:0.5em 0 0.25em 0; }
.row-fluid .plan-left { width:70%; float:left; font-size:16px; line-height:24px;}
.row-fluid .plan-left h3 { font-size:26px; margin: 1.25em 0; }
.row-fluid .plan-left h4 { font-size:20px;     margin: 0;}
.row-fluid .plan-right { width:30%; float:left; text-align:right; }
.row-fluid .plan-right h4 { font-size:24px; margin: 1.25em 0; }
.row-fluid .plan-right h4 sup { font-size:13px; }
.row-fluid .plan-right h4 sub { font-size:13px; }
.row-fluid .plan-link { width:100%;  float:left; text-align:right; margin-top:15px;}
.row-fluid .plan-link a {  margin: 1em 0 1.25em 0;float: none; }
.row-fluid .plan-link a:hover { text-decoration:none; }

.lift-box { padding: 1.25em; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.25); border-radius: 3px; text-align: center; overflow: hidden; position: relative; }
.lift-box :first-child { margin-top: 0; }
.lift-box :last-child { margin-bottom: 0; }
.lift-box .tag {
  position: absolute;
  color: white;
  background: purple;
  padding: 0.25em;
  text-align: center;
  width: 10em;
  text-transform: uppercase;
  font-size: 0.75em;
  transform: rotate(45deg);
  top: 1.25em;
  right: -2.75em;
}
 



@media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} .payment-section { width: 100% !important; } .form-subtext { margin-bottom: 200px; } }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:893px;} }
/*@media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1170px;} }*/
/*@media (min-width:1620px) { .container, .row-fluid .container[class*="span"]{width:1600px;} }*/

@media (min-width:1200px) {
    
    .ebiz-toggle, .mainmenu .mobile-menu span.mobile-toggle{display:none;}
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { top: 125%; transition:all 400ms ease;}
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {opacity:1; visibility:visible;    top: 100%;}
    .header a.login-box:hover g,.header a.login-box:hover .login-title{color: #9d00ba;stroke: #9d00ba;}
    .header .hs-menu-children-wrapper.sub-menu { background-color: #858585; }
    .row-fluid .header .hs-menu-children-wrapper.sub-menu li a{color:#fff;}
    
    .header > div > .row-fluid { display: flex; align-items: center;}
}


@media (min-width:768px) {/*hover event for desktops*/
    
    .top-search > span{display:none;}
    .top-search .g-search{position:static; width: auto;}
    
    .header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a{ color: #9d00ba;}
    .header .hs-menu-children-wrapper.sub-menu  li:hover > a{background-color:#9d00ba; color:#fff;}
    .solution-step-content-image.mobile-img{display:none;}
    
}

@media (max-width:1480px){
    
    .row-fluid .header .login {width: 12.53%;}
    .header .header-logo a {padding-top: 25px;}
    
}
@media (max-width:1199px){
    .row-fluid .header {padding: 0 15px;}
    .row-fluid .header .login {width: 13.53%;}
    .header .login a { padding: 20px 7px;}
    .header > div > div { display: flex;height: 100%;}
    .header-logo div, .header-logo span { display: block; height: 100%;}
    .header .header-logo a {display: flex; height: 100%;padding:0;}
    
    /*.banner-section.bg-gradient > div:before {bottom: -2px;height: 68px; background-position: left bottom;}*/
    /*.subscription-section.bg-gradient > div:after {    top: -11px;  height: 60px;}*/
   /* .solution-step-section.feature-solution{     margin-top: -158px;  } */
    
    
    
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;}
    /*.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:none;}*/
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li{float:none;}
    
    
    .row-fluid .header{padding:0 15px;}
    .header .mainmenu > div {float: none;width: 100%;}
    .header .mainmenu {display: table-footer-group;width: 100%;}
    .header .header-right-section > div > div{display:table;width:100%;}
    .header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {display: block;width: 100%;}
    .header > div > div { display: block; }
    .header .header-logo {width: 300px;  padding: 22px 0 15px;}
    .header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { padding: 25px 26px; box-sizing: border-box;}
    .header a.login-box {float: left;margin: 0;max-width: 100%;padding: 25px 26px; width: 100%; box-sizing: border-box;}
    .header .login-box .icon {display: inline-block;float: none;font-size: 15px;height: 100%;margin-right: 15px;vertical-align: middle;width: 40px;}
    .header .login-title { display: inline-block;font-size: 17px;font-weight: 300;margin-bottom: 0;vertical-align: middle;width: auto;color:rgba(0,0,0,0.6);}
    /*.header a.login-box:hover g, .header a.login-box:hover .login-title {stroke: #fff;color: #fff;}*/
    /*.header a.login-box g{ stroke: #fff !important;}*/
    .header .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li {float: left;width: 100%;}
    .header .hs-menu-children-wrapper.sub-menu {border:none;}
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {padding: 10px 15px;font-size:14px;}
    
    .header .mainmenu .mobile-menu { background-color:#fff; padding: 0.5rem 0; box-sizing: border-box; width: 256px; position: fixed; overflow: scroll; border: 1px solid rgba(0,0,0,0.25); border-width: 1px 0 0 1px; transition: right 0.25s ease-in-out; right: -256px; height: calc(100vh - 93px); /*top: 93px;*/}
    .header .mainmenu .ebiz-toggle.ebiz-menuopen + .mobile-menu{ right: 0;} 
    .header .mainmenu .ebiz-toggle.ebiz-menuopen{color:#9D00BA;border-color:#9D00BA;}
    .header .mainmenu .ebiz-toggle.ebiz-menuopen .icon-bar{background-color:#9D00BA;}
}
@media (max-width:991px){
    
    /*.header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {padding: 30px 15px;font-size: 14px;}*/
    /*.header .mainmenu { width: auto;}*/
    /*.row-fluid .header .login { width: 18.53%;}*/
    
    .pricing-img-left img {width: 45% !important;}
    /* .solution-step-section.feature-solution {   margin-top: -188px;} */
   
    
    
    
}
@media (max-width:767px){
    
    
    /**/
    .flex { -webkit-transform: scaleY(-1); transform: scaleY(-1); }
    .row-fluid .solution-step-inner {    display: flex !important; flex-direction: column;width: 100%;align-items: center; padding-top: 3em;}
    .row-fluid .solution-step-content {width: 100%;padding: 0 0 40px;}
    .solution-section-outer > span > div.hs_cos_wrapper_type_custom_widget:nth-child(even) .solution-step-content{padding:0 0 40px;}
    .solution-step-content .button {margin: 6px 6px;}
    .solution-step-section h2 {text-align: center; }
    
    .banner-section .banner-content h1 {font-size: 2.5em}
    .banner-section .banner-content .widget-type-text { font-size: 16px;}
   
    
    .our-client-section h2 {font-size: 40px;}

    .our-client-outer > span {display: block;width: 100%;padding: 40px 0 0; max-width:500px;margin:auto;}
    .our-client-outer > span { display: table; width: 100%; padding: 25px 0 0;}
    .our-client-outer > span > div {width: 50%;float: left;padding: 15px 15px;display: block;box-sizing: border-box;}
    /*.our-client-section { padding: 65px 0;}*/
    .subscription-section .span6:first-child { padding-right: 0;}
    .subscription-section .span6{margin:35px 0 0;}
    /*.subscription-section {  padding: 20px 0 35px;}*/
    .subscription-section {     padding: 50px 0 120px;}
    .row-fluid .footer,.subscription-section,.our-client-section {text-align: center;}
    .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li li a {  display: block; width: 100%;}
    .footer .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper{padding:0;}
    .footer .widget-type-cell{margin:0 0 25px;}
    .footer {  padding: 45px 0 0;}
    .footer .tag-line { padding: 30px 0 0px;}
    .subscription-section h2 { margin-top: 35px;}
    .solution-step-content-image{order: 1;} 
    .solution-step-content { order: 2; }
    .solution-step-content-image.mobile-img{display:block;}
    .solution-step-inner {padding: 0;}
    .solution-step-one .svg-module {text-align: center; margin-top: 3em;}
    .solution-step-section {padding: 40px 0 20px;}
    .solution-section-outer > span > div.hs_cos_wrapper_type_custom_widget:nth-child(2) .code-img { display: none;}
    .subscription-section .widget-type-blog_subscribe .input input, .subscription-section .widget-type-blog_subscribe textarea{max-width: 500px;}
  
    
    /*.subscription-section.bg-gradient > div:after {    top: -16px; height: 60px;}*/

    /**/
    
    .row-fluid .pricing-img-left{display:none;}
    .pricing-main .container .row-fluid { display: inherit;}

    .pricing-main .pricing-content-left {  margin: 0px 0 15px;padding:20px;}
    .banner-section.same-bg .banner-content h1 {font-size: 2.5em;}
    .banner-section.same-bg .banner-content {  padding: 25px 0;}
    .pricing-content-left p,.pricing-content-right p {margin: 10px 0;}
    .pricing-content-left .widget-type-cell { padding-top: 0;}
    .tile-pricing-price br{display:none;}
    .pricing-content-right .tile-pricing-price{ font-size: 36px; line-height: 38px;}
    .pricing-content-left .tile-pricing-price span:nth-child(2),.pricing-content-right .tile-pricing-price span:nth-child(2) { font-size: 40px;position:relative;}
    .pricing-content-left .tile-pricing-price span:nth-child(2):after,.pricing-content-right .tile-pricing-price span:nth-child(2):after{content:'/';font-weight:400;position: relative;left: 5px;}
    .pricing-content-left .tile-pricing-price span:first-child,.pricing-content-right .tile-pricing-price span:first-child {position: relative; top: -3px; padding-right: 10px;}
    
    .bg-gradient:before,.bg-gradient:after,.bg-gradient .container:after,.bg-gradient .container:before  {content:none;}
    .contact-main .container > div > .row-fluid { display: inherit; width: 100%;}
    .contact-link {  position: relative;bottom: 0; left: 0;    padding-top: 40px;}
    .contact-form-content {padding-right: 0; padding-bottom: 25px; text-align: center;}

    .contact-main { padding: 60px 0 50px;}
    
    .payment-main-section .solution-step-inner > div > div {display: inherit;}
    .payment-section h3 {text-align: center;}
    .payment-section .widget-type-linked_image {padding: 15px 25px;}
    .easy-integration-wrapper > div:first-child > div {display: inherit;padding: 40px 0;}
    .easy-integration-right {padding-top: 30px;text-align: center;}
    .feature-solution .solution-step-inner {padding-bottom: 30px;}
    
    .solution-step-section.feature-solution { padding-top: 2em; padding-bottom: 4em;}
    .row-fluid .enterprise-options { padding: 4em 0; }
    .easy-integration-main {padding: 30px 0 110px;}
    .row-fluid .image-centrer{ text-align:center; }
    
    
    /* Blog */
    .blog-main .row-fluid .topic-filter { display: none;}
    .blog-main {padding: 60px 0;}
    .blog-listing-wrapper .post-listing .post-item {width: 50%;}
    .section.post-body h2 { font-size: 28px;margin-top: 20px;}
    .recent-post-list-main .recent-item-inner { width: 100%; float: left;  padding: 15px 0;}
    .row-fluid-wrapper .row-fluid .recent-post-list-main { margin: 0 ;}
    
    
    .row-fluid .solution-step-one .multi-text { font-size: 24px; color: rgba(0,0,0,0.8); line-height: 36px;  }
    .row-fluid .solution-step-one{     padding-bottom: 31px; }
    .solution-step-section.feature-solution {   margin-top: 0;   padding-top: 55px;}
    .row-fluid .solution-step-content{     padding: 0 0 20px; }


    
    
    .row-fluid .plan-box > span > div { width:100%; }
    .row-fluid .pricing-23 .pricing-content-left .pricing-detail h2 { font-size: 30px;}
    .row-fluid .pricing-23 .pricing-content-left .pricing-content h3 {font-size: 25px; }
    .row-fluid .pricing-23 .pricing-content-left { width:100%; }
    .row-fluid .pricing-23 .pricing-content-right { width:100%; margin-left:0; }
    
    
}

@media (min-width: 520px) and (max-width: 767px) {
    .solution-left { width: 100% !important; display: block !important; }
    .payment-section  { display: inline-block !important; width: 50% !important; float: left !important; }
    
}

@media (max-width:500px){
    .blog-listing-wrapper .post-listing .post-item {width: 100%;float: left;padding: 15px 0;}
    .blog-listing-wrapper .post-listing {width: auto;display: block;margin: 0;}
    .recent-post-main .inner {display: inherit;width: 100%;}
    .recent-post-main .post-header{height: 180px;}
    .recent-post-main .post-body,.recent-post-main .post-header { width: 100%;}
    .recent-post-main .post-header .header-content{display:block;}
    .recent-post-main .post-body .header-content{display:none;}
    
    .author-page .hs-author-profile {display: inherit;margin: 0 auto;float: none;width: 100%;max-width: 400px;}
    .author-page .hs-author-profile .hs-author-avatar{ max-width: 200px;text-align: center;float: none; width: 100%; margin: 0 auto 20px;}
    .author-page .hs-author-profile .author-content-bio { float: left; width: 100%; text-align: center; padding-left: 0; box-sizing: border-box;}
    
    .blog-pagination-link{ padding-top: 45px;}
    
    
    
    
    
    .row-fluid .left-link {text-align: center;}
    .row-fluid .pricing-23 .pricing-detail {padding-right: 7em; }
    .row-fluid .pricing-23 .tile-pricing svg { width: 8em;}
    .row-fluid .pricing-23 .pricing-content-left .pricing-detail h2 { font-size: 24px;}
    .row-fluid .pricing-23 .pricing-content-left .pricing-content h3 { font-size: 22px;}
}


@media (max-width:480px){

    .ebiz-toggle {top:20px;}
    .header .header-logo { width: 230px; padding: 16px 0 15px;}
    .header .header-logo a { display: block;}
    .header .mainmenu .mobile-menu{ height: calc(100vh - 74px);/* top: 74px;*/}

}

.body-container ul li + li, .body-container ol li + li { padding-top: 0.5em; }

.loader-container {
  position: absolute;
  font-size: 4em;
  background: white;
  padding: 0.25em;
  border-radius: 50%;
}

@keyframes loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  animation: loader 1s infinite linear;
  background-image: linear-gradient(to right, #9d00ba 10%, rgba(157, 0, 186, 0) 42%);
  width: 1.25em;
  height: 1.25em;
  position: relative;
  margin: auto;
}
.loader, .loader:after {
  border-radius: 50%;
}
.loader:before, .loader:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #9D00BA;
  border-radius: 100% 0 0;
  position: absolute;
}
.loader:after {
  width: 80%;
  height: 80%;
  bottom: 0;
  right: 0;
  margin: auto;
  background: white;
}

#formModal, .form-modal-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#formModal {
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  display: none;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s ease-in;
}

#formModal .loader-container {
  z-index: 1;
  transition: opacity 0.2s ease-in 0.1s;
  opacity: 0;
}

#formModal.open .loader-container {
  opacity: 1;
}

.form-modal-bg {
	background: rgba(0,0,0,0.75);
  z-index: 1;
}

#formModal.open {
	opacity: 1;
  pointer-events: all;
  display: flex;
}

#formIframe {
	border: none;
  min-height: 30em;
  min-width: 20em;
}

.form-modal-window {
	position: relative;
  z-index: 2;
}

.post-body .post-navigation > div {
  overflow-y: auto;
}

.post-body .post-navigation h1 {
	font-size: 1em;
  margin: 0;
}

.post-body .post-navigation li {
	padding-top: 0;
  font-size: 0.875em;
}

.post-body .post-navigation h1, .post-body .post-navigation li a {
	padding: 0.75rem 2.5rem 0.75rem 1.5rem;
}

.post-body .post-navigation li a {
  display: block;
  position: relative;
  color: inherit;
}

.post-body .post-navigation li a:after {
  content: '\00BB';
  position: absolute;
  right: 1rem;
  top: 0.75rem;
}

.post-body .post-navigation li ul li a {
  padding-left: 3rem;
}

.post-body .post-navigation li ul {
  transform-origin: center top;
  transform: scaleY(0);
  height: 0;
  overflow: hidden;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
}

.post-body .post-navigation li.-active ul {
  transform: scaleY(1);
  height: auto;
}

.post-body .post-navigation li.-active > a {
  color: #9D00BA;
}

@media (min-width:992px) {
  .post-body .post-navigation h1 {
    padding: 1rem 1.5rem;
  }
  
  .post-body.-hasnav {
    position: relative;
    left: 9em;
  }

  .post-body .post-navigation {
    position: absolute;
    width: 16em;
    left: -18em;
  }
  
  .-scrolled .post-navigation > div {
    position: fixed;
    top: 4.45em;
    width: 16em;
    box-sizing: border-box;
  }

  .-end .post-navigation {
    top: auto;
    bottom: 0;
  }

  .post-body .post-navigation > div {
    border-radius: 3px;
    max-height: calc(100vh - 6.45em);
    margin-top: 1em;
  }
}

@media (min-width: 1200px) {
  .post-body .post-navigation {
    left: -22em;
  }
}

@media (max-width: 992px) {
  .post-body .post-navigation {
    -webkit-transition: top 0.25s ease-in-out;
		transition: top 0.25s ease-in-out;
    position: fixed;
    top: 1.7em;
    left: 0;
    right: 0;
    background: white;
    z-index: 1;
  }
  
  .-scrolled .post-navigation, .-end .post-navigation {
    top: 3.9em;
  }
  
  .post-body .post-navigation > div {
    -webkit-transition: height 0.25s ease-in-out;
		transition: height 0.25s ease-in-out;
    border-width: 1px 0;
    height: 2.2em;
  }
  
  .post-body .post-navigation h1 {
    position: fixed;
    background: white;
    width: 100%;
    z-index: 1;
  	border-bottom: 1px solid #C6C6C6;
  }
  
  .post-body .post-navigation h1:after {
    -webkit-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
    content: '\00BB';
    position: fixed;
    right: 1rem;
    top: 1.2em;
  }
  
  .-scrolled .post-navigation h1:after, .-end .post-navigation h1:after {
    top: 4.5em;
  }
  
  .post-body .post-navigation.-open h1:after {
    transform: rotate(90deg);
  }
  
  .-scrolled .post-navigation.-open > div, .-end .post-navigation.-open > div {
    height: 10em;
  }
  
  .post-body .post-navigation > div > ul {
    margin-top: 2.2em;
  }
}

@media (max-width: 767px) {
  .post-body .post-navigation {
    top: 2.5em;
  }
  
  .-scrolled .post-navigation, .-end .post-navigation {
    top: 5.2em;
  }
  
  .post-body .post-navigation > div {
    height: 2.5em;
  }
  
  .post-body .post-navigation h1:after {
    top: 3.3em;
  }
  
  .-scrolled .post-navigation h1:after, .-end .post-navigation h1:after {
    top: 6em;
  }
  
  .post-body .post-navigation > div > ul {
    margin-top: 2.55em;
  }
}

@media (max-width: 480px) {
  .post-body .post-navigation {
    top: 2.25em;
  }
  
  .-scrolled .post-navigation, .-end .post-navigation {
    top: 4.85em;
  }
  
  .post-body .post-navigation h1:after {
    top: 3.05em;
  }
  
  .-scrolled .post-navigation h1:after, .-end .post-navigation h1:after {
    top: 5.75em;
  }
}

.post-body span ul, .post-body span ol {
  margin: 1em 0;
  padding: 0 0 0 2em;
}

.post-body span ul li {
  list-style: disc;
}

#progress-bar {
  height: 0.5em;
  -webkit-appearance: none;
  width: 100%;
  margin: 0 -1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
  overflow-y: visible;
  background: transparent;
  pointer-events: none;
}

#progress-bar::-webkit-slider-runnable-track {
  background: transparent;
  width: 100%;
}

#progress-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #ed7448;
  background-color: #9D00BA;
  height: 0.5em;
  width: 1px;
  box-shadow: -1000em 0 0 1000em #9D00BA;
}

#progress-bar::-moz-range-thumb {
  background: #9D00BA;
  border: 0;
  height: 0;
}

#progress-bar::-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}

#progress-bar::-moz-range-progress {
  background-color: #9D00BA;
  height: 0.5em;
}

#progress-bar::-moz-range-track {
  height: 0.5em;
  background-color: transparent;
}

#progress-bar:focus {
  outline: none;
}

.booking-calendar {
	border: none;
  width: 100%;
  height: 47.2em;
  margin: 2em 0;
}

@media (min-width: 767px) {
  .booking-calendar {
  	height: 35.8em;
  }
}

@media (min-width:992px) {
  .booking-calendar {
    height: 38.4em;
  }
}