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

@font-face {
    font-family: 'mona_sans_expandedbold';
    src: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasansexpanded-bold-webfont.woff2') format('woff2'),
         url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasansexpanded-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mona_sanslight';
    src: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasans-light-webfont.woff2') format('woff2'),
         url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mona_sansbold';
    src: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasans-bold-webfont.woff2') format('woff2'),
         url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mona_sans_condensedbold';
    src: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasanscondensed-bold-webfont.woff2') format('woff2'),
         url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Fonts/monasanscondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

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

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
  vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

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

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}

#caldays {
    margin-bottom: 4px;
}

#calmonth, #calyear {
    display: inline;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

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

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .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;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

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

/* Space Module */
.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */
.hs-author-social-links {
    display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
    font-size: 25px;
    display: inline-block;
    padding-right: 3px;
}
.about-author-sec {
    margin-top: 40px;
}
.about-author-sec img{
    border-radius: 50%;
    border: 1px solid #CCC;
    display: block;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

/* These includes are optional, but helpful. */
/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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

/* SIZING */









/* COLORS */



















/* FONT SIZES */



/* SHADOWS */



/* ANIMATION */


/* FIXES */
.hs-responsive-embed-wrapper,
.hs-responsive-embed-wrapper hs-responsive-embed,
.wistia_responsive_wrapper > div{
  min-width:0!important;
  max-width: 100%!important;
  max-height: 100%!important;
  height: 100%!important;
}

.hs-responsive-embed-wrapper,
.hs-responsive-embed-inner-wrapper {
  overflow: visible!important;
}

/* COLORS */
.shadow {
  box-shadow: 0 5px 45px 5px rgba(0, 0, 0, 0.13);
}
.offset {
  background: #E6E6FF;
}
.offset2 {
  background: #ffe900;
}
.offset3 {
  background: #000066;
  color: white;
}
.offsetPrimary {
  background: #0000ff;
  color: white;
}
.offsetWhite {
  background: white;
}
.offsetPrimary a {
  color: white;
}
.offset .heading-h1 h1,
.offset h2, .offset.more-info h2, .offset .features-highlight h2, .offset.more-info-bigimage h2,
.offset h3, .offset h3 {
  color: #0000ff;
}

.offset2 .heading-h1 h1,
.offset2 h2, .offset2.more-info h2, .offset2 .features-highlight h2, .offset2.more-info-bigimage h2,
.offset2 h3, .offset2 h3 {
  color: #0000ff;
}

.offset3 .heading-h1 h1,
.offset3 h2, .offset3 .more-info-bigimage h2, .offset3 .features-highlight h2,
.offset3.more-info h2, .offset3.more-info-bigimage h2,
.offset3.more-info h3, .offset3.more-info-bigimage h3 {
  color: #FF3300;
} 

.offsetPrimary .heading-h1 h1,
.offsetPrimary h2, .offsetPrimary .more-info-bigimage h2, .offsetPrimary .features-highlight h2,
.offsetPrimary.more-info h2, .offsetPrimary.more-info-bigimage h2,
.offsetPrimary.more-info h3, .offsetPrimary.more-info-bigimage h3 {
  color: #ffe900;
} 


/* ALIGNMENT SPACING */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.middle-wrapper {
  font-size: 0;
}
.middle {
  font-size: 1rem;
  display: inline-block !important;
  vertical-align: middle;
  float: none !important;
}
.position-relative {
	position: relative!important;
}
.paddingtop-xl {
  padding-top: 100px;
}
.margintop-lg {
  margin-top: 80px;
}
.margintop-md {
  margin-top: 40px;
}
.margintop-sm {
  margin-top: 20px;
}
.margintop-xs {
  margin-top: 8px;
}
.marginbottom-lg {
  margin-bottom: 80px;
}
.marginbottom-md {
  margin-bottom: 40px;
}
.marginbottom-sm {
  margin-bottom: 20px;
}
.marginbottom-xs {
  margin-bottom:8px;
}
.bordertop {
  border-top: 1px solid #c0c7d2;
  padding-top: 20px;
  margin-top: 30px;
}
.img-inline img {
    display: inline-block;
    margin: 0 8px !important;
    max-height: 30px;
    vertical-align: middle;
}
/* BUTTONS */
.btn-primary,
.hs-button,
input[type="reset"],
input[type="submit"]{
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
  border: 0;
  color: #fff;
  cursor: pointer;
  transition: all .2s;
  transform: translateX(0);
  padding: 15px 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 20px;
  font-family: 'mona_sansbold', Helvetica, Arial, sans-serif!important;
  font-weight: 500;
  background: #0000ff;
  box-shadow: 0 10px 20px rgba(7,29,67,.2), 0 0 5px rgba(7,29,67,.07);
  text-align: center;
}
a[id*="cta_button"]{
  box-sizing: border-box!important;
  display: inline-block!important;
  text-decoration: none!important;
  border-radius: 30px!important;
  border: 0!important;
  color: #fff!important;
  cursor: pointer;
  transition: all .2s;
  transform: translateX(0);
  padding: 15px 30px!important;
  appearance: none!important;
  font-size: 20px!important;
  font-family: 'mona_sansbold', Helvetica, Arial, sans-serif!important;
  font-weight: 500!important;
  background: #0000ff!important;
  box-shadow: 0 10px 20px rgba(7,29,67,.2), 0 0 5px rgba(7,29,67,.07)!important;
}
.offset3 a[id*="cta_button"],
.offset3 .btn-primary{
  background: #FF3300!important;
  color: #fff!important;
}
.offsetPrimary a[id*="cta_button"],
.offsetPrimary .btn-primary{
  background: #ffe900!important;
  color: black!important;
}

.btn-primary:hover, .btn-primary:active:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
  box-shadow: 0 5px 25px rgba(7,29,67,.2), 0 4px 5px rgba(7,29,67,.07);
}

.btn-grey {
  background: #8592a8;
  border-color: #8592a8;
}

.btn-default a,
a.btn-default{
  font-family: 'mona_sansbold', Helvetica, Arial, sans-serif!important;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
  color: #0000ff;
  cursor: pointer;
  transition: all .2s;
  transform: translateX(0);
  padding: 15px 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 20px;
  font-weight: 400!important;
	background: linear-gradient(180deg,#FFF 0,#FFF);
  border: 1px solid #FFF;
  box-shadow: 0 10px 20px rgba(0,0,0,.2), 0 0 5px rgba(0,0,0,.07);
}
.btn-default a:hover {
	background: linear-gradient(180deg,#f2f2f2 0,#ccc);
}
.btn-border a,
a.btn-border{
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
  color: #0000ff;
  cursor: pointer;
  transition: all .2s;
  transform: translateX(0);
  padding: 12px 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-weight: 400!important;
	background: #FFF;
  border: 1px solid  #0000ff;
  box-shadow: 0 5px 25px rgba(7,29,67,.2), 0 4px 5px rgba(7,29,67,.07);
}
.btn-border a:hover {
  background: #1271f6;
  border: 1px solid #5880a6;
  box-shadow: 0 5px 25px rgba(7,29,67,.2), 0 4px 5px rgba(7,29,67,.07);
  color: white;
}
.btn-border-transparent a,
a.btn-border-transparent {
  background: transparent;
  box-shadow: none;
}
a.btn-border-sm,
a.btn-sm,
.btn-sm{
  font-size: 16px;
  padding: 10px 20px;
  box-shadow: none;
}
a.btn-border-sm:hover {
  box-shadow: none;
  background: #0000ff;
  border: 1px solid #0000ff;
  color: white;
}
a.btn-border-sm i{
    font-size: 12px;
}
.badge-beta, .badge-soon {
  background: #edeff2;
  color: #8592a8;
  text-transform: uppercase;
  font-family: 'mona_sans_condensedbold', sans-serif;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.5px;
  padding: 2px 8px;
  margin-left: 4px;
  border-radius: 16px;
  white-space: nowrap;
  vertical-align: middle;
}
.activated .badge-beta{
  background: #a6cafc;
  color: #06459d;
}
.badge-soon{
  background: #c0c7d2;
  color: #282e38;
}

.badges-partners img {
  margin: 10px 10px 0;
  height: 48px;
  width: auto;
}
@media (max-width: 767px) {
  .badges-partners img {
    height: 28px;
    margin: 10px 5px 0;
  }
}

/* FORM */
.form-fanzone form {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
  border-radius: 40px;
  padding: 4px;
  position: relative;
}
.form-fanzone label:before {
  content:'';
  width: 30px;
  height: 30px;
  background-image: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase%20V3/icon-insta.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: relative;
}
.form-fanzone .input:before {
  content:'instagram.com/';
}
.form-fanzone .input {
  display: flex;
  align-items: center;
  width: 100%;
}
.form-fanzone input[type=text] {
  border: 0;
  padding: 0;
}
.form-fanzone form > .hs-form-field,
.form-fanzone form .form-group{
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  padding: 0 0 0 20px;
  width: 100%;
  box-sizing: border-box;
}
.form-fanzone button {
  white-space: nowrap!important;
}
@media (max-width: 767px) {
  .form-fanzone form {
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    background: transparent;
  }
  .form-fanzone form .form-group{
    background: #FFF;
    border-radius: 20px;
    padding: 10px;
  }
  .form-fanzone button {
    width: 100%;
  }
}
form input[type="text"],
form input[type="password"], 
form input[type="email"],
form input[type="tel"],
form select {
  width: 100% !important;
  display: block;
  padding: 10px;
  border: 1px solid #c4d5e9;
  border-radius: 8px;
  height: 40px;
  background: #fff;
  color: #0b2b40;
  font-weight: 400;
  color: #000000;
}
form ul.hs-error-msgs, form ol.hs-error-msgs {
  list-style: none !important;
  padding-left: 0;
  margin: -8px 0 8px;
  font-size: 12px;
  color: #ed4c44;
}
form label {
  font-weight: 400;
  margin-bottom: 4px;
  display: block;
  font-size: 14px;
}
textarea {
  height: 150px;
}
form fieldset {
  margin-bottom: 15px!important;
}
.form .field {
  text-align: left;
}
.form .field label {
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
  color: #8592a8;
}
.form .hs-form-required {
  display: none;
}
.form ul, .hero .form ol {
  list-style: none !important;
  padding-left: 0;
}
.form input[type="checkbox"],.form input[type="radio"] {
  margin-right: 10px;
  width: auto !important;
  display: inline;
}
.form .hs-button {
  padding: 15px 30px;
  background: #0000ff;
  color: #fff;
  display:block;
  margin-top:14px;
  text-align:center;
  font-size:16px;
  border: none;
  display:inline-block;
  border-radius:4px;
  font-weight: 400;
}

.form {
  text-align: center;
}
.form .field {
  text-align: left;
}
.form .field label {
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
  color: #8592a8;
}
.form input[type="text"],.form input[type="password"],.form input[type="email"],.form input[type="tel"],.form select {
  text-align: left;
  width: 100% !important;
  display: block;
  margin-bottom: 25px;
  padding: 10px;
  border: 1px solid #c4d5e9;
  border-radius: 8px;
  height: 50px;
  background: #fff;
  color: #000000;
  font-weight: 400;
}
.form .hs-form-required {
  display: none;
}
.form ul, .hero .form ol {
  list-style: none !important;
  padding-left: 0;
}
.form input[type="checkbox"],.form input[type="radio"] {
  margin-right: 10px;
  width: auto !important;
  display: inline;
}
.form .hs-button {
  padding: 15px 30px;
  background: #0000ff;
  color: #fff;
  display:block;
  margin-top:14px;
  text-align:center;
  font-size:16px;
  border: none;
  display:inline-block;
  border-radius:4px;
  font-weight: 400;
}
/* GENERAL */
body {
  background: #ffffff;
  line-height: 1.4;
  font-weight: 300;
  color: #000000;
  font-family: 'mona_sanslight', sans-serif;
  font-size: 18px;
	overflow-X: hidden;
} 
hr { 
  border-top: 1px solid #c0c7d2;
  border-bottom: 0;
}
.container {
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 40px;
  float: none !important;
}
.container-xlarge {
  max-width: 1600px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 40px;
  float: none !important;
}
.container-large {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 40px;
  float: none !important;
}
.container-medium {
  max-width: 940px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 40px;
  float: none !important;
}
.container-small {
  max-width: 680px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 40px;
  float: none !important;
}
img {
  margin: 1rem 0;
}
.bloc, .bloc-circle {
  border: 1px solid #c0c7d2;
  background: #FFF;
  border-radius: 10px;
  padding: 24px 16px;
  position: relative;
  margin: 16px 0;
}
.bloc-highlight {
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
  /*transform: translateY(-16px);*/
}
.bloc-circle {
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.4);
  width: 50px;
  height: 50px;
  display: flex!important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  display: block;
  padding: 16px;
  font-size: 12px;
  margin: 20px auto;
}
.bloc-circle i {
  font-size: 50px;
}
.icon-large i {
  color: #0000ff;
  font-size: 52px;
  margin-top: 32px;
}
.icon-information {
  position: absolute;
  right: -14px;
  top: 0;
  text-decoration: none;
  border: 0;
  background-image: none!important;
}

.icon-information img{
  margin: 4px;
}

/* TYPOGRAPHY */
a {
  color: inherit;
  text-decoration:none;
  font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
  margin: 1rem 0;
  font-weight: 500;
  line-height: 1.2em;
  font-family: 'mona_sansbold', sans-serif;
}
strong {
  font-family: 'mona_sansbold', sans-serif;
  font-weight: 500;
}
h1 {
  font-family: 'mona_sans_expandedbold', sans-serif;
  font-size: 2.2em;
}
h1 strong {
  font-family: 'mona_sans_expandedbold', sans-serif;
}

p {
  margin: 1rem 0;
}
.text-small {
  font-size: 16px;
}
.text-xsmall {
  font-size: 11px;
  line-height: 1em;
}
.text-light {
  color: #8592a8;
}
.text-caps {
  font-family: 'mona_sans_condensedbold', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.list-custom ul, .list-flow ul, .list-unstyled ul{
  list-style: none;
  padding-left:0;
  position: relative;
  z-index: 1;
  margin-top: 0;
}
.list-flow ul li{
	position: relative;
  margin-bottom: 8px;
  font-size: 22px;
}
@media (max-width: 767px) {  
  .list-flow ul li{
    text-align: left;
  font-size: 20px;
  }
}
.list-custom ul li {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 18px;
}
.list-custom ul li a {
	position: relative;
  padding: 0 16px 0 8px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-family: 'mona_sansbold';
}
.list-custom ul span {
  background: #fef9c3;
  border-radius: 16px;
  display: flex;
  align-items: center;
  font-size: 24px;
  height: 40px;
  justify-content: center;
  margin: 4px 10px 4px 0;
  min-width: 40px;
  width: 40px;
  padding: 4px;
  box-sizing: border-box;
}
.list-custom ul li a:focus, {
  background: #0000ff;
  color: #fff;
  border-radius: 8px;
}
.list-custom ul li a:focus span {
  background: transparent;
}
.list-flow ul li:before{
  content: "\f00c";
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  position: relative;
  font-size: 26px;
  color: #ffe900;
  border-radius: 12px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.list-flow ul li strong{
  position: absolute;
  margin-left: 8px;
  text-align: left;
  top: 8px;
  line-height: 1em;
}
.list-custom.list-text ul li a {
	flex-direction: column;
  align-items: flex-start;
  font-size: 24px;
  width: 100%;
  padding: 20px;
  border-radius: 30px;
}
.list-custom.list-text ul li a p {
  font-family: 'mona_sanslight', sans-serif;
  margin: 5px 0 0;
}
.list-custom.list-text ul li a:focus,
.list-custom.list-text ul li.active a {
  background: rgba(255,255,255,0.4);
  color: inherit;
}

/* SECTIONS */
.section {
  padding: 80px 40px;
  overflow: hidden;
}
.heading {
  font-size: 28px;
  line-height: 1.4;
  max-width: 940px;
  margin-left: auto!important;
  margin-right: auto!important;
  float: none!important;
  margin-bottom: 40px;
}
.heading-xxl,
.more-info .heading-xxl {
  font-size: 82px;
  font-weight: 500;
  line-height: 1.1em;
  font-family: 'mona_sans_expandedbold', sans-serif;
}
.heading-h1 h1,
.heading-h1{
  font-family: 'mona_sans_expandedbold', sans-serif;
  font-size: 42px;
}
.heading-h2{
  font-family: 'mona_sans_expandedbold', sans-serif;
  font-size: 36px;
  line-height: 1.3;
  font-weight: 500;
}
.heading-h3{
  font-family: 'mona_sansbold', sans-serif;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 500;
}
.heading-h4 {
  font-family: 'mona_sansbold', sans-serif;
  font-size: 22px;
}
.heading-uppercase sub {
  bottom: 0;
  font-size: 20px;
  color: #0000ff;
  font-family: 'mona_sans_condensedbold',sans-serif;
  text-transform: uppercase;
  line-height: 1em;
  margin: 16px 0 0;
}
#flow1, #flow2, .flow3-2 {
  position: relative;
}
#flow3 {
  margin-top: 80px;
}
#flow1:before {
  content: '';
  border: 1px solid #c0c7d2;
  display: block;
  position: absolute;
  height: 220px;
  left: 17.7%;
  right: 17.5%;
  border-bottom: 0;
  border-radius: 40px 40px 0 0;
  top: -60px;
  z-index: -1;
}
#flow1:after, 
#flow2:after, 
.flow3-2:after {
  content: '';
  border-left: 1px solid #c0c7d2;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
  top: -160px;
  bottom: -80px;
  z-index: -2;
}
#flow2:after {
  top: -80px;
}
.flow3-2:after {
  top: 40px;
  bottom: -40px;
  width: 140px;
  border-bottom: 1px solid #c0c7d2;
  left: 100px;
  border-radius: 0 0 0 20px;
}
#flow3-1 {
  position: relative;
}
.flow3-1 {
  position: absolute!important;
  bottom: 0;
}
.flow3-2 {
  top: -80px;
  left: 0;
  right: 0;
}
.flow3-1:before {
  content: '';
  border-left: 1px solid #c0c7d2;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
  top: 40px;
  bottom: -80px;
  z-index: -2;
}

