/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap');@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');*/
img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom
}

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

.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%
    }
}

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
}

.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 .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 .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
}

.widget-type-space {
    visibility: hidden
}

.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")
}

.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

.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: 0
}

.hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.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
}

.hs_cos_flex-slider .hs_cos_flex-slides img {
    width: 100%;
    display: block;
    border-radius: 0px
}

.hs_cos_flex-pauseplay span {
    text-transform: capitalize
}

.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%
}

.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
}

.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: .8;
    right: 5px
}

.hs_cos_flex-slider:hover .hs_cos_flex-prev {
    opacity: .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
}

.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
}

.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
    }

    #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
}

.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
}

pre {
    overflow-x: auto
}

table pre {
    white-space: pre-wrap
}

.comment {
    margin: 10px 0 10px 0
}

.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
}

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
}

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

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

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

#recaptcha_table td {
    line-height: 0
}

.recaptchatable #recaptcha_response_field {
    min-height: 0;
    line-height: 12px
}

/*@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.svg#Georgia-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.svg#Georgia-Italic') format('svg');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Bold.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Bold.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Bold.svg#Georgia-Bold') format('svg');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.svg#Georgia-Italic') format('svg');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Italic.svg#Georgia-Italic') format('svg');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.svg#Georgia-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Bold.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Bold.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-Bold.svg#Georgia-Bold') format('svg');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Fonts/Georgia-BoldItalic.svg#Georgia-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic
}*/

* {
    box-sizing: border-box
}

*:focus {
    outline: 0
}

::-moz-focus-inner {
    border: 0
}

body {
    margin: 0px;
    padding: 0;
    font-family: Arial, sans-serif;
    font-weight: 200;
    color: #000;
    font-size: 18px;
    line-height: 30px
}

ul {
    margin: 0px;
    padding: 0px
}

strong {
    font-weight: 700
}

a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    text-decoration: none;
    color: #000
}

a:hover {
    color: #4d4d4d
}

a:hover, a:focus {
    text-decoration: none
}

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

::-webkit-input-placeholder {
    opacity: 1;
    color: #4d4d4d
}

::-moz-placeholder {
    opacity: 1;
    color: #4d4d4d
}

:-ms-input-placeholder {
    opacity: 1;
    color: #4d4d4d
}

:-moz-placeholder {
    opacity: 1;
    color: #4d4d4d
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="file"], 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"] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #efefef;
    border-radius: 15px;
    border: 0;
    padding: 12px;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 400;
    width: 100%
}

fieldset.form-columns-1 textarea.hs-input, fieldset.form-columns-1 select.hs-input fieldset.form-columns-1 input[type="text"].hs-input, fieldset.form-columns-1 input[type="password"].hs-input, fieldset.form-columns-1 input[type="datetime"].hs-input, fieldset.form-columns-1 input[type="datetime-local"].hs-input, fieldset.form-columns-1 input[type="date"].hs-input, fieldset.form-columns-1 input[type="file"].hs-input, fieldset.form-columns-1 input[type="month"].hs-input, fieldset.form-columns-1 input[type="time"].hs-input, fieldset.form-columns-1 input[type="week"].hs-input, fieldset.form-columns-1 input[type="number"].hs-input, fieldset.form-columns-1 input[type="email"].hs-input, fieldset.form-columns-1 input[type="url"].hs-input, fieldset.form-columns-1 input[type="search"].hs-input, fieldset.form-columns-1 input[type="tel"].hs-input, fieldset.form-columns-1 input[type="color"].hs-input {
    width: 100%
}

.hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset textarea.hs-input, .hs-form fieldset input[type="number"].hs-input {
    width: 100%
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 10px
}

input[type="file"] {
    background-color: #fff;
    color: #000
}

.inputs-list {
    margin: 0 0 15px;
    list-style-type: none
}

input[type="submit"] {
    font-family: ;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 90px;
    width: 40%;
    border: 0;
    box-sizing: border-box;
    background-color: #ff611e;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

input[type="submit"]::-moz-focus-inner {
    border: 0
}

textarea {
    resize: none
}

ul.hs-error-msgs {
    list-style-type: none;
    color: red;
    font-size: .85em
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
    line-height: normal;
    font-weight: 700
}

h1 {
    font-size: 98px;
    font-weight: 400;
    line-height: 120px;
    color: #000
}

h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    color: #000;
    margin-bottom: 30px
}

h3 {
    font-size: 34px;
    line-height: 45px;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px
}

h4 {
    font-size: 26px;
    line-height: 36px;
    color: #304659;
    font-family: Arial, sans-serif
}

h5 {
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    color: #304659;
    font-family: Arial, sans-serif
}

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

.text-white {
    color: #fff
}

.text-white h3, .text-white h4, .text-white h2 {
    color: #fff
}

.mt-140 {
    margin-top: 140px
}

.mb-140 {
    margin-bottom: 140px
}

.btn a {
    padding: 12px 30px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    color: #1f88c9;
    background: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 90px;
    border: 1px solid #fff
}

.arrows-btn a {
    padding: 12px 50px 12px 30px
}

.arrows-btn a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 18px;
    line-height: normal;
    top: 0;
    bottom: 0;
    height: 17px;
    margin: auto
}

.btn2 a {
    background: transparent;
    color: #fff
}

.pelorous-btn a {
    border-color: #1f88c9;
    background: #1f88c9;
    color: #fff
}

.orange-btn a {
    background: #ff611e;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px
}

.orange-btn2 a {
    border-color: #ff611e;
    color: #4d4e4e;
    font-family: Arial, sans-serif;
    font-weight: 600
}

.btn a:hover {
    border-color: #ff611e;
    background: #ff611e;
    color: #fff
}

.btn2 a:hover {
    border-color: #ff611e;
    background: #ff611e;
    color: #fff
}

.pelorous-btn a:hover {
    border-color: #ff611e;
    background: #ff611e;
    color: #fff
}

.orange-btn a:hover {
    border-color: #1f88c9;
    background: #1f88c9;
    color: #fff
}

.b-radius-10 a, a.b-radius-10 {
    border-radius: 10px
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.no-padding {
    padding: 0;
    margin: 0
}

.row-fluid .padding-right-container[class*="span"], .padding-right-container {
    padding-right: calc((100% - 1170px) / 2)
}

.row-fluid .padding-left-container[class*="span"], .padding-left-container {
    padding-left: calc((100% - 1170px) / 2)
}

.slick-arrow {
    font-size: 0;
    border: 0;
    width: 50px;
    text-align: center;
    background: transparent;
    height: 50px;
    line-height: 50px;
    color: #4d4d4d;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    border: 0
}

.slick-arrow:before {
    content: "\f104";
    font-size: 38px;
    font-family: 'FontAwesome'
}

.slick-next.slick-arrow:before {
    content: "\f105"
}

.main-wrap-arrows {
    display: inline-block;
    float: right;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

.slick-prev.slick-arrow {
    padding-right: 15px;
    left: -100px
}

.slick-next.slick-arrow {
    padding-left: 15px;
    right: -100px
}

.slick-arrow:hover {
    color:
}

body .fancybox-button, body .fancybox-button:link, body .fancybox-button:visited {
    color: #fff
}

body .fancybox-bg {
    background-color: #1f88c9
}

.list-style ul {
    list-style: none;
    padding-left: 0;
    margin: 40px 0 20px
}

.list-style ul li {
    position: relative;
    padding-left: 48px;
    margin-bottom: 20px
}

.list-style ul li:before {
    content: "";
    background: url(https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Images/banner-arrows-white.svg) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #1f88c9;
    background-size: 20px
}

.list-style2 ul {
    list-style: none;
    padding-left: 40px;
    margin: 40px 0 20px
}

.list-style2 ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 20px
}

.list-style2 ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    background: #56b1ff
}

.list-style3 ul {
    padding-left: 20px;
    padding-bottom: 20px
}

.slick-dots {
    text-align: center
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px
}

.slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    padding: 0;
    background: #000;
    border: 0;
    border-radius: 100%;
    border: 2px solid #000;
    cursor: pointer
}

.slick-dots li.slick-active button {
    background: transparent
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    white-space: normal
}

.container, .row-fluid .container[class*="span"] {
    float: none;
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto
}

.container:before, .container:after, .row-fluid .container[class*="span"]:after, .row-fluid .container[class*="span"]:before {
    clear: both;
    content: "";
    display: table
}

.container_1390, .row-fluid .container_1390[class*="span"] {
    max-width: 1390px
}

.fancybox-slide .fancybox-content {
    width: 100% !important;
    height: 100% !important;
    max-width: 720px;
    max-height: 404px
}

.flex-container>.row-fluid-wrapper>.row-fluid, .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flex-container.top>.row-fluid-wrapper>.row-fluid, .flex-container.top {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    align-items: flex-start
}

.flex-container.center>.row-fluid-wrapper>.row-fluid, .flex-container.center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-container.bottom>.row-fluid-wrapper>.row-fluid, .flex-container.bottom {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    align-items: flex-end
}

.reverse>.row-fluid-wrapper>.row-fluid, .reverse {
    flex-direction: row-reverse
}

.form-style .hs-form-field>label {
    margin-bottom: 11px;
    display: block
}

.form-style .hs-submit {
    margin-top: 20px
}

.form-style .hs-submit input.hs-button {
    font-size: 16px;
    font-weight: 800;
    border-radius: 90px;
    font-family: Arial, sans-serif;
    width: auto;
    min-width: 240px;
    line-height: normal;
    height: 50px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 10px 24px
}

.form-style .hs-submit input.hs-button:hover {
    background: #1f88c9
}

.set-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.row-fluid .header-section {
    position: fixed;
    z-index: 999
}

.row-fluid .header-section-light {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.02) -2%, #fff 100%);
    -webkit-transition: ease .5s;
    -moz-transition: ease .5s;
    -ms-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s
}

.row-fluid .header-section-dark {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.02) -2%, #000 300%);
    -webkit-transition: ease .5s;
    -moz-transition: ease .5s;
    -ms-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s
}

.row-fluid .header-shadow {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
}

.row-fluid .header-shadow {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.02) -2%, #fff 100%);
    -webkit-transition: ease .5s;
    -moz-transition: ease .5s;
    -ms-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s
}

.row-fluid .header-fixed {
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

.row-fluid .header-left {
    float: left;
    padding-top: 8px;
    padding-left: 40px;
    padding-bottom: 10px;
    margin-left: 0
}

.row-fluid .header-right {
    text-align: right
}

.row-fluid .header-right>div>div {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.row-fluid .header-right .site-search-btn {
    width: auto;
    line-height: normal;
    margin-top: 7px
}

.row-fluid .header-right .language-switcher {
    width: auto;
    vertical-align: middle
}

.row-fluid .header-right .header-btn {
    width: auto;
    vertical-align: middle
}

.row-fluid .header-btn a {
    color: #fff;
    background: #1f88c9;
    display: inline-block;
    padding: 31px 36px;
    line-height: normal;
    box-sizing: border-box !important;
    min-width: 160px;
    text-align: center
}

.row-fluid .header-btn a:hover {
    background: #ff611e
}

.row-fluid .header-section .logo {
    width: auto;
    float: none
}

.row-fluid .header-section .logo img {
    height: 56px
}

.row-fluid .header-section .main-menu {
    width: 100%;
    float: none;
    display: inline-block;
    line-height: normal;
    margin-left: 65px;
    padding-top: 8px;
    position: relative
}

.row-fluid .main-menu .hs-menu-wrapper>ul>li {
    margin-right: 40px
}

.row-fluid .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: relative;
    top: -14px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block
}

.row-fluid .header-transparent .header-section .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children:after {
    color: #fff
}

.row-fluid .header-transparent .header-section.header-fixed .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children:after {
    color: #4d4d4d
}

.row-fluid .main-menu .hs-menu-wrapper>ul>li>a {
    padding: 10px 0
}

.row-fluid .main-menu .hs-menu-wrapper>ul>li a {
    color: #4d4d4d;
    width: auto;
    max-width: none
}

.row-fluid .header-section-dark .hs-menu-wrapper>ul>li a {
    color: #fff;
    width: auto;
    max-width: none
}

.row-fluid .header-fixed .hs-menu-wrapper>ul>li a {
    color: #4d4d4d;
    width: auto;
    max-width: none
}

.row-fluid .header-shadow .hs-menu-wrapper>ul>li a {
    color: #4d4d4d;
    width: auto;
    max-width: none
}

.site-search-btn .hs-search-field__bar form {
    display: block;
    position: absolute;
    right: 30px;
    top: -13px;
    bottom: 0;
    width: 30px;
    transition: ease .5s;
    opacity: 0;
    visibility: hidden
}

.site-search-btn .hs-search-field__bar form input.hs-search-field__input {
    border: 0;
    color: #1f88c9;
    font-weight: 200;
    height: 42px;
    line-height: normal;
    margin-bottom: 0;
    width: 100%
}

.site-search-btn .hs-search-field__bar form input.hs-search-field__input::-webkit-input-placeholder {
    opacity: 1;
    color: #1f88c9
}

.site-search-btn .hs-search-field__bar form input.hs-search-field__input::-moz-placeholder {
    opacity: 1;
    color: #1f88c9
}

.site-search-btn .hs-search-field__bar form input.hs-search-field__input:-ms-input-placeholder {
    opacity: 1;
    color: #1f88c9
}

.site-search-btn .hs-search-field__bar form input.hs-search-field__input:-moz-placeholder {
    opacity: 1;
    color: #1f88c9
}

.site-search-btn .hs-search-field {
    position: relative
}

.site-search-btn .search-open .hs-search-field__bar form {
    width: 200px;
    opacity: 1;
    visibility: visible
}

.hs-search-icon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: relative
}