/* NAVBAR */

/* fix bug line blanche */
.header-container-wrapper .row-fluid [class*="span"]:first-child {
	min-height: 0;
}

.header-container-wrapper {
  width: 100%;
  z-index: 1000;
}

@media (min-width: 1100px){
  
  #gdpr-link:after {
    content: '';
    background-image: url(https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase/logo-gdpr_en.svg);
    width: 82px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    margin: auto;
    left: 180px;

  } 
  html[lang="fr"] #gdpr-link:after {
    content: '';
    background-image: url(https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase/logo-gdpr_fr.svg);
  } 
}

/* NAVBAR V2 */

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    white-space: nowrap;
}
#navbar {
  position: fixed;
  z-index: 10;
  font-family: 'mona_sansbold', sans-serif;
}
#navbar .navbar-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  left: 0;
  right: 0;
  position: absolute;
  height: 60px;
  padding: 0 0 0 20px;
}
#navbar .navbar-menu > .row-fluid-wrapper {
  width: 100%;
}
#navbar .navbar-menu > .row-fluid-wrapper > .row-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#navbar .navbar-menu > .row-fluid-wrapper > .row-fluid:before,
#navbar .navbar-menu > .row-fluid-wrapper > .row-fluid:after {
  display: none!important;
}
#navbar .navbar-menu > .row-fluid-wrapper > .row-fluid > [class*="span"] {
  width: auto!important;
}
.navbar-logo img{
  margin: 0 0;
  width: auto!important;
  height: 40px!important;
  max-width: inherit;
}
.navbar-tabs li i{
  font-size: 12px;
  margin: 4px 0 0 4px;
}

@media screen and (min-width:768px) {
  
  #navbar {
  padding: 20px 0;
  }
  #navbar .navbar-menu {
    max-width: 1400px;
    margin: auto!important;
    padding: 20px;
    height: 80px;
    border-radius: 60px;
    width: calc(100% - 40px);
  }
  #navbar > .row-fluid-wrapper{
    width: auto;
    flex: 1;
  }
  .navbar-tabs ul{
    display: flex!important;
    align-items: center;
    justify-content: center;
  }
  .navbar-login {
    color: transparent;
  }
  .navbar-login > div > span{
    display: flex!important;
    align-items: center;
    justify-content: flex-end;
  }
  .navbar-tabs .hs-menu-depth-1 > a {
    padding: 0 12px;
  }
  .navbar-tabs li a,
  .navbar-login a{
    color: #000000;
    font-weight: 500!important;
    font-size: 17px;
    white-space: nowrap;
  } 
  .navbar-login a{
    padding-right: 20px;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    align-items: start;
    column-gap: 30px;
  }
  .navbar-tabs li a:hover,
  .navbar-login a:hover{
    opacity: 0.7;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:first-child a,
  #navbar .cta_button{
    padding: 8px 24px;
    border-radius: 30px;
    margin-right: 16px;
    transition: all .2s;
    color: #fff;
    background: #0000ff;
    border: 1px solid #fff;
    box-shadow: none;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:first-child a:hover,
  #navbar .cta_button:hover{
    box-shadow: 0 5px 25px rgba(7,29,67,.2), 0 4px 5px rgba(7,29,67,.07);
    background: #0000ff;
    color: #fff;
    border: 1px solid #0000ff;
    opacity: 1;
  }
  .navbar-tabs .hs-menu-children-wrapper {
    padding: 20px 40px;
    color: #021a3a;
    background: #fff;
    box-shadow: 0 2px 5px rgba(70,70,70,.15);
    border-radius: 20px;
    border: 1px solid #c0c7d2;
    margin-left: 50%!important;
    transform: translateX(-50%);
    margin-top: 20px!important;
  }
  .navbar-tabs .hs-menu-depth-1 > .hs-menu-children-wrapper:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -11px;
    transform: rotate(45deg);
    border: 1px solid #c0c7d2;
    border-width: 1px 0 0 1px;
  }
  .navbar-tabs .hs-menu-depth-1 > .hs-menu-children-wrapper:after{
    content: '';
    width: 100%;
    display: block;
    height: 25px;
    position: absolute;
    top: -25px;
  }
  
  .navbar-tabs .thumb_container {
    display: inline; /* fix wistia embed */
  }
  
  .navbar-tabs .hs-menu-children-wrapper a:not(.child-trigger) {
    white-space: normal!important;
    display: flex!important;
    align-items: center;
    text-align: center;
    flex-direction: column;
    height: 100%;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    min-width: 100px;
  }
  .navbar-tabs img{
    display: block;
    width: 100px;
    max-width: 60px;
    margin: 0 0 16px;
    border-radius: 14px;
  }
  .navbar-tabs .hs-menu-depth-2 a {
    height: auto;
  }
  .navbar-tabs .hs-menu-depth-2 ul{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    position: relative!important;
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: none;
    margin: 0!important;
    padding: 0;
    border: 0;
    left: 0!important;
  }
  .navbar-tabs .text-caps{
    margin-bottom: 8px;
    pointer-events: none;
  }
  #navbar .hs-menu-wrapper.flyouts > ul li.hs-item-has-children:hover .hs-menu-depth-2 ul {
    opacity: 1!important;
    visibility: visible!important;
  }
  /* Sous Menu 2 Cas d'usage */  
  
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:first-child [role="menu"] {
    flex-direction: row;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) > .hs-menu-children-wrapper {
    padding: 20px 40px 40px;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper [role="menu"] {
    align-items: baseline;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:first-child [role="menu"] a{
    min-width: 120px;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:first-child [role="menu"] {
    flex-direction: row;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper [role="menu"] {
    align-items: baseline;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:nth-child(2) [role="menu"] a,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] a {
    flex-direction: row;
    min-width: 120px;
    justify-content: flex-start;
    text-align: left;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:first-child [role="menu"] a img{
    width: 100%;
    max-width: 120px;
    border-radius: 20px;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:nth-child(2) [role="menu"] a img,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(2) .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] a img{
    max-width: 40px;
    margin: 0 6px 0 0;
  }
  
  /* Sous Menu 3 Solution */ 
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) .hs-menu-children-wrapper > li:nth-child(1) [role="menu"] a img,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) .hs-menu-children-wrapper > li:nth-child(2) [role="menu"] a img{
    max-width: 40px;
    margin: 0 6px 0 0;
  }
  [lang="fr"] .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) > .hs-menu-children-wrapper > li:last-child {
    border-left: 1px solid #c0c7d2;
    padding-left: 40px;
    margin-left: 10px;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) > .hs-menu-children-wrapper > li .child-trigger {
    margin-bottom: 10px;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) > .hs-menu-children-wrapper > li:not(:last-child) .child-trigger {
    color: #0000ff;
    font-family: mona_sans_condensedbold, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    pointer-events: none;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) .hs-menu-children-wrapper .badge-soon {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ffe900;
  } 
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) .hs-menu-children-wrapper > li [role="menu"] a {
    flex-direction: row;
    min-width: 140px;
    justify-content: flex-start;
    text-align: left;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) [role="menuitem"] {
    text-align: left;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] a img,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) .hs-menu-children-wrapper > li:nth-child(4) [role="menu"] a img{
    width: auto;
    height: 160px;
    max-width: none;
    margin: 0;
  }
  
  /* Sous Menu 4 Catalogue */ 
  
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) .hs-menu-children-wrapper > li:nth-child(2) [role="menu"] a,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] a{
    flex-direction: row;
    min-width: 160px;
    justify-content: flex-start;
    text-align: left;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) .hs-menu-children-wrapper > li:nth-child(2) [role="menu"] a img,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] a img{
    max-width: 40px;
    margin: 0 6px 0 0;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) > .hs-menu-children-wrapper > li .child-trigger {
    color: #0000ff;
    font-family: mona_sans_condensedbold, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 10px;
    pointer-events: none;
    text-align: left;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) .hs-menu-children-wrapper > li:first-child [role="menu"] {
    flex-direction: row;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) .hs-menu-children-wrapper > li:first-child [role="menu"] a img {
    width: auto;
    height: 160px;
    max-width: none;
    margin: 0 0 -40px;
  }
  
  /* Sous Menu 6 Ressources */
  
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) > .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] {
    align-items: flex-start;
  }
  
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) .hs-menu-children-wrapper > li:first-child [role="menu"] {
    flex-direction: row;
  }
  
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) > .hs-menu-children-wrapper > li:nth-child(2) [role="menu"] a, 
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) > .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] a {
    flex-direction: row;
    min-width: 120px;
    justify-content: flex-start;
    text-align: left;
  }
  
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) > .hs-menu-children-wrapper > li:first-child a{
    min-width: 120px;
  }
  
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) > .hs-menu-children-wrapper > li:first-child a img{
    width: 100%;
    max-width: 120px;
    border-radius: 20px;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) > .hs-menu-children-wrapper > li:nth-child(2) [role="menu"] a img,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-last-child(2) > .hs-menu-children-wrapper > li:nth-child(3) [role="menu"] a img{
    max-width: 40px;
    margin: 0 6px 0 0;
  }
  
   /* Bonton login dans menu */
   .navbar-tabs .hs-menu-wrapper > ul > li:last-child {
     display: none;
  }
  
}
@media (max-width: 767px) {

  .navbar-tabs .hs-menu-wrapper > ul > li:not(:nth-child(5)) .hs-menu-children-wrapper li{
    border: 1px solid #c0c7d2;
    border-radius: 20px;
    flex: 1 1 40%;
    justify-content: center;
    margin: 2%;
    width: 50%;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:first-child a {
    color: #fff;
    background: #0000ff;
    padding: 12px;
    border-radius: 30px;
    border: 1px solid #5880a6;
    margin-bottom: 16px;
    text-align: center;
  }
  #navbar.custom-menu-primary .hs-menu-wrapper {
    overflow: auto;
  }
  #navbar .navbar-login {
    display: none;
  }
  .navbar-tabs .hs-menu-children-wrapper a .text-small {
    display: none;
  }
  .navbar-tabs li a{
    color: #000000;
    font-weight: 500!important;
    font-size: 22px;
    margin-bottom: 0;
  }
  .navbar-tabs li.hs-menu-depth-1 > a {
    padding: 24px 0;
  }
  .navbar-tabs li.hs-menu-depth-1:not(:first-child) > a {
    display: flex!important;
    align-items: center;
    justify-content: space-between;
  }
  .navbar-tabs li.hs-menu-depth-2 a{
    color: #8592a8;
    padding: 0 0 16px 0;
    font-weight: 400!important;
    font-size: 20px;
    text-align: left;
  }
  #navbar.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    margin-bottom: 16px;
  }
  
  #navbar .hs-menu-depth-2 ul.hs-menu-children-wrapper {
    display: block!important;
  }
  
  .navbar-tabs img {
    display: none;
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none!important;
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper.open-menu {
    opacity: 1!important;
    position: static!important;
    visibility: visible!important;
    display: block!important;
  }
}
/* HERO */
.hero {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero .overlay {
  padding: 80px 40px;
  color: #000000;
  background: #ffe900;
}
.hero.offset3 .overlay{
  background: transparent;
  color: white;
}
.hero .overlay-white {
  background: #FFF;
}
.hero .overlay-dark {
  background: #000066;
  color: #FFF;
}
.hero .overlay-light {
  background: #E6E6FF;
}
.hero .overlay-dark-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#032758+0,021a3a+63 */
  background: rgb(3,39,88); /* Old browsers */
  background: -moz-radial-gradient(ellipse at top,#000088 0,#000066 63%); /* FF3.6-15 */
  background: -webkit-radial-gradient(ellipse at top,#000088 0,#000066 63%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at top,#000088 0,#000066 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000088', endColorstr='#000066',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #FFF;
}
.hero .widget-type-logo img {
  max-width: 120px;
  width: 100%;
  margin: 0 0 20px;
}
.hero .hero-text, .hero .hero-img {
  font-size: 16px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.hero h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}
.hero p {
  font-size: 22px;
}
.hero a {
  margin-top: 20px;
}
.hero-sm .overlay {
  text-align: center;
  padding: 140px 40px 80px;
}
/* Animation text home */
/* #home.hero h1 span{
  transform: translateY(100%);
  display: block;
  animation: text-anim 1s cubic-bezier(.19,1,.22,1) 0.4s forwards;
}
#home.hero .text-anim h1:nth-child(2) span{ animation-delay: 0.6s; }
#home.hero .text-anim h1:nth-child(3) span{ animation-delay: 0.8s; }
#home.hero .text-anim h1:nth-child(4) span{ animation-delay: 1s; }
#home.hero .text-anim h1:nth-child(5) span{ animation-delay: 1.2s; }
@keyframes text-anim { 
  from { transform: translateY(100%); } 
  to { transform: translateY(0); }
}
*/

/* Home */


.catalog-card {
  background: #FFF;
  color: #000;
  border-radius: 30px;
  margin-bottom: 10px;
  overflow: hidden;
  font-family: mona_sansbold, Helvetica, Arial, sans-serif !important;
  width: 31.914893614% !important;
  float: left !important;
  margin-top: 2.127659574%;
  margin-left: 2.127659574% !important;
}

.catalog-wrapper .row-fluid [class*=span]:first-child {
    margin-left: 0!important;
}

.catalog-card img {
  margin: 0;
}

#home.hero,
#main-quote {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#home.hero .home-text,
#main-quote .home-text{ 
  /* fix for z-index */
	transform: translate(0);
  padding: 0 100px 80px;
}
#home.hero.home-alternate .home-text {
  padding: 0 100px 0;
}
#home.hero h1 {
  line-height: 1.1em;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  font-size: 88px;
}
#home.home-alternate.hero h1 {
  font-size: 68px;
}
#home.hero p{
	max-width: 440px;
}

#main-quote p{
	max-width: 330px;
}

#main-quote .overlay:after,
#main-quote .overlay:before{
  content: '';
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  pointer-events: none;
  margin: auto;
}

#main-quote .overlay:before{
  background-color: #6900FF;
  border-radius: 50%;
  bottom: -70%;
  height: 600px;
  left: 0;
  right: 0;
  width: 700px;
  transform: scale(0);
  animation: scale 10s cubic-bezier(0.280, 0.840, 0.420, 1) alternate infinite;
}

@media (max-width: 767px){  
  #main-quote .overlay:before{
    left: 50%;
  }
}

#main-quote .overlay:after{
  background-image:url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/quote-soge.png');
  background-position: center bottom;
  height: 660px;
  left: 0;
  right: 15%;
  width: 490px;
  bottom: 0px;
}

#main-quote.main-quote-sponsor .overlay:after{
 background-image: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/quotes/quote-unibet.png');
}
#home.home-alternate.hero .overlay:after {
  top: auto;
  width: 450px;
  height: 500px;
  right: 30px;
  bottom: 0;
}
#home.hero .home-text-quote {
  position: absolute;
  right: 100px;
  top: 120px;
  max-width: 200px;
  font-size: 14px;
  line-height: 1.5em;
  color: #645801;
  font-weight: 400;
}
#main-quote .home-text-quote h5 {
  position: relative;
  font-size: 40px;
  font-family: mona_sansbold,sans-serif;
}
#home.hero .home-text-quote .text-caps{
  margin-top: 8px;
  color: #645801;
  font-size: 12px;
  line-height: 1.3em;
}
#home.hero .home-text-quote i {
  position: absolute;
  top: -28px;
  font-size: 25px;
  color: #c9b102;
  left: -28px;
}
#main-quote .home-text-quote i {
  position: absolute;
  font-size: 16px;
  left: -24px;
}
#home.hero .home-text-quote img {
  max-width: 75px;
  margin: 4px 0 0;
}