.hs-search-icon:after, .hs-search-icon:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1f88c9;
    content: "";
    margin: auto;
    top: -8px;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
}

.hs-search-icon:after {
    width: 3px
}

.hs-search-icon:before {
    height: 3px
}

.search-open .hs-search-icon svg {
    opacity: 0
}

.search-open .hs-search-icon:after, .search-open .hs-search-icon:before {
    opacity: 1
}

.header-transparent .header-section .hs-search-icon {
    filter: invert(1)
}

.header-transparent .header-section.header-fixed .hs-search-icon {
    filter: invert(0)
}

.hs-search-results__title {
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block
}

.hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input ul li label input[type="checkbox"] {
    margin-top: 9px
}

.hs-form .hs_recaptcha .input {
    margin-bottom: 28px
}

@media(min-width:768px) {
    :lang(ru) .row-fluid .header-section .main-menu {
        margin-left: 45px
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li {
        font-size: 15px;
        margin-right: 10px
    }

    .row-fluid .header-section .mobile-menu {
        display: none
    }

    .row-fluid .main-menu .hs-menu-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper>li a:hover {
        background: #1f88c9;
        padding-left: 20px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item {
        position: static
    }

    .row-fluid .main-menu .hs-menu-wrapper ul.hs-menu-children-wrapper {
        width: 250px;
        background: #4d4d4d;
        line-height: 0
    }

    .row-fluid .main-menu .hs-menu-wrapper ul.hs-menu-children-wrapper a {
        line-height: normal
    }

    .row-fluid .main-menu .hs-menu-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper>li a {
        color: #fff;
        width: 100%;
        padding: 9px 15px 11px;
        position: relative;
        white-space: normal;
        display: inline-block
    }

    .row-fluid .main-menu .hs-menu-wrapper ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper {
        opacity: 1;
        visibility: visible;
        left: 0 !important;
        position: relative;
        column-count: 3;
        top: 0 !important
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper>li a {
        border: 0
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper {
        padding: 35px 40px 80px;
        width: 100%;
        max-width: 1260px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper>li>a:before {
        content: "";
        background: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Images/Path.svg') no-repeat center / contain;
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 10px;
        top: 2px;
        bottom: 0;
        margin: auto
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper>li>a {
        padding-left: 40px;
        margin-bottom: 35px;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper>li>a:hover {
        padding-left: 40px;
        background: transparent
    }

    .row-fluid .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        opacity: 0;
        visibility: hidden;
        top: 130%;
        -webkit-transition: ease .4s;
        -moz-transition: ease .4s;
        -ms-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s
    }

    .row-fluid .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper {
        opacity: 0;
        visibility: hidden;
        width: 100%
    }

    .row-fluid .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
        opacity: 1 !important;
        visibility: visible !important;
        top: 100%
    }
}

.hero-section {
    width: 100%;
    float: left;
    padding: 150px 0 80px;
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 0;
    z-index: -1;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(16, 16, 16, 0.84) 100%)
}

.hero-top-inner-row {
    margin: 0 15px
}

.hero-top-inner-box {
    width: 33.3333%;
    float: left;
    padding: 0 15px;
    -webkit-animation: fadeInUp 1s ease-in-out .2s forwards;
    -moz-animation: fadeInUp 1s ease-in-out .2s forwards;
    -ms-animation: fadeInUp 1s ease-in-out .2s forwards;
    -o-animation: fadeInUp 1s ease-in-out .2s forwards;
    animation: fadeInUp 1s ease-in-out .2s forwards;
    opacity: 0;
    transform: none
}

.hero-top-number {
    font-size: 100px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    color: #fff;
    line-height: normal;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 18px
}

.hero-top-text {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
    -webkit-animation: fadeInUp 1s ease-in-out .4s forwards;
    -moz-animation: fadeInUp 1s ease-in-out .4s forwards;
    -ms-animation: fadeInUp 1s ease-in-out .4s forwards;
    -o-animation: fadeInUp 1s ease-in-out .4s forwards;
    animation: fadeInUp 1s ease-in-out .4s forwards;
    opacity: 0;
    transform: none
}

.hero-top-inner-box:nth-child(2) {
    margin-top: 70px
}

.hero-top-caption {
    width: 105%;
    float: left;
    margin-left: -2%
}

.hero-top-inner-box-content {
    width: 100%;
    max-width: 260px;
    position: relative
}

.hero-top-inner-box:nth-child(2) .hero-top-inner-box-content {
    margin: auto
}

.hero-top-inner-box:nth-child(3) .hero-top-inner-box-content {
    float: right
}

.hero-top-arrows {
    position: absolute;
    top: 70px;
    left: -30px;
    height: 230px;
    border-left: 2px solid #fff
}

.hero-top-arrows svg {
    width: 25px;
    background: #fff;
    height: 25px;
    padding: 5px;
    position: relative;
    left: -2px
}

.hero-title-row {
    width: 100%;
    float: left;
    padding: 140px 0 0
}

.hero-sub-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-sub-box .hero-sub-text {
    float: left;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    width: 50%;
    -webkit-animation: fadeInUp 1s ease-in-out .8s forwards;
    -moz-animation: fadeInUp 1s ease-in-out .8s forwards;
    -ms-animation: fadeInUp 1s ease-in-out .8s forwards;
    -o-animation: fadeInUp 1s ease-in-out .8s forwards;
    animation: fadeInUp 1s ease-in-out .8s forwards;
    opacity: 0;
    transform: none
}

.hero-sub-box .btn {
    width: 50%;
    float: right;
    text-align: right;
    -webkit-animation: fadeInUp 1s ease-in-out 1s forwards;
    -moz-animation: fadeInUp 1s ease-in-out 1s forwards;
    -ms-animation: fadeInUp 1s ease-in-out 1s forwards;
    -o-animation: fadeInUp 1s ease-in-out 1s forwards;
    animation: fadeInUp 1s ease-in-out 1s forwards;
    opacity: 0;
    transform: none
}

.hero-title-row h1 {
    margin-bottom: 40px;
    color: #fff
}

.target-col {
    display: none
}

.active-show {
    display: block
}

.hero-sub-box.active-show {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hero-title-row h1 span {
    animation: fadeInUp2 1s ease-in-out .6s forwards;
    position: relative;
    opacity: 0;
    top: 0
}

.hero-title-row h1 span.active-show {
    display: inline
}

.hero-title-row h1 .target-row {
    display: inline
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        top: 30px
    }

    to {
        opacity: 1;
        top: 0
    }
}

.title-section {
    width: 100%;
    max-width: 970px;
    margin: 0 auto 60px
}

.title-section .sub-text {
    font-size: 22px;
    line-height: 38px
}

.bridging-digital-section {
    width: 100%;
    float: left;
    padding: 100px 0 80px
}

.bridging-digital-left {
    width: 40%;
    float: left;
    padding-right: 50px
}

.bridging-digital-right {
    width: 60%;
    float: left
}

.bridging-digital-row {
    width: 100%;
    max-width: 970px;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bridging-digital-right img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bridging-digital-img img {
    width: 326px;
    height: 218px;
    object-fit: cover
}

.bridging-digital-img {
    margin-bottom: 20px
}

.bridging-digital-text {
    margin-bottom: 40px
}

.smart-vista-section {
    width: 100%;
    float: left;
    background: #363535;
    color: #fff;
    padding: 90px 0
}

.smart-vista-section h2 {
    color: #fff
}

.smart-vista-left {
    width: 40%;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 80px
}

.smart-vista-left .btn {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end
}

.smart-vista-right {
    width: 60%;
    float: left;
    padding-top: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.smart-vista-row {
    width: 50%;
    float: left;
    padding-right: 40px
}

.smart-vista-img {
    width: 50%;
    float: left
}

.smart-vista-text {
    margin-bottom: 50px
}

.smart-vista-box {
    position: relative;
    padding-left: 52px;
    margin-bottom: 30px
}

.smart-vista-box h5 {
    color: #fff;
    margin-bottom: 12px
}

.smart-vista-box h5>i {
    width: 25px;
    height: 25px;
    background: #fff;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: 0
}

.smart-vista-box h5>i svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.smart-vista-img img {
    height: 100%;
    object-fit: cover
}

.solutions-tab-module-section {
    width: 100%;
    float: left;
    padding: 90px 0 80px
}

.tab-list {
    text-align: left;
    float: right;
    padding-left: 60px;
    width: 50%;
    margin-bottom: 20px
}

.tab-list ul {
    list-style: none
}

.tab-list li {
    font-size: 18px;
    font-weight: 800;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    margin-right: 60px;
    position: relative;
    color: #ff611e;
    display: inline-block;
    cursor: pointer
}

.tab-list li:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ff611e;
    opacity: 0;
    transition: all .5s
}

.tab-list li.active:after {
    opacity: 1
}

.tab-list li:nth-child(even) {
    color: #75c86a
}

.tab-list li:nth-child(3n) {
    color: #fec234
}

.tab-list li:nth-child(3n):after {
    background: #fec234
}

.tab-list li:nth-child(even):after {
    background: #75c86a
}

.tabbing-main-wrap {
    width: 100%;
    float: left
}

.tabbing-row {
    width: 100%;
    float: left;
    padding: 0 0 30px
}

.tabbing-left {
    width: 50%;
    float: left;
    padding-right: 20px
}

.tabbing-right {
    width: 50%;
    float: left;
    padding-left: 60px
}

.tabbing-text {
    margin-bottom: 60px
}

.tabbing-text span {
    color: #ff611e
}

.tabbing-img {
    text-align: center
}

.tabbing-box-row {
    margin: 0 -15px
}

.tabbing-box {
    width: 50%;
    float: left;
    padding: 0 15px 20px
}

.tabbing-box h5 {
    position: relative;
    padding-left: 40px;
    font-size: 24px
}

.tabbing-box h5>i {
    width: 25px;
    height: 25px;
    background: #ff611e;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: 0
}

.tabbing-box h5>i svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.tabbing-box-text {
    font-size: 16px;
    color: #3b5266;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 24px
}

.case-study-section {
    width: 100%;
    float: left;
    background: #f8f8f8;
    padding: 140px 0 70px
}

.case-study-left {
    width: 44%;
    float: left;
    padding-right: 74px
}

.case-study-right {
    float: left;
    width: 56%;
    padding-left: 30px
}

.case-study-left h2 {
    text-align: right;
    margin-bottom: 20px
}

.case-study-img img {
    width: 100%
}

.case-study-logo img {
    width: 100%;
    max-width: 294px
}

.case-study-logo {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.case-study-text {
    margin-bottom: 70px
}

.case-study-section .case-study-title {
    width: 38%;
    text-align: right;
    padding-right: 4px;
    margin-bottom: -14px
}

.case-study-title h6 {
    color: #ff611e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase
}

.case-btn a {
    display: inline-block;
    line-height: 23px;
    color: rgba(114, 114, 114, 0.65);
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 800;
    position: relative;
    padding-right: 90px
}

.case-btn {
    text-align: right;
    padding-top: 40px
}

.case-btn a strong {
    display: block;
    color: #000
}

.case-btn a span {
    min-width: 64px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #707070;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0
}

.case-btn a span:after {
    content: "\f105";
    font-family: 'FontAwesome';
    right: 14px;
    line-height: normal;
    top: 0;
    bottom: 0;
    height: 17px;
    margin: auto;
    position: absolute
}

.case-study-right h5 {
    position: relative;
    padding-left: 40px;
    font-size: 24px;
    color: #ff611e;
    display: inline-block;
    width: 100%;
    text-transform: uppercase
}

.case-study-right h5>i {
    width: 25px;
    height: 25px;
    background: #ff611e;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px
}

.case-study-right h5>i svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.case-study-right .btn {
    text-align: right
}

.case-study-right .btn a {
    border: 1px solid #ff611e;
    font-size: 18px;
    font-weight: 700
}

.case-study-right .btn a:hover {
    background: #ff611e;
    color: #fff
}

.cta-strip-wrap {
    width: 100%;
    float: left;
    border: 1px solid #707070;
    background-color: #1f88c9;
    padding: 70px 0;
    color: #fff
}

.cta-strip-wrap h2 {
    color: #fff
}

.cta-strip-main {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cta-strip-left {
    width: 40%;
    float: left
}

.cta-strip-right {
    width: 60%;
    padding-left: 90px;
    float: left
}

.cta-strip-text {
    font-size: 26px;
    font-weight: 400;
    font-family: Arial, sans-serif
}

.cta-strip-right .btn {
    display: inline-block;
    margin-right: 40px
}

.cta-btn a:hover {
    background: #ff611e;
    border-color: #ff611e
}

.logo-grid-wrap {
    width: 100%;
    float: left;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #707070;
    background-color: #fff;
    padding: 20px 0;
    text-align: center
}

.logo-grid-main .slick-slide {
    display: inline-block !important;
    vertical-align: middle;
    float: none;
    text-align: center
}

.logo-grid {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    margin: 0 -2px;
    text-align: center
}

.logo-grid-main .slick-slide .logo-grid {
    width: 100%
}

.logo-grid img {
    width: 100%;
    max-width: 220px;
    margin: auto
}

.row-fluid .footer-section {
    background: #363535;
    color: #fff;
    padding: 50px 0;
    font-family: Arial, sans-serif
}

.row-fluid .footer-section a {
    color: #fff
}

.row-fluid .footer-section a:hover {
    color: #ff611e
}

.row-fluid .footer-section .container {
    max-width: 1500px
}

.row-fluid .simple-menu ul li a {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    white-space: normal;
    padding: 0;
    width: 100%;
    margin-bottom: 18px
}

.row-fluid .simple-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 0;
    top: 0;
    position: relative;
    opacity: 1;
    visibility: visible
}

.row-fluid .simple-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    font-weight: 400
}

.row-fluid .footer-logo {
    width: 14%
}

.row-fluid .simple-menu {
    margin: 0;
    width: 18%;
    padding-right: 30px
}

.row-fluid .digital-banking-menu {
    width: 21%
}

.row-fluid .merchant-management-menu {
    width: 21%
}

.blog-subscription h3 {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 30px
}

.row-fluid .blog-subscription form {
    position: relative
}

.row-fluid .blog-subscription form .hs-form-field .hs-input {
    height: 52px;
    background-color: #fff;
    width: 100%;
    padding-right: 60px
}

.row-fluid .blog-subscription form .hs-form-field label .hs-form-required {
    display: none
}

.row-fluid .blog-subscription form .hs-submit {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.row-fluid .blog-subscription form .hs-submit .actions:before {
    content: "";
    background: url('https://cdn2.hubspot.net/hubfs/6845371/BPC_2020/Images/send.svg') no-repeat center / contain;
    width: 25px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    pointer-events: none
}

.row-fluid .blog-subscription form .hs-submit .actions .hs-button {
    width: 60px;
    height: 52px;
    font-size: 0;
    background: transparent
}

.row-fluid .blog-subscription form ul.inputs-list {
    list-style: none;
    font-size: 14px;
    color: #ff611e
}

.row-fluid .footer-bottom {
    padding: 40px 0 0
}

.row-fluid .footer-bottom .language-switcher {
    width: auto;
    display: inline-block;
    margin: auto;
    float: none;
    position: relative;
    bottom: 9px
}

.row-fluid .footer-bottom .footer-right-menu {
    display: inline-block;
    width: auto;
    margin: 0;
    float: none
}

.row-fluid .footer-bottom-right {
    text-align: right
}

.row-fluid .footer-right-menu ul {
    margin-bottom: 0
}

.row-fluid .footer-right-menu ul li {
    display: inline-block;
    margin-left: 50px
}

.row-fluid .footer-right-menu ul li a {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px
}

.row-fluid .copyright {
    font-size: 14px;
    line-height: 24px
}

.social-list ul li {
    display: inline-block;
    margin-right: 16px;
    vertical-align: top
}

.social-list ul li a {
    display: inline-block
}

.social-list ul li img {
    width: 44px
}

.social-list li i.fa {
    width: 44px;
    height: 44px;
    background: #fff;
    color: #363535;
    vertical-align: top;
    border-radius: 5px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-trigger {
    display: none
}

.offerings-hero-section {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    min-height: 600px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 0
}

.lp-bpc .offerings-hero-section {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    min-height: 400px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

.offerings-hero-section .offerings-hero-img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    z-index: -2
}

.offerings-hero-section .offerings-hero-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #101010 100%);
    right: 0;
    z-index: -1
}

.offerings-hero-section:before {
    content: "";
    background: #3366cc;
    width: 52%;
    position: absolute;
    left: -70px;
    top: 0;
    bottom: -1px;
    z-index: -1;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg)
}

.offerings-hero-caption {
    width: 45%;
    color: #fff
}

.offerings-hero-caption h2 {
    color: #fff;
    position: relative;
    z-index: 1;
    padding-left: 52px;
    font-size: 45px
}

.offerings-hero-caption h2 svg {
    width: 40px;
    height: 40px
}

.offerings-hero-caption h2 i {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.offerings-hero-content {
    width: 100%;
    max-width: 100%;
    padding-left: 55px;
    font-size: 25px;
    line-height: normal
}

.scroll-smooth-nav-section {
    width: 100%;
    float: left;
    position: relative
}

.scroll-smooth-nav-inner {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 20px 0 10px;
    width: 100%;
    position: relative;
    z-index: 1
}

.scroll-smooth-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.scroll-smooth-nav-list ul {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.scroll-smooth-nav-list ul li {
    width: 100%;
    padding: 0 15px
}

.scroll-smooth-nav-list ul li h5 a {
    color: #8298ab;
    font-weight: 400;
    border-bottom: 1px solid #d3dce5;
    padding-bottom: 14px;
    position: relative;
    display: block
}

.scroll-smooth-nav-list ul li h5 a.active {
    color: #304659;
    font-weight: 700
}

.scroll-smooth-nav-list ul li h5 a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    background: #304659;
    height: 1px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

.scroll-smooth-nav-list ul li h5 a.active:after {
    opacity: 1;
    visibility: visible;
    width: 50%
}

.scroll-smooth-sub-text {
    color: #8298ab;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 24px
}

.fixed .scroll-smooth-nav-inner {
    opacity: 0;
    visibility: hidden
}

.scroll-smooth-nav-fixed {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 20px 0 10px;
    width: 100%;
    position: absolute;
    top: 120px;
    opacity: 0;
    visibility: hidden
}

.fixed .scroll-smooth-nav-fixed {
    -webkit-animation: stickySlideDown .5s ease-in-out 0s forwards;
    -moz-animation: stickySlideDown .5s ease-in-out 0s forwards;
    -ms-animation: stickySlideDown .5s ease-in-out 0s forwards;
    -o-animation: stickySlideDown .5s ease-in-out 0s forwards;
    animation: stickySlideDown .5s ease-in-out 0s forwards;
    position: fixed;
    z-index: 99;
    background: #fff;
    opacity: 1;
    visibility: visible
}

.sections {
    width: 100%;
    float: left
}

@keyframes stickySlideDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes stickySlideDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.solution-two-col-section {
    width: 100%;
    float: left;
    position: relative;
    padding: 70px 0
}

.solution-two-col-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.solution-two-col-section .flex-none {
    display: block
}

.solution-two-col-section .solution-two-left {
    width: 50%;
    text-align: right;
    float: left;
    padding-right: 80px
}

.solution-two-col-section .solution-two-right {
    width: 50%;
    float: left;
    text-align: right
}

.solution-two-col-section h5 {
    color: #ff611e;
    text-transform: uppercase
}

.solution-two-text {
    margin-bottom: 80px
}

.row-fluid .banking-solution-section {
    background-color: #f8f8f8
}

.solution-three-col-section {
    width: 100%;
    float: left;
    padding: 50px 0 80px
}

.solution-three-row {
    margin: 0 -15px
}

.solution-three-box {
    width: 33.333%;
    float: left;
    padding: 0 15px 60px
}

.solution-three-text {
    margin-bottom: 20px
}

.solution-two-iframe iframe {
    width: 100%;
    height: 372px
}

.solution-two-img.image-object-fit-cover img {
    width: 100%;
    height: 372px !important;
    object-fit: cover
}

.solution-two-iframe .solution-video-code iframe {
    height: 100%
}

.banking-insight-section {
    width: 100%;
    float: left;
    padding: 60px 0
}

.banking-insight-section .container {
    ;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.banking-insight-section .banking-insight-left {
    width: 50%;
    float: left
}

.banking-insight-section .banking-insight-right {
    width: 50%;
    float: left;
    padding-left: 70px
}

.banking-insight-left img {
    object-fit: cover;
    height: 418px;
    width: 100%
}

.banking-insight-right h5 {
    text-transform: uppercase;
    color: #ff611e;
    margin-bottom: 12px
}

.banking-insight-text {
    margin-bottom: 68px
}

.banking-insight-btn {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #4d4e4e
}

.banking-insight-btn span {
    display: block;
    margin-bottom: 12px
}

.banking-insight-btn .btn a {
    color: #4d4e4e;
    border-color: #4d4e4e
}

.banking-insight-btn .btn a:hover {
    color: #fff;
    border-color: #fff
}

.client-case-section {
    padding: 90px 0 70px
}

.client-case-section .case-study-title h6 {
    color: #1f88c9
}

.client-case-section .btn.text-center {
    text-align: center
}

.news-updates-section {
    width: 100%;
    float: left;
    padding: 90px 0
}

.news-updates-title h5 {
    color: #1f88c9;
    margin-bottom: 4px
}

.news-updates-title {
    margin-bottom: 50px
}

.news-updates-row {
    margin: 0 -20px
}

.news-updates-row:after, .news-updates-row:before {
    content: "";
    display: table;
    clear: both
}

.news-updates-box {
    width: 33.3333%;
    padding: 0 20px 60px;
    float: left
}

.news-updates-img {
    width: 100%;
    height: 300px
}

.news-updates-content {
    border: 1px solid #d3dce5;
    border-top: 0;
    padding: 14px 15px
}

.news-updates-content h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 800;
    margin-bottom: 15px
}

.news-updates-content h5 {
    margin-bottom: 10px
}

.news-updates-text {
    margin-bottom: 15px
}

.news-updates-text p {
    margin-bottom: 15px
}

.news-updates-link {
    text-align: right;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px
}

.news-updates-link a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: relative;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.news-updates-link a {
    display: inline-block;
    color: rgba(48, 70, 89, 0.69)
}

.news-updates-link a:hover {
    color: #ff611e
}

.news-updates-section .pelorous-btn {
    margin-top: 15px
}

.news-updates-inner {
    padding: 15px;
    border: 1px solid #d3dce5;
    background-color: #fff
}

.blog-recent-post-section .news-updates-content {
    border: 0;
    padding: 24px 10px 0
}

.blog-recent-post-section .news-updates-img {
    height: 175px
}

.blog-recent-post-section .news-updates-text {
    color: #000
}

.blog-recent-post-section .date {
    color: rgba(48, 70, 89, 0.69);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 15px
}

.blog-recent-post-section h4 {
    margin-bottom: 6px
}

.feature-two-box h5 {
    font-size: 20px;
    color: #304659;
    text-transform: uppercase;
    margin-bottom: 8px
}

.feature-two-box {
    width: 50%;
    text-align: left;
    padding: 0 15px 25px;
    margin: 0 -2px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.feature-two-row {
    margin: 50px -15px 0;
    display: table
}

.feature-icon {
    position: absolute;
    left: 0;
    top: 0
}

.feature-icon img {
    width: 100%;
    max-width: 40px
}

.feature-two-content {
    position: relative;
    padding-left: 50px
}

.feature-two-text {
    color: #3b5266;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.offerings-feature-title {
    margin-bottom: 60px
}

.offerings-feature-title h5 {
    color: #ff611e;
    text-transform: uppercase
}

.offerings-feature-section {
    width: 100%;
    float: left;
    padding: 50px 0 80px
}

.offerings-feature-box {
    width: 33.333%;
    float: left;
    padding: 0 15px 30px
}

.offerings-feature-row {
    margin: 0 -15px
}

.offerings-feature-inner {
    position: relative;
    padding-left: 65px
}

.offerings-feature-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 36px
}

.offerings-feature-content h4 {
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #304659
}

.offerings-feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.offerings-feature-content .offerings-feature-text {
    color: #304659;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.case-studies-slider-section {
    padding: 80px 0 180px;
    overflow: hidden
}

.case-studies-slider-section .slick-list {
    overflow: visible;
    margin: 0 -60px
}

.case-studies-slider-content {
    width: calc(100% - 350px);
    float: left;
    padding-right: 160px
}

.case-studies-slider-img {
    width: 350px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.case-studies-slider-box {
    position: relative;
    border: 1px solid #d3dce5;
    padding: 50px 50px;
    min-height: 360px
}

.case-studies-slider-content h3 {
    font-family: Arial, sans-serif;
    font-weight: 700
}

.case-studies-slider-content .case-studies-slider-text {
    color: #3b5266;
    margin-bottom: 50px
}

.case-studies-slider-row ul.slick-dots {
    text-align: left;
    position: absolute;
    bottom: -45px;
    padding-left: 50px
}

.case-studies-slider-row .slick-slide {
    opacity: .2;
    margin: 0 60px
}

.case-studies-slider-row .slick-slide.slick-current {
    opacity: 1
}

.experience-ecosystem-section {
    width: 100%;
    float: left;
    color: #fff;
    padding: 90px 0
}

.experience-ecosystem-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.experience-ecosystem-caption {
    width: 70%;
    float: left
}

.experience-ecosystem-video {
    width: 30%;
    float: left;
    text-align: right
}

.experience-ecosystem-caption h2 {
    color: #fff
}

.experience-ecosystem-text {
    margin-bottom: 25px;
    font-size: 26px
}

.experience-ecosystem-video a {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-family: Arial, sans-serif;
    font-weight: 800
}

.experience-ecosystem-video a:hover {
    color: #ff611e
}

.experience-ecosystem-video a i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    position: relative;
    top: 2px
}

path.stroke, path.fill {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.experience-ecosystem-video a:hover path.stroke {
    stroke: #ff611e
}

.experience-ecosystem-video a:hover path.fill {
    fill: #ff611e
}

.offerings-hero-video {
    position: absolute;
    right: calc((100% - 1560px) / 2);
    bottom: 200px
}

.offerings-hero-video a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: Arial, sans-serif;
    font-weight: 800
}

.offerings-hero-video a i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 1px;
    margin-left: 10px
}

.offerings-hero-video a:hover {
    color: #1f88c9
}
}

path.stroke, path.fill {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.offerings-hero-video a:hover path.stroke {
    stroke: #1f88c9
}

.offerings-hero-video a:hover path.fill {
    fill: #1f88c9
}

.bpc-team-section {
    width: 100%;
    float: left;
    padding: 70px 0;
    font-family: Arial, sans-serif
}

.bpc-team-left {
    width: 50%;
    float: left;
    padding-right: 90px
}

.bpc-team-right {
    width: 50%;
    float: left;
    text-align: right
}

.bpc-team-right img {
    height: 500px;
    object-fit: cover
}

.bpc-team-text {
    color: #3b5266;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 40px
}

.bpc-team-section h2 {
    margin-bottom: 15px;
    font-weight: 400
}

.bpc-team-list ul {
    list-style: none;
    margin: 0 -15px
}

.bpc-team-list ul li {
    color: #3b5266;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 18px;
    float: left;
    width: 100%
}

.bpc-team-list ul li span {
    width: 50%;
    float: left;
    padding: 0 15px
}

.bpc-team-list ul li .description {
    font-weight: 800
}

.offerings-hero-video.hero-video-center {
    right: 0;
    text-align: center;
    width: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.offerings-hero-video.hero-video-center i {
    margin: 0;
    display: block
}

.row-fluid .blog-section {
    padding: 100px 0
}

.row-fluid .blog-left {
    padding-right: 44px
}

.row-fluid .blog-side-bar {
    padding-left: 20px
}

.first-post {
    width: 100%;
    float: left;
    margin-bottom: 60px
}

.first-post .post-item {
    width: 100%;
    padding: 0 0 30px
}

.first-post .post-item-content {
    padding: 18px 0 8px
}

.first-post .post-item .hs-featured-image-wrapper .hs-featured-image-wrapper-img {
    height: 300px
}

.blog-listing-row {
    margin: 0 -15px
}

.post-item {
    width: 50%;
    float: left;
    padding: 0 15px 30px
}

.post-item .hs-featured-image-wrapper .hs-featured-image-wrapper-img {
    width: 100%;
    height: 170px !Important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.post-item-inner {
    border: 1px solid #d3dce5;
    background-color: #fff;
    padding: 15px
}

.post-item-content {
    padding: 30px 0 0
}

.post-item-content h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 800;
    margin-bottom: 8px
}

.post-item-content a:hover {
    color: #1f88c9
}

.post-item-content .link a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: relative;
    right: 0;
    line-height: normal;
    top: 1px;
    bottom: 0;
    height: 12px;
    margin: auto;
    margin-left: 11px;
    display: inline-block
}

.post-item-content .post-date {
    margin-bottom: 16px;
    color: rgba(48, 70, 89, 0.69);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.post-item-text {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.post-item-content .link {
    margin-top: 20px
}

.post-item-content .link a {
    color: rgba(48, 70, 89, 0.69);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px
}

.post-item-content .link a:hover {
    color: #1f88c9
}

.row-fluid .blog-side-bar h3 {
    color: #727272;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #d3dce5;
    padding-bottom: 7px
}

.row-fluid .categories-box {
    margin-bottom: 40px
}

.row-fluid .categories-box ul {
    list-style: none
}

.row-fluid .categories-box ul li {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 17px
}

.row-fluid .categories-box ul li a {
    color: #727272;
    border-bottom: 1px solid #d3dce5;
    padding: 14px 0;
    display: block
}

.row-fluid .categories-box ul li a:hover {
    color: #1f88c9
}

.row-fluid .categories-box .hs_cos_wrapper_type_rich_text>ul>li:last-child>a {
    border-bottom: 0
}

.row-fluid .rss-listing .feedreader_box .hs-rss-item {
    display: flex;
    flex-direction: row-reverse;
    border-bottom: 1px solid #d3dce5;
    margin-top: 25px;
    padding-bottom: 25px
}

.row-fluid .categories-box ul li ul {
    padding-left: 10px
}

.row-fluid .categories-box ul li ul li a {
    padding-left: 18px
}

.row-fluid .tag-filter .widget-module ul {
    list-style: none;
    margin: 16px -10px 0
}

.row-fluid .tag-filter .widget-module ul a {
    border-radius: 22px;
    background-color: #eaeaea;
    padding: 4px 20px 6px;
    display: block;
    line-height: normal;
    color: #1f88c9;
    line-height: normal;
    font-size: 15px
}

.row-fluid .tag-filter .widget-module ul a:hover {
    background: #1f88c9;
    color: #fff
}

.row-fluid .tag-filter .widget-module ul li {
    display: inline-block;
    margin: 0 10px 10px
}

.row-fluid .tag-filter .widget-module ul span.filter-link-count {
    display: none
}

.row-fluid .recent-post-section {
    width: 100%;
    float: left;
    padding-bottom: 45px
}

.row-fluid .recent-post-section h3 {
    margin-bottom: 20px
}

.row-fluid .recent-post-section ul li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d3dce5;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.row-fluid .recent-post-section .recent-post-image {
    width: 120px;
    height: 120px;
    float: left
}

.row-fluid .recent-post-section .recent-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.row-fluid .recent-post-section .recent-post-contetn {
    width: calc(100% - 120px)
}

.recent-post-content {
    width: calc(100% - 120px);
    float: left;
    padding-left: 17px
}

.recent-post-content .recent-post-title {
    margin-bottom: 10px;
    color: #727272;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
}

.recent-post-content .recent-post-title a:hover {
    color: #1f88c9
}

.recent-post-content .post-date {
    color: #727272
}

.row-fluid .recent-post-section ul {
    list-style: none;
    margin-bottom: 20px;
    width: 100%;
    float: left
}

.row-fluid .recent-post-section ul li:last-child {
    border-bottom: 0
}

.load-btn {
    width: 100%;
    float: left;
    text-align: center
}

.load-btn span {
    border: 1px solid #1f88c9;
    color: #1f88c9;
    border-radius: 90px;
    display: inline-block;
    padding: 6px 30px;
    line-height: normal;
    position: relative;
    cursor: pointer
}

.load-btn span img {
    width: 100%;
    max-width: 28px;
    margin-left: 10px;
    display: none;
    position: absolute;
    right: 10px;
    top: 3px
}

.load-btn.active span {
    padding-right: 54px
}

.load-btn.active span img {
    display: inline-block
}

.row-fluid .blog-search-input {
    margin-bottom: 60px
}

.row-fluid .blog-search-input .hs-search-field {
    width: 430px;
    position: relative
}

.row-fluid .blog-search-input .hs-search-field .hs-search-field__input {
    border-radius: 40px;
    border: 1px solid #1f88c9;
    background-color: #fff;
    height: 48px;
    padding-right: 140px;
    padding-left: 50px
}

.row-fluid .blog-search-input .hs-search-field button {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    background: #1f88c9;
    border-radius: 0 90px 90px 0;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    padding: 5px 38px 8px;
    line-height: normal;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.row-fluid .blog-search-input .hs-search-field button:hover {
    background: #ff611e
}

.row-fluid .blog-search-input .hs-search-field .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px
}

.row-fluid .blog-search-input .hs-search-field .search-icon span {
    display: inline-block;
    line-height: normal;
    height: 22px
}

.sorry-results-messages {
    font-size: 18px;
    color: #1f88c9;
    font-weight: 900
}

.sorry-results-messages span {
    color: #000
}

.blog-post-section .hs-featured-image-wrapper {
    height: 357px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

.blog-post-content h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px
}

.blog-post-content .post-date {
    margin-bottom: 40px
}

.social-sharing {
    padding: 30px 20px 0;
    width: 100%;
    float: left
}

.social-sharing ul.share-buttons li {
    display: inline-block;
    vertical-align: top;
    line-height: normal;
    margin-right: 11px
}

.social-sharing h6 {
    color: rgba(114, 114, 114, 0.65);
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px
}

.social-sharing .author-link {
    color: rgba(114, 114, 114, 0.65);
    margin-left: 3px
}

.social-sharing .author-link:hover {
    color: #1f88c9
}

.social-sharing ul.share-buttons li a:hover {
    color: #1f88c9
}

.social-sharing ul.share-buttons li a:hover path {
    fill: #1f88c9
}

.topic-list {
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.topic-list .topic-link {
    color: rgba(114, 114, 114, 0.65);
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block
}

.topic-list .topic-link:hover {
    color: #1f88c9
}

.list-pagination .previous {
    float: left
}

.list-pagination .next {
    float: right;
    text-align: right
}

.pagination-btn h3 {
    color: rgba(114, 114, 114, 0.65);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 700;
    transition: all .5s
}

.pagination-btn h3 strong {
    display: block;
    color: #000
}

.pagination-btn span.btn {
    min-width: 64px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #707070;
    background-color: #fff;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

.pagination-btn a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.previous span.btn {
    margin-right: 20px
}

.next span.btn {
    margin-left: 20px
}

.pagination-btn span.btn:after {
    content: "\f105";
    font-family: 'FontAwesome';
    right: 14px;
    line-height: normal;
    top: 0;
    bottom: 0;
    height: 17px;
    margin: auto;
    position: absolute
}

.previous span.btn:before {
    left: 0;
    right: auto
}

.pagination-btn.previous span.btn:after {
    content: "\f104";
    left: 14px;
    right: auto
}

.list-pagination {
    width: 100%;
    float: left;
    padding: 30px 0 0;
    border-top: 1px solid #d3dce5;
    margin-top: 6px
}

.blog-post-content {
    width: 100%;
    float: left
}

.pagination-btn a:hover h3 {
    color: #1f88c9
}

.hs-author-profile {
    width: 100%;
    float: left;
    margin-bottom: 50px
}

.hs-author-profile .hs-author-avatar {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    float: left
}

.hs-author-profile .hs-author-content {
    width: calc(100% - 120px);
    float: left;
    padding-left: 30px
}

.hs-author-content .hs-author-bio {
    margin-bottom: 30px
}

.hs-author-profile h2.hs-author-name {
    margin-bottom: 40px
}

.hs-author-social-links .hs-author-social-link {
    margin-right: 5px
}

.desktop-social-list {
    margin-top: 30px
}

.desktop-social-list li a:hover {
    opacity: .5
}

.hubdb-table-row h4 {
    margin-bottom: 0
}

.hubdb-table-row .date {
    margin-bottom: 5px
}

.speaker-info {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
    margin-top: 10px
}

.speaker-info img.speaker-img {
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.speaker-info .speaker-text {
    margin-left: 20px;
    color: #1f88c9
}

.hubdb-filters ul.option-set {
    list-style: none
}

.hubdb-filters h3 {
    margin-bottom: 0;
    float: left;
    margin-right: 30px
}

.hubdb-filters {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px
}

.hubdb-filters ul.option-set li {
    display: inline-block;
    margin: 0 7px
}

.hubdb-filters ul.option-set li a {
    padding: 7px 34px;
    display: block;
    background: #1f88c9;
    color: #fff;
    border-radius: 90px
}

.hubdb-filters ul.option-set li a.selected {
    background: #000
}

label.option-title {
    display: none
}

.language-switcher .globe_class {
    background: transparent;
    width: 100%;
    float: left;
    height: auto
}

.language-switcher .lang_switcher_class {
    width: 100%;
    float: left;
    display: none
}

.language-switcher .globe_class .lang_list_class {
    display: block;
    left: 0;
    transform: translateX(0%);
    top: 0;
    width: 140px;
    float: left
}

.language-switcher .lang_list_class li {
    text-align: left;
    padding: 0 !important;
    float: left;
    width: 100%;
    border-left: 1px solid #1f88c9;
    border-right: 1px solid #1f88c9
}

.language-switcher .lang_list_class li a {
    padding: 7px 15px;
    width: 100%;
    float: left
}

.language-switcher .lang_list_class:after {
    opacity: 0
}

.language-switcher .lang_list_class:after, .lang_list_class:before {
    left: 20px;
    top: -8px
}

.language-switcher .lang_list_class:before {
    border-bottom-color: #1f88c9
}

.language-switcher .lang_list_class li:first-child {
    border-top: 1px solid #1f88c9;
    padding-top: 0px !important
}

.language-switcher .lang_list_class li:last-child {
    border-bottom: 1px solid #1f88c9
}

.language-switcher .lang_list_class li a:hover {
    background: #1f88c9;
    color: #fff
}

.lang-inner {
    display: inline-block
}

.lang-title span {
    font-size: 0
}

label.lang-title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-left: 4px;
    cursor: pointer
}

label.lang-title img {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px
}

label.lang-title:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: relative;
    top: 3px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block
}

label.lang-title.active:after {
    transform: scale(-1)
}

.row-fluid .header-transparent .header-section label.lang-title img {
    filter: invert(1);
    opacity: .8
}

.row-fluid .header-transparent .header-section.header-fixed label.lang-title img {
    filter: invert(0)
}

.row-fluid .header-transparent .header-section label.lang-title:after {
    color: #fff
}

.row-fluid .header-transparent .header-section.header-fixed label.lang-title:after {
    color: #4d4d4d
}

.footer-section .lang-title img {
    filter: invert(1)
}

.footer-section .language-switcher .globe_class .lang_list_class {
    top: auto;
    bottom: 49px
}

.footer-section .language-switcher .lang_list_class:before {
    top: auto;
    bottom: -24px;
    transform: scale(-1);
    border-bottom-color: #fff
}

.footer-section .language-switcher .lang_list_class li:last-child {
    border-bottom: 0
}

.footer-section .language-switcher .lang_list_class li a {
    color: #000
}

.footer-section .language-switcher .lang_list_class li a:hover {
    color: #fff
}

.footer-section .lang-title span {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.footer-section .lang-title img {
    margin: 2px 8px 0
}

@media(max-width:1600px) {
    h1 {
        font-size: 60px;
        line-height: 78px
    }

    .row-fluid .header-left {
        padding-left: 20px
    }

    .row-fluid .header-section .main-menu {
        margin-left: 40px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li {
        margin-right: 30px
    }

    .hero-top-number {
        font-size: 60px;
        margin-bottom: 8px
    }

    .hero-top-text {
        font-size: 20px
    }

    .hero-top-arrows {
        top: 40px;
        height: 160px
    }

    .hero-title-row {
        padding-top: 80px
    }

    .hero-section {
        padding: 110px 0 80px
    }

    .hero-sub-box .hero-sub-text {
        font-size: 20px
    }

    .bridging-digital-section {
        padding-top: 70px
    }

    .smart-vista-section {
        padding: 70px 0
    }

    .solutions-tab-module-section {
        padding-top: 70px
    }

    .case-study-section {
        padding-top: 80px
    }

    .scroll-smooth-nav-fixed {
        top: 76px;
        padding: 12px 0 0
    }

    .scroll-smooth-nav-list ul li h5 a {
        padding-bottom: 7px
    }

    .solution-three-col-section {
        padding: 40px 0 40px
    }

    .offerings-hero-video {
        right: calc((100% - 1314px) / 2)
    }

    .case-studies-slider-row button.slick-prev {
        left: -50px
    }

    .case-studies-slider-row button.slick-next {
        right: -50px
    }
}

@media(max-width:1400px) {
    h1 {
        line-height: 68px;
        font-size: 50px
    }

    h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 20px
    }

    .slick-next.slick-arrow {
        right: 0
    }

    .slick-prev.slick-arrow {
        left: 0
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li {
        margin-right: 16px;
        font-size: 16px
    }

    .row-fluid .header-section .main-menu {
        margin-left: 30px
    }

    .row-fluid .header-section .logo img.hs-image-widget {
        width: 100%;
        max-width: 100px !important;
        height: 44px
    }

    .row-fluid .header-left {
        padding-top: 10px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper {
        padding: 25px 10px 50px
    }

    .row-fluid .main-menu .hs-menu-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper>li a {
        padding: 8px 14px 10px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper>li>a {
        margin-bottom: 20px
    }

    .row-fluid .header-btn a {
        padding: 27px 36px
    }

    .hero-top-inner-box:nth-child(2) {
        margin-top: 30px
    }

    .hero-title-row h1 {
        margin-bottom: 20px
    }

    .hero-section {
        padding: 100px 0 80px
    }

    .hero-sub-box .hero-sub-text {
        font-size: 18px;
        line-height: 28px
    }

    .tabbing-right {
        padding-left: 20px
    }

    .tab-list {
        padding-left: 20px
    }

    .case-study-left {
        padding-right: 20px;
        padding-left: 53px
    }

    .case-study-img img {
        float: right
    }

    .case-study-section .case-study-title {
        width: 43%;
        padding-right: 7px
    }

    .case-study-right {
        padding-right: 70px
    }

    .cta-strip-text {
        font-size: 20px
    }

    .offerings-hero-section {
        min-height: 480px
    }

    .scroll-smooth-nav-list h5 {
        margin-bottom: 10px
    }

    .scroll-smooth-sub-text {
        margin-bottom: 15px
    }

    .scroll-smooth-sub-text p {
        margin-bottom: 15px
    }

    .scroll-smooth-nav-fixed {
        padding: 14px 0 8px
    }

    .solution-two-col-section {
        padding: 60px 0
    }

    .news-updates-section {
        padding: 70px 0
    }

    .news-updates-row {
        margin: 0 -15px
    }

    .news-updates-box {
        padding: 0 15px 30px
    }

    .offerings-hero-video {
        right: 15px;
        bottom: 120px
    }

    .row-fluid .blog-search-input .hs-search-field {
        width: 100%
    }
}

@media(max-width:1264px) {
    :lang(ru) .container, .row-fluid .container[class*="span"] {
        max-width: 100%
    }

    :lang(ru) .container_1390, .row-fluid .container_1390[class*="span"] {
        max-width: 100%
    }

    :lang(ru) body.menu-open {
        overflow: hidden
    }

    :lang(ru) .title-section {
        text-align: left
    }

    :lang(ru) .title-section .sub-text {
        font-size: 16px;
        line-height: 28px
    }

    :lang(ru) .row-fluid .header-right .header-btn {
        display: none
    }

    :lang(ru) .row-fluid .header-section .logo {
        float: left
    }

    :lang(ru) .row-fluid .header-left {
        width: auto;
        padding-left: 50px
    }

    :lang(ru) .row-fluid .header-right {
        width: auto;
        float: right;
        padding: 9px 0
    }

    :lang(ru) .menu-trigger {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 14px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    :lang(ru) .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
        background: #1f88c9;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        position: absolute
    }

    :lang(ru) .menu-trigger span {
        width: 100%;
        height: 3px;
        margin: auto
    }

    :lang(ru) .menu-trigger span:before, .menu-trigger span:after {
        content: "";
        width: 100%;
        height: 100%;
        -webkit-transition: ease 200ms;
        -moz-transition: ease 200ms;
        -ms-transition: ease 200ms;
        -o-transition: ease 200ms;
        transition: ease 200ms
    }

    :lang(ru) .menu-trigger span:before {
        top: -8px
    }

    :lang(ru) .menu-trigger span:after {
        bottom: -8px;
        top: auto
    }

    :lang(ru) .menu-trigger.trigger-close span {
        background: transparent
    }

    :lang(ru) .menu-trigger.trigger-close span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }

    :lang(ru) .menu-trigger.trigger-close span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 0
    }

    :lang(ru) .row-fluid .header-section .main-menu {
        display: none
    }

    :lang(ru) .row-fluid .header-section .mobile-menu {
        display: block;
        position: fixed;
        top: 61px;
        background: #1f88c9;
        width: 100%;
        left: -100%;
        margin: 0;
        -webkit-transition: ease 500ms;
        -moz-transition: ease 500ms;
        -ms-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        overflow: auto;
        height: calc(100% - 61px);
        padding: 30px 0
    }

    :lang(ru) .menu-open .row-fluid .header-section .main-menu {
        left: 0
    }

    :lang(ru) .header-pelorous .header-section {
        background: #1f88c9
    }

    :lang(ru) .header-pelorous .menu-trigger span:before, .header-pelorous .menu-trigger span:after {
        background: #fff
    }

    :lang(ru) .header-pelorous .row-fluid .header-section .logo {
        -moz-filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    :lang(ru) .header-pelorous .hs-search-icon path {
        fill: #fff
    }

    :lang(ru) .header-pelorous .hs-search-icon:after, .menu-open .hs-search-icon:before {
        background: #fff
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li a {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        white-space: normal;
        width: 100%;
        padding: 8px 0;
        -webkit-transition: ease 500ms !important;
        -moz-transition: ease 500ms !important;
        -ms-transition: ease 500ms !important;
        -o-transition: ease 500ms !important;
        transition: ease 500ms !important
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li {
        padding: 0 25px;
        width: 100%;
        float: left
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children:after {
        opacity: 0;
        margin: 0;
        display: none
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper ul.hs-menu-children-wrapper {
        position: fixed !important;
        top: 61px !important;
        left: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 100% !important;
        height: 100%;
        background: #fff;
        padding: 20px 10px;
        overflow: auto;
        height: calc(100% - 61px)
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper .item--active>ul.hs-menu-children-wrapper {
        left: 0 !important;
        -webkit-transition: ease 500ms !important;
        -moz-transition: ease 500ms !important;
        -ms-transition: ease 500ms !important;
        -o-transition: ease 500ms !important;
        transition: ease 500ms !important
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper>li a:hover {
        background: 0;
        padding-left: 30px !important;
        font-weight: 600
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
        color: #000 !important;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        padding: 9px 10px !important;
        width: 100% !important
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper>li a {
        padding: 7px 26px !important;
        white-space: normal;
        font-size: 14px
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper>li a:after {
        height: 18px;
        right: 10px
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li a.item-trigger {
        position: relative;
        padding-right: 30px
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li a.item-trigger:after {
        content: "\f105";
        font-family: 'FontAwesome';
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 18px;
        margin: auto
    }

    :lang(ru) .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper>li>a {
        margin-bottom: 0
    }

    :lang(ru) .back-item {
        display: block !important;
        -webkit-transition: ease 500ms !important;
        -moz-transition: ease 500ms !important;
        -ms-transition: ease 500ms !important;
        -o-transition: ease 500ms !important;
        transition: ease 500ms !important;
        font-family: Arial, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        padding: 10px 15px 10px 25px;
        position: relative;
        margin: 10px 0
    }

    .ul-item--active>li>a {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    :lang(ru) span.back-item:before {
        content: "\f104";
        font-family: 'FontAwesome';
        float: right;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 17px;
        margin: auto
    }

    :lang(ru) .ul-item--active>span.back-item {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    :lang(ru) .mob-menu-item {
        display: block !important
    }
}

@media(max-width:1199px) {
    .container, .row-fluid .container[class*="span"] {
        max-width: 962px
    }

    .container_1390, .row-fluid .container_1390[class*="span"] {
        max-width: 962px
    }

    body {
        font-size: 16px;
        line-height: 24px
    }

    h2 {
        font-size: 34px;
        line-height: 38px
    }

    h3 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px
    }

    .title-section .sub-text {
        font-size: 20px;
        line-height: 36px
    }

    .row-fluid .header-btn a {
        padding: 23px 28px;
        min-width: 108px
    }

    .row-fluid .header-left {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li a {
        font-size: 14px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li a {
        font-size: 14px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li {
        margin-right: 12px
    }

    .bridging-digital-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .bridging-digital-left {
        padding-right: 20px
    }

    .smart-vista-left {
        padding-right: 30px;
        width: 34%
    }

    .smart-vista-right {
        width: 66%
    }

    .smart-vista-box {
        padding-left: 40px
    }

    .tab-list li {
        margin-right: 20px
    }

    .solutions-tab-module-section {
        padding-top: 50px;
        padding-bottom: 60px
    }

    .tabbing-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 60px
    }

    .tabbing-box h5 {
        font-size: 18px
    }

    .case-study-section {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .case-study-logo img {
        max-width: 220px
    }

    .row-fluid .merchant-management-menu {
        padding-right: 20px
    }

    .row-fluid .simple-menu ul li a {
        line-height: 24px;
        margin-bottom: 10px
    }

    .logo-grid img {
        width: 100%;
        max-width: 175px
    }

    .hero-top-caption {
        width: 110%;
        float: left
    }

    .offerings-hero-section {
        min-height: 430px
    }

    .offerings-hero-section:before {
        width: 56%
    }

    .offerings-hero-content {
        font-size: 20px;
        line-height: 30px
    }

    .offerings-hero-caption h2 {
        line-height: 50px
    }

    .scroll-smooth-sub-text {
        font-size: 14px;
        line-height: 24px
    }

    .scroll-smooth-nav-list h5 {
        font-size: 16px;
        line-height: 24px
    }

    .scroll-smooth-nav-fixed {
        top: 66px
    }

    .solution-two-col-section .solution-two-left {
        padding-right: 40px
    }

    .solution-two-text {
        margin-bottom: 40px
    }

    .feature-two-box h5 {
        font-size: 18px
    }

    .solution-three-box {
        padding-bottom: 40px
    }

    .solution-three-box h4 {
        font-size: 20px;
        line-height: 32px
    }

    .news-updates-img {
        height: 230px
    }

    .offerings-feature-inner {
        padding-left: 45px
    }

    .offerings-feature-icon {
        width: 32px;
        height: 30px
    }

    .offerings-feature-section {
        padding-bottom: 35px
    }

    .case-studies-slider-row button.slick-next {
        right: -34px
    }

    .case-studies-slider-row button.slick-prev {
        left: -34px
    }

    .case-studies-slider-content {
        padding-right: 90px
    }

    .case-studies-slider-content .case-studies-slider-text {
        margin-bottom: 26px
    }

    .case-studies-slider-box {
        min-height: 290px
    }

    .bpc-team-text {
        font-size: 20px;
        line-height: 30px
    }

    .bpc-team-left {
        padding-right: 40px
    }

    .bpc-team-list ul li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .row-fluid .blog-section {
        padding: 70px 0
    }

    .row-fluid .blog-left {
        padding-right: 0
    }

    .row-fluid .blog-search-input .hs-search-field button {
        padding: 5px 15px 8px;
        font-size: 14px;
        height: 40px
    }

    .row-fluid .blog-search-input .hs-search-field .hs-search-field__input {
        height: 40px;
        padding-right: 90px
    }

    .row-fluid .blog-search-input .hs-search-field .search-icon {
        height: 42px
    }

    .row-fluid .blog-search-input {
        margin-bottom: 20px
    }

    .desktop-social-list ul li img {
        width: 34px
    }

    .social-list li i.fa {
        width: 34px;
        height: 34px;
        font-size: 24px
    }
}

@media(max-width:991px) {
    .container, .row-fluid .container[class*="span"] {
        max-width: 750px
    }

    .container_1390, .row-fluid .container_1390[class*="span"] {
        max-width: 750px
    }

    h1 {
        line-height: 54px;
        font-size: 40px
    }

    h2 {
        font-size: 30px;
        line-height: 38px
    }

    .title-section .sub-text {
        font-size: 18px;
        line-height: 32px
    }

    .title-section {
        margin-bottom: 40px
    }

    .row-fluid .header-left {
        padding-left: 15px;
        width: 80%
    }

    .row-fluid .header-section .main-menu {
        margin-left: 10px
    }

    .row-fluid .header-btn a {
        min-width: auto;
        padding: 23px 17px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li {
        margin-right: 8px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li a {
        font-size: 14px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children:after {
        margin-left: 0
    }

    .row-fluid .header-right {
        margin: 0;
        width: 20%
    }

    .row-fluid .header-section .logo img.hs-image-widget {
        max-width: 87px !important
    }

    .hero-top-caption {
        width: 125%;
        float: left;
        margin-left: -5%
    }

    .hero-top-number {
        font-size: 40px;
        margin-bottom: 8px
    }

    .hero-top-text {
        font-size: 16px;
        line-height: 20px
    }

    .hero-top-arrows {
        left: -24px;
        height: 99px
    }

    .hero-title-row h1 {
        margin-bottom: 15px
    }

    .hero-top-inner-box-content {
        padding: 0 15px
    }

    .hero-title-row {
        padding-top: 60px
    }

    .hero-sub-box .hero-sub-text {
        width: 75%
    }

    .hero-sub-box .btn {
        width: 25%
    }

    .hero-top-inner-box:nth-child(2) {
        margin-top: 30px
    }

    .hero-section {
        padding-bottom: 60px
    }

    .bridging-digital-section {
        padding-top: 50px
    }

    .smart-vista-section {
        padding: 50px 0
    }

    .smart-vista-row {
        padding-right: 20px
    }

    .smart-vista-right {
        padding-top: 12px
    }

    .smart-vista-left {
        padding-right: 20px
    }

    .tabbing-box {
        width: 100%
    }

    .tabbing-left {
        padding-right: 10px
    }

    .tabbing-right {
        padding-left: 10px
    }

    .tab-list {
        padding-left: 10px
    }

    .tab-list li {
        margin-right: 12px;
        font-size: 14px
    }

    .logo-grid {
        width: 33.333%
    }

    .row-fluid .simple-menu {
        padding-right: 12px
    }

    .row-fluid .footer-logo img.hs-image-widget {
        width: 100%;
        max-width: 74px !important
    }

    .row-fluid .simple-menu ul li a {
        font-size: 14px;
        line-height: 20px
    }

    .row-fluid .blog-subscription form .hs-form-field .hs-input {
        height: 44px
    }

    .row-fluid .blog-subscription form .hs-submit .actions .hs-button {
        height: 44px;
        width: 50px
    }

    .row-fluid .blog-subscription form .hs-submit .actions:before {
        width: 20px;
        height: 20px
    }

    .blog-subscription h3 {
        margin-bottom: 18px
    }

    .offerings-hero-section {
        min-height: 380px
    }

    .offerings-hero-section:before {
        width: 62%
    }

    .offerings-hero-caption {
        width: 45%
    }

    .offerings-feature-box {
        width: 50%
    }

    .solution-two-img.image-object-fit-cover img {
        height: 300px !important
    }

    .feature-two-box {
        width: 100%
    }

    .feature-two-box:last-child {
        padding-bottom: 0
    }

    .solution-two-col-section {
        padding: 50px 0
    }

    .solution-three-box h4 {
        line-height: 28px
    }

    .solution-two-iframe iframe {
        height: 300px
    }

    .banking-insight-section .banking-insight-right {
        padding-left: 40px
    }

    .banking-insight-left img {
        height: 300px
    }

    .news-updates-section {
        padding: 55px 0
    }

    .news-updates-img {
        height: 170px
    }

    .news-updates-content h4 {
        font-size: 18px;
        line-height: 24px
    }

    .news-updates-title {
        margin-bottom: 38px
    }

    .news-updates-box {
        width: 50%
    }

    .offerings-feature-title {
        margin-bottom: 40px
    }

    .case-studies-slider-box {
        padding: 50px 30px
    }

    .case-studies-slider-content {
        padding-right: 0
    }

    .case-studies-slider-section {
        padding: 60px 0 140px
    }

    .case-studies-slider-row ul.slick-dots {
        padding-left: 0
    }

    .blog-recent-post-section .news-updates-box {
        padding: 0 10px 20px
    }

    .blog-recent-post-section .news-updates-row {
        margin: 0 -10px
    }

    .news-updates-inner {
        padding: 10px
    }

    .blog-recent-post-section .news-updates-content {
        padding: 16px 0 5px
    }

    .blog-recent-post-section .news-updates-img {
        height: 150px
    }

    .bpc-team-text {
        font-size: 18px;
        line-height: 26px
    }

    .bpc-team-left {
        padding-right: 15px
    }

    .bpc-team-list ul li {
        line-height: 24px;
        margin-bottom: 14px
    }

    .bpc-team-right img {
        height: 340px
    }

    .first-post .post-item .hs-featured-image-wrapper .hs-featured-image-wrapper-img {
        height: 260px
    }

    .post-item-text {
        font-size: 16px;
        line-height: 24px
    }

    .first-post {
        margin-bottom: 10px
    }

    .post-item .hs-featured-image-wrapper .hs-featured-image-wrapper-img {
        height: 160px
    }

    .post-item {
        padding: 0 10px 30px
    }

    .blog-listing-row {
        margin: 0 -10px
    }

    .post-item-content {
        padding-top: 20px
    }

    .recent-post-content {
        width: 100%;
        padding: 0
    }

    .row-fluid .recent-post-section {
        padding-bottom: 15px
    }

    .row-fluid .recent-post-section .recent-post-image {
        width: 100%;
        margin-bottom: 18px
    }

    .row-fluid .blog-search-input .hs-search-field .search-icon span svg {
        width: 13px;
        height: 13px
    }

    .row-fluid .blog-search-input .hs-search-field .search-icon span {
        height: 20px
    }

    .row-fluid .blog-search-input .hs-search-field .search-icon {
        height: 42px;
        left: 10px
    }

    .row-fluid .blog-search-input .hs-search-field .hs-search-field__input {
        padding-left: 26px
    }

    .blog-post-section .hs-featured-image-wrapper {
        height: 280px
    }

    .blog-post-body img {
        float: none !important;
        display: table;
        clear: both;
        margin: 0 auto 25px !important
    }

    .pagination-btn span.btn {
        min-width: 46px;
        height: 28px
    }

    .previous span.btn {
        margin-right: 12px
    }

    .next span.btn {
        margin-left: 12px
    }

    .pagination-btn h3 {
        font-size: 16px
    }

    .desktop-social-list ul li img {
        width: 24px
    }

    .desktop-social-list ul li {
        margin-right: 10px
    }

    .social-list li i.fa {
        width: 24px;
        height: 24px;
        font-size: 18px
    }

    label.lang-title {
        margin-right: 0;
        margin-left: 5px
    }

    .header-section label.lang-title img {
        width: 20px;
        margin: 24px 0 0
    }

    .header-section label.lang-title:after {
        display: block;
        text-align: center;
        top: -5px;
        left: -2px
    }

    .header-section .language-switcher .globe_class .lang_list_class {
        right: -12px;
        left: auto;
        top: -18px
    }

    .header-section .language-switcher .lang_list_class:before {
        right: 10px;
        left: auto
    }
}

@media(max-width:850px) {
    .row-fluid .main-menu .hs-menu-wrapper>ul>li a {
        font-size: 12px
    }
}

@media(max-width:767px) {
    .container, .row-fluid .container[class*="span"] {
        max-width: 100%
    }

    .container_1390, .row-fluid .container_1390[class*="span"] {
        max-width: 100%
    }

    h1 {
        font-size: 30px;
        line-height: 40px
    }

    h2 {
        font-size: 24px;
        line-height: 32px
    }

    h3 {
        font-size: 20px;
        line-height: 30px
    }

    body.menu-open {
        overflow: hidden
    }

    .title-section {
        text-align: left
    }

    .title-section .sub-text {
        font-size: 16px;
        line-height: 28px
    }

    .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input ul li label input[type="checkbox"] {
        margin-top: 7px
    }

    .row-fluid .header-right .header-btn {
        display: none
    }

    .row-fluid .header-section {
        width: 100%;
        padding: 4px 15px;
        background: #fff
    }

    .row-fluid .header-section .logo {
        float: left
    }

    .row-fluid .header-left {
        width: auto;
        padding-left: 50px
    }

    .row-fluid .header-right {
        width: auto;
        float: right;
        padding: 9px 0
    }

    .menu-trigger {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 14px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
        background: #1f88c9;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        position: absolute
    }

    .menu-trigger span {
        width: 100%;
        height: 3px;
        margin: auto
    }

    .menu-trigger span:before, .menu-trigger span:after {
        content: "";
        width: 100%;
        height: 100%;
        -webkit-transition: ease 200ms;
        -moz-transition: ease 200ms;
        -ms-transition: ease 200ms;
        -o-transition: ease 200ms;
        transition: ease 200ms
    }

    .menu-trigger span:before {
        top: -8px
    }

    .menu-trigger span:after {
        bottom: -8px;
        top: auto
    }

    .menu-trigger.trigger-close span {
        background: transparent
    }

    .menu-trigger.trigger-close span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }

    .menu-trigger.trigger-close span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 0
    }

    .row-fluid .header-section .main-menu {
        display: none
    }

    .row-fluid .header-section .mobile-menu {
        display: block;
        position: fixed;
        top: 61px;
        background: #1f88c9;
        width: 100%;
        left: -100%;
        margin: 0;
        -webkit-transition: ease 500ms;
        -moz-transition: ease 500ms;
        -ms-transition: ease 500ms;
        -o-transition: ease 500ms;
        transition: ease 500ms;
        overflow: auto;
        height: calc(100% - 61px);
        padding: 30px 0
    }

    .menu-open .row-fluid .header-section .main-menu {
        left: 0
    }

    .header-pelorous .header-section {
        background: #1f88c9
    }

    .header-pelorous .menu-trigger span:before, .header-pelorous .menu-trigger span:after {
        background: #fff
    }

    .header-pelorous .row-fluid .header-section .logo {
        -moz-filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .header-pelorous .hs-search-icon path {
        fill: #fff
    }

    .header-pelorous .hs-search-icon:after, .menu-open .hs-search-icon:before {
        background: #fff
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li a {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        white-space: normal;
        width: 100%;
        padding: 8px 0;
        -webkit-transition: ease 500ms !important;
        -moz-transition: ease 500ms !important;
        -ms-transition: ease 500ms !important;
        -o-transition: ease 500ms !important;
        transition: ease 500ms !important
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li {
        padding: 0 25px;
        width: 100%;
        float: left
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.hs-item-has-children:after {
        opacity: 0;
        margin: 0;
        display: none
    }

    .row-fluid .main-menu .hs-menu-wrapper ul.hs-menu-children-wrapper {
        position: fixed !important;
        top: 61px !important;
        left: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 100% !important;
        height: 100%;
        background: #fff;
        padding: 20px 10px;
        overflow: auto;
        height: calc(100% - 61px)
    }

    .row-fluid .main-menu .hs-menu-wrapper .item--active>ul.hs-menu-children-wrapper {
        left: 0 !important;
        -webkit-transition: ease 500ms !important;
        -moz-transition: ease 500ms !important;
        -ms-transition: ease 500ms !important;
        -o-transition: ease 500ms !important;
        transition: ease 500ms !important
    }

    .row-fluid .main-menu .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
        color: #000;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        padding: 9px 10px !important;
        width: 100% !important
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper>li a {
        padding: 7px 26px !important;
        white-space: normal;
        font-size: 14px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper>li a:after {
        height: 18px;
        right: 10px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li a.item-trigger {
        position: relative;
        padding-right: 30px
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li a.item-trigger:after {
        content: "\f105";
        font-family: 'FontAwesome';
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 18px;
        margin: auto
    }

    .row-fluid .main-menu .hs-menu-wrapper>ul>li.big-sub-menu-item>ul.hs-menu-children-wrapper>li>a {
        margin-bottom: 0
    }

    .back-item {
        display: block !important;
        -webkit-transition: ease 500ms !important;
        -moz-transition: ease 500ms !important;
        -ms-transition: ease 500ms !important;
        -o-transition: ease 500ms !important;
        transition: ease 500ms !important;
        font-family: Arial, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        padding: 10px 15px 10px 25px;
        position: relative;
        margin: 10px 0
    }

    .ul-item--active>li>a {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    span.back-item:before {
        content: "\f104";
        font-family: 'FontAwesome';
        float: right;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 17px;
        margin: auto
    }

    .ul-item--active>span.back-item {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .mob-menu-item {
        display: block !important
    }

    .hero-top-caption {
        width: 100%;
        margin-left: 4%
    }

    .hero-top-arrows {
        border: 0
    }

    .hero-top-inner-box {
        width: 100%;
        padding: 0
    }

    .hero-top-inner-box-content {
        float: left
    }

    .hero-top-inner-box:nth-child(2) .hero-top-inner-box-content {
        float: right;
        text-align: right;
        padding-right: 40px
    }

    .hero-top-inner-box:nth-child(2) .hero-top-arrows {
        transform: scaleX(-1);
        left: auto;
        right: 0
    }

    .hero-top-inner-box:nth-child(3) .hero-top-inner-box-content {
        float: left
    }

    .hero-top-inner-box {
        margin: 17px 0 !important
    }

    .hero-sub-box.active-show {
        display: block
    }

    .hero-sub-box .hero-sub-text {
        width: 100%;
        font-size: 16px
    }

    .hero-sub-box .btn {
        width: 100%;
        text-align: left
    }

    .bridging-digital-section {
        padding-top: 40px
    }

    .bridging-digital-left {
        width: 100%;
        padding-right: 0
    }

    .bridging-digital-row {
        display: block
    }

    .bridging-digital-img {
        text-align: center
    }

    .bridging-digital-img img {
        width: 100%;
        max-width: 340px
    }

    .bridging-digital-right {
        width: 100%;
        display: none
    }

    .smart-vista-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 50px
    }

    .smart-vista-section .flex-container {
        flex-direction: column
    }

    .smart-vista-right {
        width: 100%;
        flex-direction: column
    }

    .smart-vista-row {
        width: 100%
    }

    .smart-vista-img {
        width: 100%;
        display: none
    }

    .tab-list {
        width: 100%;
        text-align: center;
        padding: 0
    }

    .tab-list li {
        margin: 0 15px
    }

    .tabbing-row {
        display: flex;
        flex-direction: column-reverse
    }

    .tabbing-left {
        width: 100%;
        padding: 0
    }

    .tabbing-right {
        width: 100%;
        padding: 0px 0 30px
    }

    .tabbing-text {
        margin-bottom: 0
    }

    .tabbing-box-row {
        padding-bottom: 30px;
        padding-top: 40px
    }

    .tabbing-box-row .orange-btn {
        padding: 0 15px;
        width: 100%;
        float: left
    }

    .case-study-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .case-study-left {
        width: 100%;
        padding: 0
    }

    .case-study-right {
        width: 100%;
        padding: 0 15px
    }

    .case-study-section .case-study-title {
        width: 100%;
        padding: 0;
        text-align: left
    }

    .case-study-img img {
        width: 100%;
        max-width: 300px;
        margin: auto;
        float: none
    }

    .case-study-img {
        text-align: center
    }

    .case-study-left-title {
        width: 100%;
        float: left;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }

    .case-study-left-title h2 {
        float: left;
        margin-bottom: 0;
        width: 50%;
        text-align: left;
        padding-right: 30px
    }

    .case-study-left-title .case-study-logo {
        display: inline-block !important;
        float: right;
        width: 50%;
        margin-bottom: 0
    }

    .case-study-left-title .case-study-logo img {
        max-width: 158px
    }

    .case-study-title h6 {
        line-height: normal;
        font-size: 14px
    }

    .case-study-box {
        position: relative
    }

    .case-study-logo {
        display: none
    }

    .case-btn {
        text-align: left;
        width: 100%;
        max-width: 300px;
        margin: auto;
        padding-top: 18px;
        padding-bottom: 50px
    }

    .case-study-text {
        margin-bottom: 40px
    }

    .case-study-right .btn {
        text-align: center
    }

    .case-study-slider .slick-arrow {
        margin-top: 0;
        top: 130px
    }

    .slick-arrow:before {
        font-size: 24px
    }

    .case-study-slider .slick-arrow.slick-prev {
        left: -15px
    }

    .case-study-slider .slick-next.slick-arrow {
        right: -15px
    }

    .logo-grid {
        width: auto;
        margin: 8px 13px
    }

    .logo-grid img {
        max-width: 155px
    }

    .cta-strip-main {
        flex-direction: column
    }

    .cta-strip-left {
        width: 100%
    }

    .cta-strip-right {
        width: 100%;
        padding-left: 0;
        text-align: center
    }

    .cta-strip-right .btn {
        width: 100%;
        margin: 0 0 30px
    }

    .cta-strip-main .btn a {
        min-width: 90px
    }

    .cta-strip-text {
        margin-bottom: 40px
    }

    .cta-strip-wrap {
        padding: 40px 0 20px
    }

    .row-fluid .footer-section {
        padding: 40px 0
    }

    .row-fluid .footer-bottom.flex-container>.row-fluid-wrapper>.row-fluid {
        flex-direction: column-reverse
    }

    .row-fluid .simple-menu {
        width: 100%;
        display: none
    }

    .row-fluid .footer-logo {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .blog-subscription h3 {
        margin-bottom: 10px
    }

    .row-fluid .footer-bottom {
        padding-top: 0;
        display: none
    }

    .row-fluid .copyright {
        width: 100%;
        text-align: center
    }

    .row-fluid .footer-bottom .footer-right-menu {
        width: 100%;
        text-align: left
    }

    .row-fluid .footer-bottom-right {
        width: 100%;
        margin-bottom: 30px;
        line-height: normal
    }

    .row-fluid .footer-right-menu ul li {
        width: auto;
        margin-left: 0;
        margin-right: 30px
    }

    .row-fluid .footer-logo img.hs-image-widget {
        max-width: 110px !important
    }

    .row-fluid .footer-mobile {
        display: block !important;
        padding: 20px 0 0
    }

    .footer-mobile-menu .hs-menu-wrapper>ul>li>a {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding: 0
    }

    .footer-mobile-menu .hs-menu-wrapper>ul>li {
        display: inline-block;
        width: auto;
        margin-right: 30px;
        margin-bottom: 18px
    }

    .scroll-smooth-nav-fixed {
        display: none;
        height: 0;
        padding: 0
    }

    .scroll-smooth-nav-inner {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        padding: 15px 0 10px;
        background: #fff;
        z-index: 99;
        width: 100%;
        max-width: 294px;
        top: 70px;
        left: -294px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        padding: 0
    }

    .scroll-smooth-nav-inner .container {
        padding: 0
    }

    .scroll-smooth-nav-list {
        padding: 14px 15px;
        overflow: auto;
        max-height: calc(100vh - 70px)
    }

    .fixed .scroll-smooth-nav-inner {
        opacity: 1;
        visibility: visible
    }

    .scroll-smooth-nav-list ul {
        display: block
    }

    .scroll-smooth-sub-text {
        display: none
    }

    .scroll-smooth-icon {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
        background: #2076c4;
        right: -40px;
        text-align: center;
        font-size: 28px;
        line-height: 38px;
        cursor: pointer
    }

    .scroll-smooth-icon:before {
        content: "\f105";
        color: #fff;
        font-family: 'FontAwesome'
    }

    .right .scroll-smooth-nav-inner {
        left: 0
    }

    .scroll-smooth-icon.close:before {
        content: "\f00d"
    }

    .offerings-hero-section:before {
        width: 100%;
        opacity: .9;
        -webkit-transform: skewX(0);
        -moz-transform: skewX(0);
        -ms-transform: skewX(0);
        -o-transform: skewX(0);
        transform: skewX(0);
        left: 0;
        background: rgba(31, 136, 201, 0.4logo 0)
    }

    .offerings-hero-section .offerings-hero-img {
        width: 100%
    }

    .offerings-hero-caption {
        width: 100%
    }

    .offerings-hero-section .btn {
        text-align: left
    }

    .offerings-hero-section {
        min-height: auto;
        padding: 60px 0
    }

    .offerings-hero-caption h2 svg {
        width: 30px;
        height: 30px
    }

    .offerings-hero-caption h2 {
        padding-left: 35px;
        font-size: 28px;
        line-height: 32px
    }

    .offerings-hero-content {
        padding-left: 40px;
        font-size: 18px;
        line-height: 30px
    }

    .solution-two-col-section {
        padding: 40px 0
    }

    .solution-two-col-section .container {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse
    }

    .solution-two-col-section .solution-two-left {
        width: 100%;
        text-align: left;
        padding-right: 0
    }

    .solution-two-col-section .solution-two-right {
        width: 100%;
        text-align: center;
        padding-bottom: 34px
    }

    .solution-two-left h2 br {
        display: none
    }

    .solution-two-col-section h5 {
        margin-bottom: 6px
    }

    .solution-two-img img {
        width: 100%;
        max-width: 250px !important
    }

    .solution-two-img.image-object-fit-cover img {
        max-width: 100% !important
    }

    .feature-icon {
        left: 18px
    }

    .feature-icon img {
        max-width: 35px;
        height: 35px;
        object-fit: contain
    }

    .solution-three-box {
        width: 50%
    }

    .banking-insight-section {
        padding: 50px 0
    }

    .banking-insight-section .container {
        display: block
    }

    .banking-insight-section .banking-insight-left {
        width: 100%
    }

    .banking-insight-section .banking-insight-right {
        width: 100%;
        padding: 40px 0 0
    }

    .banking-insight-btn {
        text-align: left
    }

    .banking-insight-text {
        margin-bottom: 28px
    }

    .news-updates-box {
        width: 50%
    }

    .offerings-feature-box {
        width: 100%
    }

    .offerings-feature-box:last-child {
        padding-bottom: 0
    }

    .offerings-hero-video {
        position: relative;
        bottom: 0;
        left: 0;
        padding-left: 40px
    }

    .case-studies-slider-img {
        position: relative;
        height: 200px;
        width: 100%
    }

    .case-studies-slider-box {
        padding: 0;
        max-width: 520px;
        margin: auto;
        text-align: left
    }

    .case-studies-slider-content {
        width: 100%;
        padding: 30px
    }

    .case-studies-slider-row {
        text-align: center
    }

    .offerings-feature-title h5 {
        margin-bottom: 9px
    }

    .case-studies-slider-row ul.slick-dots {
        text-align: center;
        width: 100%
    }

    .case-studies-slider-row button.slick-arrow {
        top: auto;
        bottom: -62px
    }

    .case-studies-slider-row button.slick-prev {
        left: 0
    }

    .case-studies-slider-row button.slick-arrow.slick-next {
        right: 0
    }

    .case-studies-slider-section {
        padding: 50px 0 100px
    }

    .experience-ecosystem-caption {
        width: 100%
    }

    .experience-ecosystem-section .container {
        display: block
    }

    .experience-ecosystem-text {
        font-size: 18px
    }

    .experience-ecosystem-section {
        padding: 52px 0;
        position: relative;
        z-index: 1
    }

    .experience-ecosystem-section:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: .5;
        z-index: -1
    }

    .experience-ecosystem-video {
        width: 100%;
        text-align: left
    }

    .bpc-team-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px
    }

    .bpc-team-right {
        width: 100%
    }

    .bpc-team-right img {
        width: 100%
    }

    .bpc-team-section {
        padding: 40px 0
    }

    .offerings-hero-video.hero-video-center {
        top: 0;
        left: 0;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        width: 100%
    }

    .row-fluid .blog-section {
        padding: 50px 0
    }

    .row-fluid .blog-left {
        padding-bottom: 40px
    }

    .row-fluid .blog-side-bar {
        padding-left: 0
    }

    .first-post {
        margin-bottom: 0
    }

    .row-fluid .recent-post-section ul li {
        width: calc(100% / 2 - 20px);
        margin: 0 10px 10px;
        border: 0
    }

    .row-fluid .recent-post-section ul {
        width: auto;
        float: none;
        margin: 0 -10px;
        display: table
    }

    .row-fluid .categories-box {
        margin-bottom: 30px
    }

    .blog-post-content h3 {
        font-size: 24px
    }

    .blog-post-section .hs-featured-image-wrapper {
        margin-bottom: 24px
    }

    .pagination-btn span.btn {
        height: 28px;
        min-width: 45px
    }

    .pagination-btn h3 {
        font-size: 14px
    }

    .previous span.btn {
        margin-right: 5px
    }

    .next span.btn {
        margin-left: 5px
    }

    .social-sharing {
        padding-left: 0;
        padding-bottom: 13px
    }

    .topic-list .topic-link {
        margin-bottom: 5px
    }

    .hs-author-profile h2.hs-author-name {
        width: 100%;
        text-align: center;
        margin-bottom: 24px
    }

    .hs-author-profile .hs-author-content {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .hs-author-profile .hs-author-avatar {
        margin: 0 auto 30px;
        float: none
    }

    .form-style .hs-submit input.hs-button {
        min-width: 200px
    }

    .solution-form-section .solution-two-img {
        text-align: center
    }

    .desktop-social-list {
        display: none
    }

    .social-list li i.fa {
        width: 44px;
        height: 44px;
        font-size: 30px
    }

    .hubdb-filters {
        display: block;
        margin-bottom: 30px
    }

    .hubdb-filters h3 {
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 20px
    }

    .option-wrap label.option-title {
        display: block;
        border: 2px solid #1f88c9;
        padding: 8px 45px 8px 15px;
        color: #1f88c9;
        font-weight: 600;
        text-transform: uppercase
    }

    .option-wrap {
        width: 100%;
        max-width: 380px;
        margin: auto;
        display: table;
        position: relative;
        z-index: 2
    }

    .option-wrap .option-set {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        right: 0;
        display: none
    }

    .hubdb-filters ul.option-set li {
        width: 100%;
        margin: 0;
        background: #fff
    }

    .hubdb-filters ul.option-set li a {
        border-radius: 0;
        padding: 7px 22px;
        width: 100%
    }

    .option-wrap label.option-title:after {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 15px;
        font-size: 28px
    }

    .option-wrap.open label.option-title:after {
        transform: scale(-1)
    }

    .header-section label.lang-title img {
        width: 30px;
        margin: 5px 7px 0
    }

    .header-section label.lang-title:after {
        display: inline-block;
        top: 1px
    }

    .header-section .language-switcher .globe_class .lang_list_class {
        top: -4px;
        right: 0
    }
}

@media(max-width:600px) {
    .post-item {
        width: 100%;
        max-width: 480px;
        margin: auto;
        float: none;
        display: table;
        padding: 0 0 30px
    }

    .post-item .hs-featured-image-wrapper .hs-featured-image-wrapper-img {
        height: 176px
    }

    .blog-listing-row {
        display: table;
        width: 100%;
        margin: 0
    }

    .first-post .post-item .hs-featured-image-wrapper .hs-featured-image-wrapper-img {
        height: 176px
    }
}

@media(max-width:480px) {
    .case-study-left-title {
        flex-direction: column-reverse
    }

    .case-study-left-title h2 {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0
    }

    .case-study-left-title .case-study-logo {
        width: 100%;
        text-align: left
    }

    .case-study-img img {
        max-width: 240px
    }

    .case-btn {
        max-width: 240px
    }

    .case-study-slider .slick-arrow {
        top: 200px
    }

    .tab-list li {
        margin: 0 8px
    }

    .cta-strip-text {
        font-size: 16px;
        line-height: 24px
    }

    .scroll-smooth-nav-list h5 {
        font-size: 14px
    }

    .solution-three-box {
        width: 100%
    }

    .solution-three-box:last-child {
        padding-bottom: 0
    }

    .news-updates-box {
        width: 100%
    }

    .scroll-smooth-nav-inner {
        max-width: 240px;
        left: -240px
    }

    .solution-two-img.image-object-fit-cover img {
        height: 260px !important
    }

    .solution-two-iframe iframe {
        height: 270px
    }

    .banking-insight-left img {
        height: 260px
    }

    .case-studies-slider-content {
        padding: 20px
    }

    .bpc-team-list ul li {
        line-height: 18px;
        margin-bottom: 14px;
        font-size: 14px
    }

    .row-fluid .recent-post-section ul li {
        width: 100%;
        max-width: 300px;
        float: none;
        margin: 0 auto 2px;
        display: table
    }

    .row-fluid .recent-post-section ul {
        margin: 0;
        width: 100%
    }

    .blog-post-section .hs-featured-image-wrapper {
        height: 250px
    }

    .pagination-btn h3 strong {
        display: none
    }

    .list-pagination {
        padding-top: 22px
    }
}

#hs_menu_wrapper_module_1584027315044133_ ul {
    display: none
}