.quote-text,
.quote-text h3 {
  font-family: mona_sansbold,sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.parallax-img-wrapper {
  position: relative;
  text-align: center;
}
.parallax-img-wrapper > div:before {
  content: '';
  width: 154px;
  height: 154px;
  position: absolute;
  background-image: url(https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase/circle-sm.svg);
  margin: auto;
  background-size: 100%;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.parallax-img-wrapper img {
  margin: 0;
  max-width: 120px;
  max-height: 120px;
  object-fit: cover;
}

.home-customers-carousel h2 {
  font-size: 22px;
  font-family: 'mona_sans_condensedbold',sans-serif;
  font-weight: 500;
  letter-spacing: .5px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  pointer-events:none; 
  transform: translate(0, 0);
  margin: 40px 20px 25px;
}

.home-customers-carousel h2:before {
  content: '';
  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  left: 0;
  right: 0;
  border-radius: 20px;
}

.home-customers-carousel a {
    font-size: 0;
}

#home.hero .home-text .cta_button {
  font-size: 20px!important;
  padding: 15px 50px!important;
}

#solution-v2 h1,
#solution-music-hero h1{
  line-height: 1.1em;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  font-size: 46px;
}
#solution-v2 p,
#solution-music-hero p{
  font-size: 22px;
  margin-bottom: 0;
}
.before-after {
    position: relative;
    top: -40px;
}
.before-after-title h2 {
  font-family: 'mona_sans_condensedbold', sans-serif!important;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px!important;
  letter-spacing: .5px;
  color: black;
	margin-bottom:0;
  margin-top: 40px;
}
.before-after-title i {
  display: inline-block;
  margin-top: 0;
  font-size: 32px;
  line-height: 1;
  color: #0000ff;
  text-transform: none;
  letter-spacing: 0;
  font-family: 'mona_sans_expandedbold', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.before-after-title p {
  margin-top: 0px;
  margin-bottom: 60px;
  margin-bottom: 20px;
  font-family: 'mona_sansbold', sans-serif!important;
}

.before-after-btn {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  opacity: 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.before-after-btn i {
  margin-right: 4px;
}

.before-after-video:hover .before-after-btn {
  opacity: 1;
}

.before-after-video:after {
  content: "";
  background: rgba(0, 0, 0,0.7);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  opacity: 0;
  transition: all .2s;
  
}

.before-after-video:hover:after {
  opacity: 1;
}

.before .mobile-device-container img {
  filter: grayscale(1);
  transform: scale(.8);
}

.after .mobile-device-container{
	transform: translate(0,0) scale(0.9);
  transition: all cubic-bezier(.86,0,.07,1) 0.6s;
  border-radius: 20px;
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
  font-size: 0;
}
@media (min-width: 1300px) {
  .after .mobile-device-container{
    min-width: 280px;
    min-height: 490px;
    background-image: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase/partners/coke-form2-poster.png');
    background-size: cover;
    font-size: 0;
  }
}
.before-after ul li {
  position: relative;
  margin-bottom: 16px;
  font-size: 20px;
}
.before-after ul li {
  font-size: 20px;
}
.before-after ul i {
  font-weight: 500;
  margin-right: 8px;  
  color: #00CC00;
}
.before-after ul.text-right i {
  margin: 0 0 0 8px; 
}
.before-after ul i {
  font-size: 28px!important;
  vertical-align: middle;
}
.before-after .list-negative ul i {
  color: #FF3300;
}
.home-v3-heading {
  z-index: 1;
}
.home-v3-iframe iframe,
.home-v5-iframe iframe{
  position: absolute;
  right: 0;
  top: 80px;
  width: 70%!important;
}
.home-v6-iframe iframe{
  position: absolute;
  right: 0;
  top: 0;
  width: 60%!important;
}
.home-v3-iframe:after,
.home-v5-iframe:after,
.home-v6-iframe:after{
  content:'';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff266+0,ffe900+50,ffe900+100&1+50,0+55 */
  background: -moz-linear-gradient(left,  rgba(255,242,102,1) 0%, rgba(255,233,0,1) 50%, rgba(255,233,0,0) 55%, rgba(255,233,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,242,102,1) 0%,rgba(255,233,0,1) 50%,rgba(255,233,0,0) 55%,rgba(255,233,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,242,102,1) 0%,rgba(255,233,0,1) 50%,rgba(255,233,0,0) 55%,rgba(255,233,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff266', endColorstr='#00ffe900',GradientType=1 ); /* IE6-9 */
}

.home-v6-iframe:after{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+60,ffffff+100&1+60,0+65 */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 53%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 53%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.home-v6-iframe:before {
  width: 48px;
  height: 48px;
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #e6e6ff;
  border-bottom-color: transparent; 
  animation: rotate 1s linear infinite;
  left: calc(80% - 24px);
  top: calc(50% - 24px);
}

@keyframes rotate {
  100%   {transform: rotate(360deg)}
}

.home-top h1,
.page-about-top h1{
  font-size: 60px;
  line-height: 1.1em;
}

.home-top h2,
.page-about-top h2{
    font-size: 26px;
}

@media (max-width: 1680px) {
  .home-v3-iframe iframe,
  .home-v5-iframe iframe,
  .home-v6-iframe iframe {
    width: 50%!important;
  }
}

@media (max-width: 1300px) and (min-width: 768px) {
  
  .navbar-logo img {
    width: 40px!important;
    object-fit: cover;
    object-position: left;
  }
  .navbar-login-btn,
  .navbar-login .hs-cta-wrapper {
    display: none!important;
  }
  .home-v3-iframe iframe,
  .home-v5-iframe iframe{
    width: 50%!important;
  }
  .home-v6-iframe iframe{
    width: 40%!important;
  }
  .home-v6-iframe:after{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+60,ffffff+100&1+60,0+65 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  }
  .home-v3-masthead {
    max-width: 40%;
  }
}

@media (max-width: 767px) {
  .home-v3-iframe iframe,
  .home-v5-iframe iframe,
  .home-v6-iframe iframe{
    display: none!important;
  }
  .home-v3-iframe:after,
  .home-v5-iframe:after,
  .home-v6-iframe:after,
  .home-v6-iframe:before{
    display: none!important;
  }
  .home-v3-top-mobile-img img {
    margin-top: 0;
    margin-bottom: -1px;
  }
}
.home-top{
  color: #FFF;
  padding-top: 140px;
  position: relative;
}
.page-about-top{
  color: #FFF;
  padding-top: 140px;
  padding-bottom: 260px;
  margin-bottom: -260px;
  position: relative;
}
.home-v5-video {
  float: none!important;
  z-index: 1;
  margin: 20px auto 0!important;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 40px 60px -40px rgba(7,29,67,.3), 0 10px 25px 10px rgba(7,29,67,.07);
}
.home-carousel-video ul {
    list-style: none;
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}
.home-carousel-video li {
  font-size: 16px;
  font-family: mona_sansbold, Helvetica, Arial, sans-serif;
  color: #FFF;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.home-carousel-video a {
  aspect-ratio: 16 / 9;
  width: 120px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.home-carousel-video a div {
  position: relative;
}
.home-carousel-video img {
  height: 100% !important;
  margin: 0 0.5%;
  max-width: 170px !important;
  width: 100% !important;
  border-radius: 20px;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.4);
  margin-bottom: 10px;
  object-fit: cover;
}
.home-carousel-video.home-carousel-video-vertical img {
  width: 100% !important;
  height: auto !important;
  position: relative;
  z-index: 1;
}
.home-carousel-video.home-carousel-video-vertical .hs_cos_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;
  justify-content: center;
}
@media (min-width: 768px){  
  .home-carousel-video.home-carousel-video-vertical .hs_cos_wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 767px){  
  .home-top{
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
  .home-top.section {
    padding-top: 80px;
  }
  .page-about-top.section {
    padding-top: 80px;
    margin-bottom: -100px;
    padding-bottom: 100px;
  }
  .mobile-open .navbar-home-v5 .mobile-trigger i:before,
  .mobile-open .navbar-home .mobile-trigger i:before{
    color: #000066;
  }
}
.video-link {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
}
.video-link i {
  font-size: 12px;
  margin-right: 4px;
}
.qrcode-test {
  position: absolute;
  margin: auto;
  width: 100px;
  height: 100px;
  text-align: center;
  font-weight: 500;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.qrcode-arrow {
  width: 60px;
  position: absolute;
  left: -110px;
  top: 80px;
}

.qrcode-img {
  width: 100px;
  margin: auto;
  margin-top: 8px;
}

.logo-banner.logo-banner-hero {
	background: transparent;
  z-index: -1;
}
.logo-banner.logo-banner-hero:before {
  background: #000066;
  content: '';
  transform: skew(0deg,3deg);
  position: absolute;
  width: 100%;
  top: -60px;
  bottom: -30px;
  left: 0;
  z-index: 0;
}
.logo-carousel {
  overflow-x: hidden;
}
.logo-carousel-9-16 .hs-logo-carousel__inner img {
  width: 100%
  height: auto;
  aspect-ratio: 9 / 16;
}

@media (max-width: 1300px) {
  #home.hero .home-text,
  #home.hero.home-alternate .home-text{ 
  	padding: 0;
	}
  #home.hero .home-text-quote {
    right: 0;
  }
}
@media (max-width: 1200px) {  
  #main-quote .home-text-quote h5 {
    font-size: 30px;
  }
  #home.hero .overlay:before {
  	left: 0;
    right: 0;
    top: 200px;
  }
  #home.hero .overlay:after {   	
    width: 400px;
	}
  #home.hero h1 {
      font-size: 68px;
  }
  #home.hero .home-text-quote {
    top: 40px;
  }
  #home.hero p {
    font-size: 18px;    
	}
  #home.hero .home-text .cta_button {
    font-size: 16px!important;
	}
}
@media (max-width: 1000px) {
  #home.hero .home-text-quote {
    max-width: 140px;
    font-size: 12px;
  }
  #home.hero h1 {
    font-size: 58px;
	}
  #home.hero p {
    max-width: 300px;
	}
  #home.hero.home-alternate .overlay:after {
    display: none;
  }
  #home.hero.home-alternate .home-text-quote {
    display: none;
  }
}
@media (max-width: 767px){  
  #home.hero .overlay:after {   
    width: 300px;
    top: auto;
    bottom: 0;
    background-position: bottom;
	}
  #home.hero .span7 {  
    text-align: left;
	}
  #home.hero h1 {
    max-width: 70%;
	}
  #home.hero p {
    max-width: 40%;
	}
  #home.hero.home-alternate p,
  #home.hero.home-alternate h1 {
    max-width: 100%;
	}
  #home.hero .home-text .cta_button {
    padding: 15px 30px!important;
  }
}
@media (max-width: 580px){  
  #home.hero .overlay:after {   
    right: -20%;
    left: auto;    
    width: 70%;
    max-width: 370px;
	}
  #home.hero h1 {
    font-size: 34px;
  }
  #home.hero p {
    max-width: 70%;
    font-size: 16px;
	}
  #home.hero .home-text .cta_button {
    padding: 15px 30px!important;
  }
  #home.hero .home-text-quote {
    position: relative;
    text-align: right;
    max-width: 50%;
    margin-bottom: 40px;
  }
  #home.hero .home-text-quote i {
    position: relative;
    font-size: 12px;
    margin-right: 4px;
    left: 0;
    top: 0;
	}
}
@media (max-width: 480px){
  #home.hero h1 {
    font-size: 52px;
    max-width: 100%;
  }
}

.home-studio-tabs .hs-tabs__nav {
  margin: 20px 0 0;
}
.home-studio-tabs .hs-tabs__nav li{
  position: relative;
}
.home-studio-tabs .hs-tabs__nav li:last-child .hs-tabs__navitem:after {
  content:'SOON';
  position: absolute;
  background: #c0c7d2;
  color: #282e38;
  text-transform: uppercase;
  font-family: 'mona_sans_condensedbold', sans-serif;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.5px;
  padding: 4px 8px;
  margin-left: 4px;
  border-radius: 16px;
  white-space: nowrap;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  top: 45px;
}
html[lang="fr"] .home-studio-tabs .hs-tabs__nav li:last-child .hs-tabs__navitem:after {
  content:"Bientôt";  
}
.home-studio-tabs .hs-tabs__navitem div {
  display: flex;
  flex-direction: column-reverse;
}
.home-studio-tabs .hs-tabs__navitem img{
  transition: all .2s;
  max-width: 140px;
}
.home-studio-tabs .hs-tabs__navitem:not(.hs-tabs__navitem--active) img {
  box-shadow: none;
}
.home-studio-tabs .hs-tabs__navitem.hs-tabs__navitem--active {
  transform: translateY(-10px);
  transition: all .2s;
}
.home-studio-tabs .hs-tabs__navitem p{
  margin-top: 8px;
  margin-bottom: 0;
}

@media (max-width: 767px){
  .home-studio-tabs .hs-tabs__navitem img {
    display: none;
  }
  .home-studio-tabs .hs-tabs__nav {
    margin: 0;
  }
}
.news-bloc {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
  position: relative;
}
.news-bloc-image img {
  margin: 0;
  height: 240px!important;
  object-fit: cover;
  width: 100%;
}
.news-bloc-logo-title img {
  max-width: 300px!important;
  margin: 0;
}
.news-bloc-text a:not(.btn) {
  color: #000000;
  font-size: 18px;
}
.news-bloc-text {
  padding: 8px 16px 24px;
}
.news-bloc-button {
  position: absolute;
  position: absolute;
  bottom: 50px;
}
.news-bloc-highlight .news-bloc-text {
  padding: 24px 16px 24px 24px;
}
.news-bloc-highlight {
  padding: 32px;
}
.news-bloc-highlight img {
  float: left;
  width: auto!important;
  height: auto!important;
  max-width: 100px;
  max-height: 50px;
  margin: 0 10px 0 0;
}
.news-bloc-highlight:before{
  content: '';
  background-color: #0000ff;
  border-radius: 50%;
  bottom: -70%;
  height: 500px;
  right: 0;
  width: 500px;
  transform: scale(0);
  animation: scale 10s cubic-bezier(0.280, 0.840, 0.420, 1) alternate infinite;
  display: block;
  position: absolute;
  bottom: -210px;
  right: -280px;
}
.news-bloc-text h3 {
  font-size: 1.5em;
}
.news-bloc-text p {
  margin: 0;
}
.news-bloc-text .btn {
  margin-top: 16px;
}
.before-after {
	position: relative;
  padding: 40px 0;
}
/* LOGOS BANNER */
.logo-banner {
  position: relative;
  background: #000066;
  text-align: center;
}
.logo-banner.offset {
  background: #E6E6FF;
}
.logo-banner.transparent {
  background: transparent;
}
.logo-banner .section{
  text-align: center;
  float: none;
  color: #8592a8;
  padding: 40px;
  opacity: 0.99;
}
.logo-banner h1,
.logo-banner h2 {
  color: #000000;
}
.logo-banner img {
	max-height: 40px;
  width: auto!important;
  vertical-align: middle;
  margin: 10px 20px;
  opacity: .6;
}
.logo-banner-big img {
	max-height: 60px;
  width: auto!important;
  vertical-align: middle;
  margin: 10px 16px;
  opacity: 1;
}
.logo-banner-footer img {
  max-height: 60px;
}

.logo-banner-footer-big img {
  max-height: 100px;
  max-width: 160px;
  opacity: 1;
}

.logo-banner-footer-small img {
  max-height: 40px;
  opacity: 1;
}
#demo-banner.logo-banner img {
  opacity: 1;
}
.logo-partner img,
.more-info-bigimage .logo-partner img{
  max-height: 30px;
  width: auto!important;
  vertical-align: middle;
  margin: 16px 24px 0 0!important;
  box-shadow: none!important;  
}

/* MORE INFO */

.more-info.text-center ul {
  display: inline-block;
}
.more-info h2,
.more-info-bigimage h2 {
  font-family: 'mona_sans_expandedbold', sans-serif;
  font-size: 48px;
  font-weight: 500;
}

.more-info-bigimage h3,
.more-info h3{
  font-size: 38px;
}
.more-info h4,
.more-info-bigimage h4{
  font-size: 26px;
}
.more-info p,
.more-features p,
.more-info-bigimage p,
.heading-p {
  font-size: 18px;
}
.schema img {
	max-width: 300px;
}
.more-info-bigimage {
  padding-bottom: 0;
}
.more-info-bigimage .mobile-device img,
.more-info-bigvideo{
  max-width: 1020px!important;
  border-radius: 20px 20px 0 0!important;
  box-shadow: 0 -40px 60px -40px rgba(7,29,67,.3), 0 -10px 25px 10px rgba(7,29,67,.07)!important;
  margin: 0 40px!important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: left;
}
.more-info-bigimage .mobile-device.text-right > div > span{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* STATS */

.stat-number {
  font-family: 'mona_sans_condensedbold', sans-serif;
  font-size: 68px;
  color: #0000ff;
  font-weight: 500;
}
.stat-number-sm {
  font-size: 48px;
}
.offset2 .stat-text {
  color: #000000;
}
.stat-text {
  font-family: 'mona_sans_condensedbold', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.stat-text em {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  padding-top: 16px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 300;
  display: inline-block;
}

/* STEPS */

.steps > div > .row-fluid {
  display: flex!important;
  align-items: stretch;
}

.step {
  border: 1px solid #c0c7d2;
  background: #FFF;
  border-radius: 10px;
  padding: 24px 16px 24px 44px;
  position: relative;
  font-size: 16px;
  display: flex!important;
  align-items: center;
  text-align: left;
  margin-top: 16px;
  min-height: 80px!important;
}
.step em, .step i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  display: flex;
  align-items: center;
  color: #8592a8;
  font-weight: 400;
  font-size: 24px;
  font-style: normal;
}
.steps-offer .step {
  padding: 24px 16px 24px 48px;
}
.steps-offer h1{
	color: #8592a8;
  font-weight: 400;
  font-size: 24px;
  margin: 0;
}
.steps-offer h2{
  font-weight: 400;
  font-size: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  line-height: 1.6em;
	color: #8592a8;
}
.steps-offer h2 strong {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}
.steps-offer br {
	display: none;
}
.step.full-service {
  border-color: #ffe900;
  background: #ffe900;
  color: #000000;
  padding: 24px 16px 24px 16px;
}
.step.full-service h1{
	color: #000000;
  font-weight: 400;
  font-size: 24px;
  margin: 0;
}
.step.selected {
  border: 1px solid #0000ff;
  background: #e8f2ff;
  color: #0000ff;
}
.step.selected h1,
.step.selected h2,
.step.selected strong,
.step.selected i{
  color: #0000ff;
}

/* MORE FEATURES */

.more-features i {
  font-size: 26px;
  color: #0000ff;
  margin-bottom: 10px;
}
.more-features .feature-icons img {
	max-width: 48px!important; 
  max-height: 48px!important; 
  width: auto!important;
  height: auto!important;
}
.more-features h2 {
  font-size: 32px;
  line-height: 1.3;
}
.more-features .hs-tabs__navitem--active {
  color: #0000ff;
}
.more-features .hs-tabs__navitem:not(.hs-tabs__navitem--active) {
  background-color: transparent;
  color: #8592a8;
}
.more-features .feature-icons {
  padding-left: 20px;
  margin-top: 60px;
}
.more-features-detail tr {
  vertical-align: top!important;
}
.more-features-detail h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.more-features-detail p {
  font-size: 14px;
  margin-top: 0;
}
.more-features-detail td {
	padding-right: 20px;
}
.more-features-detail img {
	margin: 0 0 8px;
}
.more-features2 {
  border: 1px solid #c0c7d2;
  background: #fff;
  border-radius: 20px;
  padding: 32px;
  margin-top: 24px;
}
.more-features2 .hs-tabs {
    position: relative;
}
.more-features2 .hs-tabs__nav{
  border: 0;
  background: transparent;
  margin-top: 0;
  position: absolute;
  right: 0;
  width: 65.81196581200001%;
  padding-left: 20px;
  box-sizing: border-box;
  text-align: left;
}
.more-features2 .hs-tabs__navitem:after {
  content: "\f054";
  font-family: Font Awesome\ 5 Free;
  pointer-events: none;
  font-weight: 600;
  position: absolute;
  right: -35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
  border: 0;
  width: 20px;
  transform: none;
}
.more-features2 .hs-tabs__navitem--active {
  color: #0000ff;
  padding: 8px 0;
  box-shadow: inset 0 -1px 0 0 #0000ff;
}
.more-features2 .hs-tabs__navitem {
  padding: 0;
  margin-right: 40px;
}
.more-features2  li:last-child .hs-tabs__navitem {
  margin-right: 0;
}
.hs-tabs__nav li:last-child {
    display: inline-block;
}
/* CASE STUDIES */
#tabber-case-study .hs-tabs__item a {
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
  color: #000000;
  cursor: pointer;
  transition: all .2s;
  transform: translateX(0);
  padding: 8px 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-weight: 400!important;
	background: linear-gradient(180deg,#FFF 0,#FFF);
  border: 1px solid #FFF;
  box-shadow: 0 10px 20px rgba(0,0,0,.2), 0 0 5px rgba(0,0,0,.07);
}
#tabber-case-study .hs-tabs__item a:hover {
	background: linear-gradient(180deg,#f2f2f2 0,#ccc);
}
.case-study {
  background: #000066;
  color: #FFF;
}
.case-study .stat-number {
  font-size: 84px;
  color: #ffe900;
}
.case-study .stat-text {
  color: #FFF;
  text-align: center;
}
.case-study .hs-tabs__nav li .hs-tabs__navitem:after{
  content:'';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 80px!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background: #333;
  background-image:url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/case-study-instagram-snapchat-story-gaming-xboxonex-logo.png');
}
.case-study .hs-tabs__nav li:nth-child(2) .hs-tabs__navitem:after{
  background: #000000;
  background-image:url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/v2/case-warner-logo.png');
  background-size: 40px!important;
}
.case-study .hs-tabs__nav li:nth-child(3) .hs-tabs__navitem:after{
  background: #0a2d82;
  background-image:url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/v2/case-macif-logo.png');
  background-size: 40px!important;
}
.case-study .hs-tabs__nav li:nth-child(4) .hs-tabs__navitem:after{
  background: #01254c;
  background-image:url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/v2/case-petitbateau-logo-1.png');
  background-size: 40px!important;
}
.case-study .hs-tabs__nav li:nth-child(5) .hs-tabs__navitem:after{
  background: #006d5c;
  background-image:url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/v2/case-kaspersky-logo.png');
}
.case-study .hs-tabs__nav li:nth-child(6) .hs-tabs__navitem:after{
  background: #9c0;
  background-image:url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/v2/case-ca-logo.png');
  background-size: 40px!important;
}
.mobile-screenshot img,
.mobile-screenshot video,
.mobile-screenshot iframe{
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
  max-width: 276px!important;
  max-height: 488px!important;
  width: 100%!important;
  height: 100%!important;
  display: inline-block;
}

.wistia_responsive_wrapper {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 40px 60px -40px rgba(7,29,67,.3), 0 10px 25px 10px rgba(7,29,67,.07);
}

.wistia_responsive_wrapper iframe{
  display: inline-block;
  bottom: 0;
  margin: auto;
  right: 0;
}

.wistia_responsive_wrapper .w-focus-outline{
  box-shadow: none !important;
}
.mobile-device img, .mobile-device video, .mobile-device iframe{
  position: relative;
  margin: 0;
  border-radius: 20px;
}

.mobile-device img,
.mobile-device iframe,
.mobile-device-shadow{
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
}
/* fix for border-radius on iframe
.mobile-device iframe{
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
*/

.mobile-device .mobile-device-container img {
  margin: 0;
}

/* PARALLAX */
.parallax {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  background-color: #0000ff;
}
.parallax img {
	border-radius: 50%;
} 
.parallax h2 {
  font-size: 45px;
  line-height: 1.3;
}
.parallax h1 {
  line-height: 1.4;
}
.parallax p {
  color: #fff;
  font-size: 18px;
}
.parallax .stat-number,
.parallax .stat-text {
  color: #FFF;
}
.btn-nav a {
  opacity: .7;
  border: 1px solid;
  width: 50px!important;
  height: 50px!important;
  border-radius: 50%;
  padding: 10px;
  text-decoration: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 0;
  display: flex!important;
  align-items: center;
  justify-content: center;
  color: #FFF;
}
.btn-nav i:before {
  font-size: 24px;
}
.btn-nav-right a {
  right: 20px;
}
.btn-nav-left a {
  left: 20px;
}

/* PRICING */
.addon {
  text-align: center;
}
.addon-image {
  position: relative;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  background: #a6cafc;
}
.addon-image img{
  width: 144px;
  -o-object-fit: contain;
  object-fit: contain;
  height: 144px;
}
.addon-prices .row-fluid {
  display: flex!important;
}
.offer-detail {
	padding-left: 32px;
}
.offer-detail > div {
  margin-bottom: 16px;
}
.offer-detail h1 {
  font-size: 42px;
  font-weight: 500;
  margin: 0;
}
.offer-detail h2 {
  margin-bottom: 8px;
  font-size: 24px;
}
.offers td {
  padding-right: 16px;
  vertical-align: top;
}
.offers td:last-child {
  padding-right: 0;
}
.offers ul {
  list-style: none;
  padding-left:0;
  display: inline-block;
}
.offers ul li {
	position: relative;
  padding-left: 24px;
  margin-bottom: 16px;
  font-size: 16px;
}
.offers ul li:last-child {
  margin-bottom: 0;
}
.offers ul li i{
  position: absolute;
  left: 0;
  font-size: 18px;
  color: #8592a8;
  width: 18px;
  height: 18px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-block;
}
.offers ul li.activated i{
  color: #0000ff;
  font-weight: 700;
}
.offers .fa-dollar-sign {
  position: relative;
  color: #8592a8!important;
  font-size: 14px;
}
.price {
  border-radius: 20px;
  border: 1px solid #c0c7d2;
  margin: 0 0 16px 0;
  overflow: hidden;
  background: #fff;
}
.price video {
  max-width: 100%;
}
.price h2,
.headline h2{
  padding: 0 20px 20px;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}
.price h4 {  
  padding: 20px 20px 0;
  font-weight: 400;
  font-size: 20px!important;
  color: #000000;
  margin-top: 0;
}
.price i {
  color: #8592a8;
}
.price.selected i, .price.selected p, .price.selected h4, .price.selected h2 {
  color: #0000ff;
}
.price.selected i {
  font-weight: 700;
}
.price.selected {
  border: 1px solid #0000ff;
  background: #e8f2ff;
}
.price.popular {
  box-shadow: 0 5px 45px 5px rgba(0, 0, 0, 0.13);
  position: relative;
}
.price.popular::before {
  content: "Most Popular";
  position: absolute;
  top: 0;
  color: #fff;
  display: inline-block;
  background: #0000ff;
  padding: 10px 30px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 12px;
  transform: translate(-50%,-50%)
}
.price p {
  color: #8592a8;  
  font-size: 16px;
  margin: 10px;
}
.pricing-range {
	display: block;
  background: #c0c7d2;
  height: 6px;
  width: 100%;
  border-radius: 3px;
  margin-bottom: 30px;
}
.total {
  border-top: 1px solid #c0c7d2;
  border-bottom: 1px solid #c0c7d2;
  padding: 20px 0;
  margin-bottom: 30px;
}
.total-cta {
  padding: 20px 0;
}
.headline video {
  width: 100%;
  max-width: 200px;
  border-radius: 20px;
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
}

/* PARTNERS */


@media screen and (min-width:768px) {
  #hero-integration {
    padding-bottom: 200px;
    margin-bottom: -200px;
  }
}

.partners-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  gap: 16px 16px;
  margin-bottom: 20px;
}
.partner-featured {
  margin-bottom: 24px;
  position: relative;
}
.partner-featured img {
  margin: 0;
  border-radius:8px;
}
.partner-featured p {
  font-size: 20px;
}
.partner-featured .special-offer {
  right: auto;
  left: 30px;
}
.partner {
  border-radius: 20px;
  border: 1px solid #c0c7d2;  
  box-shadow: 0 4px 10px 0 rgba(133,146,168,.3);
  overflow: hidden;
  max-width: 260px;
  padding: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  margin: 0;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 1;
}
.partner-background {
  position: absolute;
  width: 100%;
  height: 70px;
  top: 0;
  left: 0;
  z-index: -1;
}
.partner h4 {  
  padding: 20px 20px 0;
  font-weight: 500;
  font-size: 18px!important;
  color: #000000;
  margin-top: 0;
}
.partner p {  
  margin-bottom: 40px;
}
.partner .btn-link,
.partner-featured .btn-link{
  display: block;
  text-decoration: underline;
  margin-top: 16px;
}
.partner img {
  max-width: 100px;
  border-radius: 50%;
  border: 1px solid #c0c7d2;
  margin: 0;
}
.partner .btn,
.partner-featured .btn{
  cursor: pointer;
  padding: 8px 24px;
  font-size: 14px;
  color: #2b80f7;
  border: 1px solid #2b80f7;
  outline: none;
  background-color: #fff;
  border-radius: 50px;
  transition: .2s;
}
.partner .btn:hover,
.partner-featured .btn:hover{
  background: #0000ff;
  border-color: #074fb5;
  color: white;
}
.partner .btn {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
#certified-partner {
  position: relative;
}
#certified-partner:before {
  content:'';
  display: block;
  background-image: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase/partners/partner-badge.png');
  position: absolute;
  top: -40px;
  margin: auto;
  right: -720px;
  left: 0;
  width: 200px;
  height: 200px;
  background-size: 100%;
  opacity: 0.5;
}
@media screen and (max-width:768px) {
  .partners-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .partner p {
    display: none;
  }
}
@media screen and (max-width:520px) {
  .partners-list {
    grid-template-columns: repeat(2, 1fr);
  }
  #certified-partner:before {
    position: relative;
    top: 0;
    width: 150px;
    height: 150px;
  }
}
/* TESTIMONIALS */

.wcs .wcs-author:before {
  content: '';
  width: 130px;
  height: 130px;
  position: absolute;
  background-image: url(https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase/circle-sm.svg);
  left: -15px;
  top: 1px;
  margin: auto;
  background-size: 100%;
}
.wcs .wcs-testi1-section {
  color: #000000;
}
.wcs .wcs-author {
  position: relative;
	display: flex;
  flex-direction: column;
  min-width: 30%;
  margin-right: 60px;
  font-size: 18px;
}
.wcs-advanced .wcs-author {
  flex-direction: row;
  margin-right: 0;
  align-items: center;
  margin-top: 40px;
}
.wcs .wcs-logo {
  max-height: 80px;
  max-width: 140px;
}
.wcs-advanced .wcs-logo {
  margin-bottom: 40px;
  margin-top: 0;
}
.wcs .wcs-stat {
  text-align: center;
  min-width: 280px;
}
.wcs-advanced p {
  margin: 0;
}
.wcs-advanced {
  position: relative;
}
.wcs .wcs-stat .stat-number {
  color: white;
}
.wcs-advanced .wcs-testi1-slide {
  padding: 60px;
}
.wcs-advanced .wcs-overlay {
  background-color: #cbe300;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.wcs-advanced .wcs-overlay img {
  object-fit: cover;
  opacity: 0.2!important;
  margin: 0;
  width: 100%;
  height: 100%;
}
.wcs-advanced .wcs-visual {
 min-width: 360px;
}
.wcs-advanced .wcs-author-quote {
  padding-left: 60px;
}
.wcs-advanced .btn-primary {
  margin-top: 16px;
}
.wcs-advanced .slick-dotted.slick-slider {
  margin: 0 auto!important;
  padding: 0!important;
}
.wcs .wcs-testi1-slide .wcs-author-headshot,
.wcs .wcs-slide .wcs-author-headshot{
  max-width: 100px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.wcs-advanced .wcs-author-headshot{
  margin-right: 20px;
}
.wcs .slick-slide {
  font-size: 28px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  text-align: left!important;
  padding: 40px 40px 20px;
  justify-content: center;
  position: relative;
}
.wcs-advanced .wcs-page-center {
  margin: 0 auto !important;
  float: none !important;
  width: 100vw!important;
}
@media screen and (min-width:768px) {
  .wcs-advanced .slick-track {
    height: 700px;
  }
}
@media screen and (max-width:767px) {
  .wcs .wcs-author:before {
      width: 80px;
      height: 80px;
  }
  .wcs .wcs-testi1-slide .wcs-author-headshot, .wcs .wcs-slide .wcs-author-headshot {
    max-width: 50px;
    width: 50px;
    height: 50px;
  }
  .wcs-advanced .slick-track {
    height: 500px;
  }
  .wcs-advanced .slick-slide {
    justify-content: flex-start;
    padding: 40px 20px 20px;
  }
  .wcs-advanced .wcs-author {
    margin-top: 20px;
  }
}
.wcs-advanced .slick-dots {
  margin-bottom: 20px;
}
.wcs-advanced .slick-slide .container{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-items: center;
  padding: 0 40px;  
  margin: 0!important;
  max-width: 1400px;
  color: #FFFFFF;
}
.wcs-advanced .wcs-testi1-slider.slick-initialized.slick-slider.slick-dotted {
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.wcs-advanced .slick-dots li button:before {
    font-size: 15px !important;
}
.wcs .wcs-testi1-slide h1, .wcs .wcs-testi1-slide h2, .wcs .wcs-testi1-slide h3, .wcs .wcs-testi1-slide h4 {
  font-weight: 500;
  margin: 0;
  font-family: mona_sansbold,sans-serif;
}
.wcs .wcs-testi1-slide h1 {
	font-size: 52px;
}
.hs-testimonial-slider {
  background:  #ffe900;
  color: #000000;
}
.hs-testimonial blockquote {
  color: #8592a8;
  font-size: 28px;
  padding: 40px;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 45px 5px rgba(0, 0, 0, 0.13);
  box-shadow: 0 5px 45px 5px rgba(0, 0, 0, 0.13);
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    background: transparent;
    border: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    outline: none;
}
.slick-dots li button:before {  
  content:'';
  background: #000000;
  border: 2px solid #FFF;
  border-radius: 50%;
  display: block;
  width: 15px;
  height: 15px;
  opacity: .25;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
}
/* fix 404 */
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

.slick-loading .slick-list {
  background: none!important;
}

/* SOLUTION */
.solution-top-video {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 40px 60px -40px rgba(7,29,67,.3), 0 10px 25px 10px rgba(7,29,67,.07);
}
#hero-solution {    
    padding-top: 120px;
  }
#hero-solution h1 {
  font-size: 42px;
  margin-top: 0;
}
#hero-demo h1{
  font-size: 62px;
  line-height: 1;
}
#hero-demo strong {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 34px;
  line-height: 1em;
  font-family: 'mona_sans_condensedbold', sans-serif;
  color: #2b80f7;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 10px;
  display: inline-block;
}
#hero-solution p {
  font-size: 22px;
}
#studio .hs-tabs__nav {
  margin-bottom: 40px;
}
#studio .hs-tabs__item {
    margin-bottom: 20px;
}
#studio .hs-tabs__nav, #price-offers .hs-tabs__nav {
  display: flex!important;
  align-items: stretch;
  justify-content: center;
}
#experience .hs-tabs, 
#price-offers .hs-tabs {
  display: flex!important;
}
#experience .hs-tabs__nav, 
#price-offers .hs-tabs__nav {
  display: flex!important;
  flex-direction: column;
  justify-content: center;
  max-width: 280px;
  width: 100%;
  margin-right: 20px;
}
/* Pricing */
.special-offer {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #ffe900;
  text-transform: uppercase;
  font-family: 'mona_sans_condensedbold', sans-serif;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: .5px;
  padding: 4px 12px;
  border-radius: 16px;
}
#price-offers .special-offer {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  vertical-align: middle;
}
#pricing-lite .row-fluid {
  display: flex;
}
#pricing-lite ul {
  margin-bottom: 0;
}
.offerlite-header {
  margin-bottom: 16px;
}
.offerlite-header p{
  line-height: 1;
  margin: 0;
}
.offerlite-name{
  font-size: 24px;
  margin-right: 0;
  color: #0000ff;
  margin-bottom: 8px;
}
.offerlite-price{
  font-weight: 500;
  font-size: 28px;
}
.offerlite-price em {
  display: block;
  color: #8592a8;
  font-weight: 400;
  font-size: 12px;
}

#price-offers {
  position: relative;
}
#price-offers .section {
  padding: 80px 0 0 0;
}
#price-offers .hs-tabs__nav {
  max-width: none;
  justify-content: flex-start;
  width: 31.623931624%;
  margin-right: 0;
}
#price-offers .hs-tabs__item--active {
  width: 65.81196581200001%;
  margin-left: 2.564102564%;
}
#studio .hs-tabs__nav li{
  flex: 1;
}
#studio .hs-tabs__nav li a, 
#experience .hs-tabs__nav li a, 
#price-offers .hs-tabs__nav li:not(:last-child) a{
  border: 1px solid #c0c7d2;
  font-size: 16px;
  background: #FFF;
  border-radius: 10px;
  padding: 16px 16px 16px 48px;
  margin-right: 16px;
  position: relative;
  display: flex!important;
  align-items: center;
  text-align: left;
  min-height: 80px!important;
  box-sizing: border-box;
  height: 100%;
}
#studio .hs-tabs__nav li, 
#experience .hs-tabs__nav li, 
#price-offers .hs-tabs__nav li:not(:last-child){
  margin-bottom: 16px;
}
#price-offers .hs-tabs__nav li:not(:last-child) a{
  font-size: 24px;
  margin-right: 0;
}
#price-offers .hs-tabs__nav li:last-child {
  pointer-events: none;
}
#studio .hs-tabs__nav li:last-child a{
  margin-right: 0;
}
#studio .hs-tabs__nav li a.hs-tabs__navitem--active, 
#experience .hs-tabs__nav li a.hs-tabs__navitem--active,
#price-offers .hs-tabs__nav li:not(:last-child) a.hs-tabs__navitem--active{
  border-color: #2b80f7;
  background: #e8f2ff;
  color: #2b80f7;
}
#studio .hs-tabs__nav li a:before, 
#experience .hs-tabs__nav li a:before,
#price-offers .hs-tabs__nav li:not(:last-child) a:before {
  content:'1';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  display: flex;
  align-items: center;
  color: #8592a8;
  font-weight: 400;
  font-size: 34px;
  font-family: 'mona_sans_condensedbold', sans-serif;
  color: #2b80f7;
  font-weight: 500;
}
#price-offers .hs-tabs__nav li:not(:last-child) a:before {
  font-weight: 400;
}
#studio .hs-tabs__nav li:nth-child(2) a:before, #experience .hs-tabs__nav li:nth-child(2) a:before{
  content:'2';
}
#studio .hs-tabs__nav li:nth-child(3) a:before, #experience .hs-tabs__nav li:nth-child(3) a:before{
  content:'3';
}
#studio .hs-tabs__nav li:nth-child(4) a:before, #experience .hs-tabs__nav li:nth-child(4) a:before{
  content:'4';
}
#price-offers .hs-tabs__nav li:not(:last-child) a:before {
	content: "\f111";
  font-family: Font Awesome\ 5 Free;
  font-size: 24px;
  color: #8592a8;
}
#price-offers .hs-tabs__nav li:not(:last-child) .hs-tabs__navitem--active:before {
	content: "\f058";
  color: #0000ff;
  font-weight: 700;
}
#price-offers .price-number {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
#price-offers .price-number em {
  display: block;
  color: #0000ff;
  font-weight: 400;
  font-size: 12px;
}

/* RESOURCES */

.iframe-169 {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 16/9!important;
  border-radius: 20px;
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
}

.studies-menu {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}

/* CLIENTS */

.resources {
  text-align: center;
}
.clients {
	margin-bottom: 20px;
}
.client {
  transition: transform .5s cubic-bezier(.19,1,.22,1);
  min-height: 300px!important;
  background-size: cover;
  position: relative;
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
  border-radius: 20px;
  overflow: hidden;
}

.client:hover {
    transform: translateY(-10px);
}

.client .logo img {
  transition: all .5s cubic-bezier(.19,1,.22,1);
  width: auto!important;
  max-width: 200px;
  height: auto!important;
  max-height: 150px;
  margin: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.client:hover .logo img {
  transform: translateY(-60px) scale(.8);
}

.client .text {
  transition: opacity .5s cubic-bezier(.19,1,.22,1);
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 24px;
  opacity: 0;
  color: #FFF;
}

.client .text a {
  color: #FFF;
  border-bottom:1px solid currentColor;
}

.client .text p {
  color: #FFF;
}

#warner.client .text p, #warner.client .text a{
  color: #000000;
}

.client:hover .text {
    opacity: 1;
}
.client:before {
    transition: opacity .2s;
    content: "";
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.client:hover:before {
    opacity: .9;
}
#cocacola.client:before {
  background: #F40000;
}
#bnp.client:before {
  background: #28c3a9;
}
#asroma.client:before {
    background: #990a2c;
}
#redbull.client:before {
    background: #001e3c;
}
#om.client:before {
    background: #0c4c8a;
}
#warner.client:before {
    background: #f7ca2c;
}
#vinci.client:before {
    background: #274686;
}
.client-hero {
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding-top: 110px;
}
.client-hero .logo img {
  margin: 0 40px 20px 0;
  width: auto!important;
  height: auto!important;
  max-width: 160px!important;
  max-height: 80px;
  vertical-align: middle;
}
.client-hero .logo img:last-child {
  margin-right: 0;
}

/* TEAM */
.team {
  text-align: center;
}
.team img {
  max-width: 100px;
  border-radius: 50%;
}
.team h4 {
  color: #0000ff;
}
.team p {
  font-size: 14px;
  color: #8592a8;
}

/* CTA */
.cta {
  background: #ffe900;
}
.cta p {
  font-size: 22px;
}
.cta-text {
  font-family: mona_sans_expandedbold,sans-serif;
  font-size: 52px;
}

/* TEXT */
.text p {
  color: #8592a8;
}
.text table {
  width: 100%;
  border: 1px solid #c4d5e9;
  border-radius: 4px;
  margin: 2rem 0;
}
.text table th {
  border: 1px solid #c4d5e9;
  padding: 10px;
}
.text table td {
  border: 1px solid #c4d5e9;
  padding: 10px;
}
/* CONTACT */
.contact-hero {
  background-image: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Showcase/contact-team.jpg');
	background-attachment: initial;
  background-size: cover;
  color: #FFF;
}
.contact-hero .overlay{
  background-color: rgba(255, 233, 0, 0.9);
}

/* DEMO */
.demo-hero {
  background-size: 60%;
  background-position: left center;
  position: relative;
}
.demo-hero .overlay:before {
  content:'';
  background: #ffe900;
  position:absolute;
  top: 0;
  width: 140%;
  height: 100%;
  left: 50%;
  transform: skew(-10deg,0deg);
  z-index: 0;
  pointer-events: none;
}
.demo-hero .overlay {
  background: transparent;
}
.demo-hero .hero-text {
  transform: translateX(0);
}
.meetings-container iframe{
    margin: 0 20px;
    border-radius: 20px;
}

/* EXAMPLE */
.example-iframe iframe {
	border: 0;
  width: 100%;
  height: 760px!important;
  margin-top: 50px;
}

/* FEATURES */

.arrow-right {
	position: relative;
  padding-right: 60px;
}
.arrow-right:after {
  content: "\f054";
  font-family: Font Awesome\ 5 Free;
  pointer-events: none;
  font-weight: 600;
  opacity: 0.3;
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
}
.nav-tabs {
  padding-top: 80px;
  display: inline-block!important;
	width: auto!important;
  float: none!important;
}
.nav-tabs i {
  color: #0000ff;
  font-size: 52px;
}
.nav-tabs a {
  color: #000000;
  font-weight: 500;
}
.nav-tabs .span3 {
	width: auto;
  margin: 0;
}
.nav-tabs .span3.selected a {
	color: #2b80f7;
  padding: 8px 0;
  box-shadow: inset 0 -1px 0 0 #2b80f7;
}
.features-highlight h2{
  font-size: 40px;
  line-height: 1.3;
}
.features-highlight p {
  font-size: 18px;
}
.features-highlight .highlight{
  margin-bottom: 40px;
}
.highlight-left-img img {
  width: 780px!important;
  border-width: 0px;
  border: 0px;
  position: absolute;
  right: 40px;
  max-width: 1000px;
  top: 50%;
  transform: translateY(-50%);
}
#features-studio .highlight-left-img {
	min-height: 420px;
}
.features-list h3 {
  margin-bottom: 8px;
}
.features-list p {
  font-size: 14px;
  margin-top: 0;
}
.features-list i {
  font-size: 26px;
  color: #0000ff;
  margin-top: 20px;
}
#headlines-examples {
  text-align: center;
  margin: 20px 0 -60px;
  width: 1600px;
  float: none;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
}
#headlines-examples video {
  width: 100%;
  height: auto;
	max-width: 180px;
  position:relative;
  margin-bottom: 20px;
  box-shadow: 0 30px 50px -30px rgba(0,0,0,.3), 0 0px 25px 10px rgba(0,0,0,.2);
  border-radius: 20px;
}
#headlines-examples .rowvideo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#headlines-examples .rowvideo video:first-child,
#headlines-examples .rowvideo video:nth-child(5),
#headlines-examples .rowvideo video:nth-child(9){
  top: -60px;
}
#headlines-examples .rowvideo video:nth-child(3),
#headlines-examples .rowvideo video:nth-child(7){
  top: -30px;
}
.brick-examples {
	min-height:660px!important;
}
.brick-examples img{
	max-width: 160px;
}
.brick-examples .rowbrick {
	position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 40px;
  width: 920px;
  height: 330px;
}
.brick-examples .rowbrick1 {
  top: -330px;
}
.brick-examples .rowbrick2 {
	top: 330px;
  right: 80px;
}
.brick-examples .brick{
  position: relative;
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
}
.brick-examples .brick h5 {
  text-align: center;
  margin-top: 8px;
}
/* FOOTER */
#footer {
  padding: 80px 40px;
  background: #000066;
  color: #fff;
}
#footer h3 {
  font-family: 'mona_sansbold', sans-serif;
  margin-top: 6px;
}
#footer a {
  color: #fff;
}
#footer p {
  margin: 10px 0 0;
}
#footer .text-xsmall {
  margin-top: 32px;
}
#footer .widget-type-logo img{
 	width: 100%!important;
  max-width: 160px!important;
  margin: 0;
}
#footer .phone {
  font-size: 20px;
  font-weight: 400;
  border: 2px solid;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  justify-content: center;
  margin-top: 5px;
}
#footer-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer-bottom .footer-social {
  opacity: 0.6;
  margin-left: 10px;
}
#footer-bottom-v2 .row-fluid-wrapper .row-fluid {
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(255,255,255,0.4);
  margin-top: 32px;
  padding-top: 16px;
  flex-wrap: wrap;
}
#footer-bottom-v2 .footer-bottom-right > div > span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#footer-bottom-v2 .footer-bottom-right a img {
  opacity: 0.6;
}
#footer-bottom-v2 .footer-bottom-right a img:hover {
  opacity: 1;
}
#footer-bottom-v2 .footer-bottom-left > div > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#footer-bottom-v2 .footer-bottom-left > div > span div {
  margin-right: 32px;
}
#footer-bottom-v2 .footer-bottom-left img {
  width: 100px;
}
#footer-bottom-v2 .footer-bottom-right img{
  margin-left: 8px;
  max-width: 22px;
  max-height: 22px;
}
#footer-bottom-v2  .phone {
  font-size: inherit;
  font-weight: inherit;
  border: 0;
  padding: 0;
  margin: 0;
}
#footer-bottom-v2  .phone a {
  color: #ffe900;
  font-weight: 500;
}
#footer-bottom-v2  .phone  i {
    font-size: 0.8em;
}
.footer-tagline {
  font-size: 14px;
  font-style: italic;
  padding-top: 10px;
}

@media (max-width: 767px) {
  #footer .footer-links {
    width: 50%;
    float: left;
  }
}
/* TOOLTIP */
a.tooltip-theme-arrows {
  font-weight: inherit;
  color: inherit;
  background-image: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);
  background-position: 0 bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.tooltip-element {
	font-size: 14px;
}
.tooltip-element .tooltip-content {
	max-width: 300px;
  background: #000066!important;
  border-radius: 20px!important;
}

.globe_class {
  background-image: none;
  width: 28px;
  height: 26px;
}
.globe_class:hover .lang_list_class {
    display: flex!important;
    flex-direction: column-reverse;
}
.globe_class:before {
  content: "\f57d";
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  top: 0;
  font-size: 20px;
  color: #000000;
}
.lang_list_class:after,
.lang_list_class:before {
	display:none;
}
.lang_list_class {
	opacity: 0;  
  transform: translate(-50%, -10px);
  display: block;
  visibility: hidden;
  background: #FFF;
  text-align: left;
  box-shadow: 0 2px 5px rgba(70,70,70,.15);
  border-radius: 8px;
  border: 1px solid #c0c7d2;
  padding: 0;
}
.globe_class:hover .lang_list_class {
  opacity: 1;
  transition: all 0.4s;
  transform: translate(-50%, 10px);
  visibility: visible;
  padding: 8px;
}
.lang_list_class li:last-child,
.lang_list_class li:first-child {
	border: 0;
  padding: 8px;
}
.lang_list_class li a {
  color: #000000!important;
  font-size: 16px;
}

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


/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
  .custom-menu-primary .hs-menu-wrapper { 
    display:block !important;
  }
}
.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}
@media (max-width: 767px){
  /* Menu Reset
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

 
  #navbar.custom-menu-primary .hs-menu-wrapper > ul,
  #navbar.custom-menu-primary .hs-menu-wrapper > ul li {
    display: block;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
  }
  
  #navbar .navbar-menu {
    border-bottom: 1px solid #c0c7d2;
    box-shadow: none;
  }
  
  #navbar.custom-menu-primary .hs-menu-wrapper > ul li:not(:first-child).hs-menu-depth-1 {
    border-bottom: 1px solid #c0c7d2;
  }

  /* Toggle Button */
  .mobile-trigger{
    z-index: 2;
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */    
    width: auto; /* Button width */
    height: auto; /* Button height */
  }
  #navbar .mobile-trigger i{
    font-size: 24px;
    margin-left: 0;
    position: absolute;
    right: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 24px;
  }
  #navbar> .row-fluid-wrapper{
    width: 100%;
    background: #FFF;
    box-shadow: 0 -1px 0 #c0c7d2 inset;
  }
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) > .hs-menu-children-wrapper > li .child-trigger,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(3) > .hs-menu-children-wrapper > li:last-child,
  .navbar-tabs .hs-menu-wrapper > ul > li:nth-child(4) > .hs-menu-children-wrapper > li .child-trigger{
    display: none!important;
  }
  
  /* Change button when menu is open */
  .mobile-open .mobile-trigger i:before{    
    content: "\f00d";
  }
  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    display: none;
  }
  /*
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }*/


  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0;
    height: 100vh;
    background: #FFF;
    z-index: -1;
    width: 100%;    
    padding: 80px 20px 20px;
  }
  
   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  
  .hs-menu-wrapper * {
    display: inherit;
    width: auto!important;
	}
}
/* RESPONSIVE STYLES */

@media (min-width: 768px) {
	.show-mobile-only {
    display: none!important;
  }
}
@media (max-width: 767px) {
  
  .middle {
    display: block !important;
  }
  .logo-banner-hero {
    margin-bottom: 40px;
  }
  .more-features .feature-icons {
    padding-left: 0;
    margin-top: 80px;
	}
  .more-features-detail p {
  	display: none;
  }
  .more-features2 {
    border: 0;
    background: transparent;
  }  
  .more-features2 .hs-tabs__nav {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    padding-left: 0;
  }
  .more-features2 .hs-tabs__navitem {
    padding: 0;
    margin: 2px 10px;
  }
  #pricing-lite .row-fluid,
  .addon-prices .row-fluid {
    flex-direction: column;
  }
  #pricing-lite .bloc {
    margin: 16px;
  }
  #pricing-lite .offers {
    display: none;
  }
  .row-fluid .span6,
  .row-fluid .span12 {
    width: 100%;
  }
  #home.hero {
    padding-top: 20px;
	}
  .solution-top-video {
    display: block!important;
    margin-top: 20px;
  }
  #hero-solution,
  .section.client-hero {    
    padding-top: 100px;
  }
  .hidden-mobile {
    display: none!important;
  }
  .container, .container-xlarge, .container-large, .container-medium, .container-small {
    padding: 0 20px;
  }
  .hero .container, .hero .container-large, .hero .container-small, .container-large .container, .container-large .container-smal  {
    padding: 0;
  }
  .section {
    padding: 30px 0;
  }
  #footer {
    padding: 30px 0;
  }
  #footer-bottom-v2 .row-fluid-wrapper .row-fluid,
  #footer-bottom-v2 .footer-bottom-left > div > span{
    justify-content: center;
  }
  #footer-bottom-v2 .footer-bottom-left > div > span div {
    margin: 0 16px;
  }
  
  .paddingtop-xl {
    padding-top: 40px;
  }
  .marginbottom-lg {
    margin-bottom: 30px;
  }
  .margintop-lg {
    margin-top: 30px;
  }
  .marginbottom-md {
    margin-bottom: 20px;
  }  
  .margintop-md {
    margin-top: 20px;
  }
  .text-left {
    text-align: center;
  }
  .clients {
    margin-bottom: 0;
  }
  .clients .client {
    margin-bottom: 40px;
  }
  .heading {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .heading-xxl, 
  .more-info .heading-xxl,
  .home-top h1,
  .page-about-top h1{
    font-size: 40px;
  }
  .more-info h2,
  .more-info-bigimage h2, 
  .features-highlight h2,
  .heading-h1 h1{
    font-size: 30px;
  } 
  .more-features h2,
  .parallax h2,
  #hero-solution h1 {
    font-size: 26px;
  }
  .more-info-bigimage h3,
  .more-info h3,
  .heading-h2,
  .quote-text h3,
  .quote-text {
    font-size: 26px;
  }
  .quote-text, .quote-text h3 {
    margin-top: 20px;
  }
  .more-info h4,
  .more-info-bigimage h4,
  .heading-h4 {
    font-size: 20px;
  }
  
  #hero-solution h1 {
    text-align: center;
  }
  .parallax h1 {
    font-size: 22px;
  }
  #hero-solution p,
  #operator .text-right,
  .hero p {
    text-align: center;
    font-size: 18px;
  }
  .more-info-bigimage .mobile-device img,
  .more-info-bigvideo {
    max-width: 100%!important;
    margin: 20px 0!important;
    height: auto;
    border-radius: 20px!important;
    align-self: center;
  }
  .more-info-iframe,
  #fastory-story-iframe{
    max-width: 200px;
    max-height: 356px;
    margin: 20px auto!important;
  }
  
  .parallax {
    background-position: right center;
    text-align: center;
  }
  .hero .overlay,
  .hero-sm .overlay {
    padding: 80px 20px 40px;
  }
  /* home */  
  #solution-v2,
  #solution-music-hero {
    padding-top: 60px
  } 
  #home h1,
  #solution-v2 h1,
  #home.home-alternate.hero h1,
  .hero h1, 
  .cta h1,
  #solution-v2 h1, 
  #solution-music-hero h1{
    font-size: 36px;
    margin: 0;
  }
  .home-top h2,
  .page-about-top h2{
    font-size: 22px;
  }
  #solution-v2 p{
    font-size: 18px;
  }
  #before-after-section {
    padding: 30px 20px;
    overflow: hidden;
  }
  .before-after {
    top: 0;
  }
  .before-after .before,
  .before-after .after{
    width: 50%!important;
    display: inline-block!important;
    vertical-align: top;
  }
  .before-after-title {
    text-align: center;
  }
  .before-after-title p {
    font-size: 16px;
  }
  .logo-banner img {
    max-height: 40px;    
    margin: 0 10px 20px;
  }  
  #main-quote {
    padding-top: 0;
  }
  #main-quote .overlay {
    padding-top: 40px;
  }
  #main-quote .home-text-quote i {
    position: relative;
    top: -5px;
    margin-top: 40px;
    left: 0;
    display: block;
  }
  #main-quote .home-text {
    padding: 0;
  }
  #main-quote .home-text-quote h5 {
    font-size: 16px;
  }
  #main-quote .overlay:after {
    background-image: url(https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/quote-soge_sm.png);
    width: 180px;
    right: -10px;
    height: 250px;
    bottom: 0;
    top: auto;
    left: auto;
  }
  #main-quote.main-quote-sponsor .overlay:after{
    background-image: url('https://3040005.fs1.hubspotusercontent-na1.net/hubfs/3040005/Case%20studies/quotes/quote-unibet.png');
  }
  #main-quote .home-text-quote {
    position: relative;
    font-size: 16px;
    line-height: 1.3;
    max-width: 60%;
  }
  #home.hero p, #main-quote p {
    font-size: 18px;
  }
  #main-quote p {
    margin: auto;
  }
  #home.home-alternate.hero h1 {
    text-align: center;
  }
  #more-info {
  	text-align: center;
  }
 .more-features .hs-tabs__item {
   	text-align: center; 
  }
  #flow3 {
    margin-top: 20px;
  }
  .case-study .mobile-device .span3,
  #contest .span2,
  #flow3 .span2{
    width: 50%;
    padding: 0 8px;
    float: left;
  }
  .case-study .mobile-device tr td:nth-child(3),
  .case-study .mobile-device tr td:nth-child(4){
  	display: none!important;
  }
  #operator .span4 {
    width: 100%;
    text-align: center;
  }
  #operator .span4.mobile-device .row-fluid-wrapper {
    width: 50%;
    margin: auto;
  }
  .case-study .stat-number {
    font-size: 54px;
  }
  .case-study .hs-tabs__navitem, 
  .case-study .hs-tabs__navitem:not(.hs-tabs__navitem--active) {
    width: 50px;
  }
  #flow1:after, #flow2:after, .flow3-2:after, #flow1:before,
  #flow1 ul {
    display: none;
  }
  .news-bloc:not(.news-bloc-highlight) {
    margin: 0 auto 20px!important;
    max-width: 200px;
    width: 100%;
  }
  .news-bloc-wrapper .row-fluid {
    flex-direction: column;
  }
  .news-bloc-highlight {
    padding: 24px 16px;
  }
  .news-bloc-text-name {
    text-align: left;
  }
  .news-bloc-highlight .news-bloc-text {
    padding: 0 0 24px 0;
  }
  .news-bloc-highlight h1,
  .news-bloc-text h3{
    font-size: 1.17em;
  }
  /* demo page */
  #hero-demo .container {
    padding: 20px 0 0;
  }
  #hero-demo h1 {
    font-size: 52px;
  }
  form {
  	margin: 20px 0;
    padding: 20px;
  }
  .demo-hero {
    background-size: cover;
    text-align: center;
  }
  .demo-hero .overlay:before {
    width: 100%;
    left: 0;
    transform: none;
    opacity: 0.8;
	}
  /* Features */
  .arrow-right {
    padding: 0 5px 20px 5px;
  }
  .arrow-right:after {
    display: none;
  }
  .features-highlight h2,
  .features-highlight h3,
  .features-highlight p {
    text-align: center;
  }  
  #features-studio .highlight-left-img {
    min-height: 0;
  }
  .highlight-left-img img  {
    width: 100%!important;
    right: 0;
    top: 0;
    position: relative;
    transform: none;
  }
  #headlines-examples {    
    width: 100%;
    transform: none;
    left: 0;
  }
  #headlines-examples .rowvideo {
    flex-wrap: wrap;
    justify-content: center;
  }
  #headlines-examples video {
    max-width: 120px;
    top: 0!important;
    margin: 0 10px 20px;
  }  
  #headlines-examples video:first-child,
  #headlines-examples video:last-child {
    display: none;
  }
  .features-list p {
    display: none;
  }
  .features-list .span6 {
    width: 50%;
    float: left;
  }
  .features-list .span4 {
    width: 33%;
    float: left;
  }
  /* Pricing */
  #price-offers .hs-tabs {
    display: block!important;
	}
  #studio .hs-tabs__nav li a,
  #experience .hs-tabs__nav li a{
    text-align: left;
    font-size: 12px;
    padding: 0;
    margin: 4px;
    background: transparent;
    border-width: 0 0 2px 0;
    border-radius: 0;
	}
  #studio .hs-tabs__nav li a.hs-tabs__navitem--active, 
  #experience .hs-tabs__nav li a.hs-tabs__navitem--active, 
  #price-offers .hs-tabs__nav li:not(:last-child) a.hs-tabs__navitem--active {
    background: transparent;
  }
  #studio .hs-tabs__nav li a:before, 
  #experience .hs-tabs__nav li a:before {
    display: none;
  }
  #experience .hs-tabs__nav, #price-offers .hs-tabs__nav {
    flex-direction: row;
    max-width: 100%;
    margin-right: 0;
    width: 100%;
	}
  #price-offers .hs-tabs__nav {
    flex-direction: column;
	}
  #price-offers .hs-tabs__item--active {
    width: 100%;
    margin-left: 0;
	}
  .steps-offer-info {
    position: relative;
    top: 0;
    max-width: 100%;    
	}
  #experience .hs-tabs {
  	flex-direction: column;
  }
  #experience .hs-tabs__nav li {
  	flex: 1;
  }
  .offer-detail {
    padding-left: 0;
	}
  .offer-detail h1 {
    font-size: 24px;
  }
  .offers td {
    padding-right: 8px;  
  }
  .offers ul li {
    font-size: 12px;
	}
  .total [class*="span"]{
   	float: left;
    width: 50%; 
  }
  .more-features .hs-tabs__navitem:after {
    display: none;
	}
  .wcs .slick-slide {
    font-size: 16px;
    flex-direction: column;    
    align-items: center;
    text-align: center!important;
	}
  .wcs .wcs-testi1-slide h1,
  .wcs .wcs-testi1-slide h3,
  .wcs .wcs-testi1-slide h2 {
    font-size: 18px;
    text-align: center;
  }
  .wcs .wcs-testi1-slider.slick-initialized.slick-slider.slick-dotted {
    max-height: 100%;
  }
  .wcs .wcs-author {
    margin-right: 0;
    align-items: center;
  }
  .wcs .wcs-author:before {
    left: 0;
    right: 0;
  }
  .wcs-advanced .wcs-visual,
  .wcs-advanced .wcs-stat{
    display: none;
  }
  .wcs-advanced .wcs-author-quote,
  .wcs-advanced .slick-slide .container{
    padding: 0;
  }
  .wcs-advanced .wcs-logo {
    margin: 0 auto 40px;
  }
  .wcs-advanced .wcs-author {
    flex-direction: column;
  }
  .wcs-advanced .wcs-author-headshot {
    margin-right: 0;
  }
  /* solution */
  #flow2 .span3{
		width: 100%!important;
  }
  #flow2 .bloc{
		max-width: 200px;
    margin: auto;
  }
  #flow2 .text-left {
    text-align:center;
  } 
  #banner-ebook{
    text-align: center;
  }
  #banner-ebook img{
    max-width: 100px!important;
    margin-bottom: 0;
  }
  #notification img {
    margin-bottom: 20px;
  }
  .nav-tabs {
    padding-top: 40px;
  }
  /* case study */
  #success .text-left {
   	text-align: center; 
  } 
  
  .meetings-container iframe{
    margin: 0;
  }
}