@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700,900');

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

/* ==========================================================================
HS COS Boilerplate v1.5.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;}

/* TYPOGRAPHY */



/* SIZING */


/* SPACING */







/* DIVIDERS */






/* GENERAL VARIABLES */



/* HERO */
/* 


 */

/* CSS VARIABLES */
:root {

  /* PADDING */
  --paddingXS: 6px;
  --paddingSM: 8px;
  --paddingMD: 12px;
  --paddingLG: 16px;
  --paddingXL: 24px;
  --paddingXXL: 32px;

  /* MARGIN */
  --marginXS: 6px;
  --marginSM: 8px;
  --marginMD: 12px;
  --marginLG: 16px;
  --marginXL: 24px;
  --marginXXL: 32px;

  /* COLOURS */
  --colorWhite: #FFFFFF;
  --colorDark: #4D4D4D;
  --colorBlue: #204861;
  --colorGreen: #699F75;
  --colorCoral: #CC6844;
  --colorIvory: #FEFBEC;
  --transparentOverlay: rgba(0, 0, 0, 0.05);

  /* GRADIENTS */
  --gradientBlue: linear-gradient(90deg, #3C6A79 0.31%, #1F4760 99.69%);
  --gradientYellowCoral: linear-gradient(90deg, #EAC885 0%, #CC6844 100%);
  --gradientGreen: linear-gradient(107deg, #8BAF7E 0%, #51845A 100.61%);
  --gradientLightGreen: linear-gradient(107deg, #F6F8F1 0%, #DFEBED 100.61%);
  --gradientMagnetAi: linear-gradient(180deg, #E30052 0%, #6840C2 100%);

  /* GENERAL */
  --borderRadius: 20px;
  --maxWidth: 1200px;
  --boxShadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;

  /* TYPOGRAPHY */
  --fontPrimary: Poppins, sans-serif;
  --fontXS: 0.8em;
  --fontSM: 0.9em;
  --fontMD: 1em;
  --fontLG: 1.2em;
  --fontXL: 1.4em;
}


/* GENERAL */
html {
  scroll-behavior : smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.25);
  line-height: 1.6;
  font-weight: normal;
  color: var(--colorDark);
  font-size: 16px;
  font-family: 'Open Sans', Helvetica, Sans-serif;;
  margin: 0 auto;
  list-style: none;
}

a {
  text-decoration: none;
}

.disabled-hover {
  pointer-events: none;
}

.svg-util {
  width: 0;
  height: 0;
}

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

/* COLOURS */
.white {
  color: var(--colorWhite);
  fill: var(--colorWhite);
}
.green {
  color: var(--colorGreen);
  fill: var(--colorGreen);
}
.blue {
  color: var(--colorBlue);
  fill: var(--colorBlue);
}
.coral {
  color: var(--colorCoral);
  fill: var(--colorCoral);
}
.dark {
  color: var(--colorDark);
  fill: var(--colorDark);
}
.ivory {
  color: var(--colorDark);
  fill: var(--colorIvory);
}
.transparent-overlay {
  color: var(--colorWhite);
  fill: var(--transparentOverlay);
}


/* COLOUR PRESETS */
/* Green */
.bg-green {
  background: var(--colorGreen);
  color: var(--colorWhite);
}

/* Blue */
.bg-blue {
  background: var(--colorBlue);
  color: var(--colorWhite);
}

/* White */
.bg-white {
  background: var(--colorWhite);
  color: var(--colorDark);
}

/* Ivory */
.bg-ivory {
  background: var(--colorIvory);
  color: var(--colorDark);
}

/* Transparent */
.bg-none {
  background: none;
  color: var(--colorWhite);
}

/* GRADIENTS */
.bg-gradient-bl {
  background: var(--gradientBlue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-gradient-coral {
  background: var(--gradientYellowCoral);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-gradient-contrast {
  background: var(--gradientYellowCoral);
}
.bg-gradient-green {
  background: var(--gradientGreen);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-gradient-light-green {
  background: var(--gradientLightGreen);
}
.bg-magnet-ai {
  background: var(--gradientMagnetAi);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* ICON SIZES */

.icon.xs {
  width: 16px;
}

.icon.sm {
  width: 24px;
}

.icon.md {
  width: 32px;
}

.icon.lg {
  width: 48px;
}

.icon.xl {
  width: 60px;
}

.icon.xxl {
  width: 90px;
}


/* ALIGNMENT */

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6, p { 
  font-family: var(--fontPrimary);
  margin-top: 0em;
  margin-bottom: 0.4em;
}
h1, h2, h3 {
  font-weight: 600;
}
h1 {
  font-size: 3rem;
  line-height: 1.2em;
}
h2 {
  font-size: 2.4em;
  line-height: 1.1em;
  padding-bottom: 5px;
}
h3 {
  font-size: 2em;
  line-height: 1.1em;
}
h4, h5, h6 {
  font-weight: 400;
}
h4 {
  font-size: 1.6em;
  line-height: 1.2em;
}
h5 {
  font-size: 1.2em;
  line-height: 1.3em;
  color: var(--colorDark);
}
h6 {
  font-size: 1em;
  line-height: 1.4em;
  color: var(--colorDark);
}

.font-xs {
  font-size: var(--fontXS);
}

.font-sm {
  font-size: var(--fontSM);
}

.font-md {
  font-size: var(--fontMD);
}

.font-lg {
  font-size: var(--fontLG);
}

.font-xl {
  font-size: var(--fontXL);
}

.card-description, .card-description p {
  font-family: var(--fontPrimary);
  margin-top: 0em;
  margin-bottom: 0.4em;
  font-size: 1em;
  line-height: 1.6em;
  margin-bottom: 1.3em;
}

@media (max-width: 1200px) {
  h1 {
    font-size: 2.4rem;
  }
  h2 {
    font-size: 2em;
    line-height: 1.1em;
  }
  h3 {
    font-size: 1.6em;
    line-height: 1.1em;
  }
  h4 {
    font-size: 1.4em;
    line-height: 1.1em;
  }
  h5 {
    font-size: 1.1em;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }
}

.heading {  
  font-family: 'Montserrat', Helvetica, Sans-serif;; 
}
*/


/* BUTTONS */

/* Default button reset */

button {
  border-radius: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  cursor: pointer;
  margin: 0;
  padding: var(--paddingMD) var(--paddingXL);
  font-weight: 500;
  height: 50px;
  width: fit-content;
}

button a {
  font-family: var(--fontPrimary);
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.03em;
}


/* Primary Button */

button.primary,
.primary {
  height: 50px;
  margin-top: 10px;
  border-radius: 50px;
  align-items: center;
  color: var(--colorWhite);
  background: var(--gradientGreen);
  border: 2px solid var(--colorGreen);
  font-weight: 700;
  padding: 5px 15px;
  cursor: pointer;
}

button.primary::after,
.primary::after {
  content: none;
}
button.primary a,
.primary a {
  padding: 10px;
  color: var(--colorWhite);
}
button.primary:hover,
.primary:hover {
  background: var(--colorWhite);
  border: 2px solid var(--colorGreen);
  color: var(--colorGreen);
}
button.primary:hover a, button.primary:hover:after,
.primary:hover a, .primary:hover:after{
  color: var(--colorGreen);
}

.single-button:hover {
  background: var(--colorWhite);
  border: 2px solid var(--colorGreen);
  color: var(--colorGreen);
}

/* Secondary Button */

button.secondary,
.secondary {
  position: relative;
  display: inline-flex;
  height: 50px;
  padding: 0 20px;
  margin: 10px 0;
  align-items: center;
  background: none;
  border: 2px solid var(--colorGreen);
  color: var(--colorGreen);
  font-weight: 600;
  border-radius: 50px;
  cursor: pointer;
}
button.secondary::after,
.secondary::after {
  display: block;
  font-family: 'Font Awesome 5 Free';
  content: '\f061';
  font-weight: 900;
  color: var(--colorGreen);
  margin-left: var(--marginSM);
  transition: all 0.4s;
}
button.secondary:hover:after,
.secondary:hover:after {
  font-size: 20px;
}

button.secondary:hover,
.secondary:hover {
  border: 2px solid var(--colorGreen);
}

/* Tertiary Button */

button.tertiary,
.tertiary {
  position: relative;
  display: inline-flex;
  color: var(--colorGreen);
  background: none;
  align-items: center;
  border: none;
  padding: 0;
  font-weight: 600;
  margin: 10px 0;
  cursor: pointer;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

button.tertiary::after,
.tertiary::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--marginMD);

  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  color: var(--colorWhite);

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background: var(--colorGreen);
}

button.tertiary:hover,
.tertiary:hover {
  border-radius: 100px;
  background: var(--colorGreen);
  color: var(--colorWhite);
  font-weight: 600;
  padding-left: 15px;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
button.tertiary a,
.tertiary a {
  text-decoration: none;
  color: var(--colorGreen);

}

button.tertiary:hover a,
.tertiary:hover a{
  color: var(--colorWhite);
}

/* HS CTA Button */

.cta_button {
  font-family: inherit !important;
  background: var(--gradientGreen) !important;
  border: 2px solid var(--colorGreen) !important;
}

.cta_button:hover {
  background: var(--colorWhite) !important;
  color: var(--colorGreen) !important;
}

/* Block with video */
.hs-video-wrapper iframe {
  border-radius: 15px;
  box-shadow: var(--boxShadow);
}

@media (max-width: 660px) {
  .hs-video-wrapper iframe {
    border-radius: 5px;
  }
}

/* RESPONSIVE */

/* General layout */

@media (max-width: 1200px) {
  .dnd-section {
    overflow: visible;
  }
}

.section {  padding: 80px  0px; }*/
.section--none {  padding: 0px; }
.section--xs {  padding: 20px  0px; }
.section--sm {  padding: 40px  0px; }
.section--md {  padding: 80px  0px; }
.section--lg {  padding: 160px 0px; }
.section--xl {  padding: 320px 0px; }

/* DIVIDERS */

.divider {  height: 30px; }
.divider--xs {  height: 10px; }
.divider--sm {  height: 20px; }
.divider--md {  height: 30px; }
.divider--lg {  height: 60px; }
.divider--xl {  height: 120px; }

/* Text align */

.text--initial {
  text-align: initial;
}

.text--center {
  text-align: center;
}

/* FLEX */

.flex-container { display: flex;}
.flex-item { flex: 1; }
.flex-grow-zero { flex-grow: 0; }
.flex-justify-center { justify-content: center; }
.flex-container-column { flex-direction: column; }
.flex-align-items-center { align-items: center; }
.flex-wrap { flex-wrap: wrap; }

/* TABLE CELL */

.table-container { display: table;  width: 100%; }
.table-cell { display: table-cell; }

/* SECTIONS */

.section-particles {
  position: absolute;
  top: 0px;
  z-index: 0;
}

.section--light_beige {
  background-color: #F7F4E9;
  color: #1D1D2C;
}

.section--green {
  background-color: #438945;
  color: #F7F4E9;
}

.section--blue {
  background-color: #2F5369;
  color: #F7F4E9;
}

.section--yellow {
  background-color: #EBA63F;
  color: #F7F4E9;
}

.section--dark {
  background-color: #1D1D2C;
  color: #F7F4E9;
}

/* SECTION BACKGROUNDS */
.section--white {
  background-color: #fff;
  color: var(--colorDark);
}
.section--black {
  background-color: #000;
  color: var(--colorWhite);
}
.section--offset {
  background-color: var(--colorIvory);
  color: var(--colorDark);
}
.section--dark {
  background-color: ;
  color: var(--colorWhite);
}

.section--primary {
  background-color: var(--colorRed);
  color: var(--colorWhite);
}

/* SECTION TYPES */
.section--testimonials {
  text-align: center;
}
.section--testimonials img {
  max-width: 125px;
  margin: 0 auto;
  border-radius: 50%;
}
.section--testimonials h4 {
  margin-bottom: 0;
}
.section--testimonials h5 {
  margin-top: 0;
  opacity: .6;
}
.img-gal-2 .span6{
  width:50%;
  margin-left: 0;
}
.img-gal-3 .span4{
  width:33.333%;
  margin-left: 0;
}
.img-gal-4 .span3{
  width:25%;
  margin-left: 0;
}


/* FORMS */

.hs-form {
  background: var(--colorWhite);
  padding: var(--paddingXXL);
  /*   margin: var(--marginXL); */
  border-radius: var(--borderRadius);
  box-shadow: var(--boxShadow);
}

.hs-form p a {
  color: var(--colorGreen) !important;
}

.hs-form-field input, .hs-form-field textarea {
  width: 100%;
  border-radius: 10px;
  padding: var(--paddingMD);
  border: 1px solid rgba(47, 83, 105, 0.20);
  background-color: var(--colorWhite);
}

.hs-form-field input:hover {
  border: 1px solid var(--colorDark);
}

.hs-form-field textarea {
  height: 100px;
  font-family: inherit;
}

.hs-form-field textarea:hover {
  border: 1px solid var(--colorDark);
}

.hs-form-field textarea:focus {
  border: 1px solid var(--colorDark);
}

.hs-form-field input {
  height: 50px;
  font-size: 16px;
}

.hs-form .hs-form-field {
  margin-bottom: var(--paddingMD);
}

.hs-form-field label {
  font-family: var(--fontPrimary);
  font-size:  var(--fontSM);
}

.hs-error-msgs {
  color: #CC6844;
  font-weight: 700;
  list-style: none;
  padding: 5px 15px;
  border-radius: 10px;
  background: #f7f4e9;
  width: initial;
  margin-right: 10px;
}

.hs-form .hs-button.primary {
  border-radius: 50px;
  border: none;
  display: inline-flex;
  transition: all 0.4s;
  height: 50px;
  cursor: pointer;
  background: var(--gradientGreen);
  font-family: var(--fontPrimary);
  font-weight: 700;
  text-transform: unset;
  padding: var(--paddingMD) var(--paddingXL);
}

.hs-form .hs-button.primary a {
  color: var(--colorWhite);
}

.hs-form .hs-button.primary:hover {
  background: var(--colorWhite);
  border: 1px solid var(--colorGreen);
  color: var(--colorGreen);
}

/* Customised "File Upload" input */
.form-columns-2  {
  display: flex;
  align-items: center;
}

@media (max-width: 1060px) {
  .form-columns-2  {
    display: block;
  }
}

.hs_add_resume {
  padding-left: 10px !important;
}

input[type="file"] {
  position: relative !important;
  padding: 10px 0;
  border: none;
}

input[type="file"]::after {
  position: absolute !important;
  pointer-events: none !important;
  left: 12px !important;
  top: 23px !important;
  font: var(--fa-font-solid);
  font-size: 25px;
  content: "\f382";
  font-family: "Font Awesome 5 Free";
  color: var(--colorWhite);
}

input[type="file"]::file-selector-button {
  border-radius: 50px !important;
  padding: 0 16px !important;
  height: 55px !important;
  width: 55px !important;
  background: var(--gradientGreen);
  color: transparent !important;
  cursor: pointer !important;
  border: none !important; 
  margin-right: 16px !important;
}

/* hover state */
input[type="file"]::file-selector-button:hover {
  outline: none !important;
  background: #327240 !important;
}

input[type="file"]:hover {
  outline: none !important;
  border: none !important;
}

/* active state */
input[type="file"]::file-selector-button:active {
  outline: none !important;
  border: none !important;
}


@media (max-width: 900px) {
  .hs-form {
    margin: var(--paddingSM);
  }
}

@media (max-width: 660px) {
  .hs-form .form-columns-2 .hs-input {
    width: 100% !important;
    margin: 0 !important;
  }
}

.hs-form .form-columns-1 .hs-input {
  width: 100% !important;
}

/*Customised forms-checkbox*/

.hs-form-checkbox input[type="checkbox"],
.hs-form-checkbox input[type="radio"] {
  display: none;
}

.inputs-list.multi-container {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  justify-content: space-evenly;
  list-style: none;
}

.hs-form-checkbox input ~ span{
  padding: 10px;
  display: block;
  text-transform: uppercase;
  margin: 4px;
  border-radius: 30px;
  background-color: transparent;
  border: 2px solid var(--colorGreen);
  color: var(--colorDark);
  text-align: center;
  cursor: pointer;
}

.hs-form-checkbox input:hover ~ span {
  background-color: var(--colorGreen);
  color: var(--colorWhite); 
}

.hs-form-checkbox input:checked ~ span {
  background-color: #51845A;
  color: var(--colorWhite);  
}


/**/

.form--webinar-1column-block-form-image .actions {
  justify-content: flex-start;
}
li.hs-form-booleancheckbox label {
  text-transform: none !important;
  font-weight: 400; 
  font-size: 16px;
}
li.hs-form-booleancheckbox label input {
  float: left;
  margin-top: 4px;
}

a.green-button {
  font-size: 14px; 
  font-family: 'Open Sans'; 
  font-weight: 600; 
  color: #ffffff; 
  background: #438945;
  border: 3px solid #438945; 
  border-radius: 6px; 
  padding: 8px 16px; 
  line-height: 1.6em; 
  cursor: pointer; 
  width: auto; 
  height: auto;
}

.marquee .form h3 {
  display: block;
  text-align: center;
  padding: 20px;
  background: red;
  margin: 0;
}

.form-custom {  
  padding: 30px;
  background: var(--colorIvory);
  color: var(--colorDark);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(29,29,44,.1);
}

.form form-custom label {
  display: block;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

.form form label.hs-error-msg {
  color: red;
}

.form form label .hs-error-msg {
  color: var(--colorRed)
}

.form form .hs-form-field {
  position: relative;
}

form select {
  border: none;
  border-bottom: transparent;
  width: 100%;
  padding: 10px;
}


.form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="email"]:focus, .form input[type="tel"]:focus, textarea:focus, form select:focus  {
  border: none;
  outline: none !important;
} 

.form input[type="text"],.form input[type="password"],.form input[type="email"],.form input[type="tel"], textarea {
  width: 100% !important;
  display: block;
  margin-bottom: 16px;
  padding: 16px;
  border: transparent;
  font-size: 16px;
  background: rgba(255,255,255,.9);
  color: var(--colorDark);
  border: 0;
  border-radius: 4px;
  /* border-bottom: 1px solid #B6B4B0; */
}

.form input[type="submit"], .hs-button.primary {
  background: transparent;
  text-transform: uppercase;
  border-radius: 6px;
  display: block;
  padding: 12px 30px;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  outline: none;
  border: 1px solid #fff;;
  font-size: 16px;

  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.form input[type="submit"].hs-button.primary:hover {
  background-color: #fff;
  color: #1D1D2C;
}

.form .hs-form-required {
  display: none;
}

.form .hs-richtext {
  padding: 0 0 24px 0;
  font-size: 12px;
}

.form ul, .form ol {
  list-style: none !important;
  padding: 0;
}

.form input[type="checkbox"],
.form input[type="radio"] {
  margin-right: 10px;
  width: auto !important;
}

.form input::placeholder {
  font-size: 12px;
  font-weight: 400;
}

fieldset {
  max-width: initial !important; /* by default max-width: 500px for all inputs*/
}

div .submitted-message {
  background: var(--colorWhite);
  padding: 50px;
  justify-content: center;
  align-items: flex-end;
  text-align: center !important;
  max-width: 600px;
  border-radius: 20px;
  font-size: 16px !important;
}

@media screen and (max-width: 768px) { 
  .hs-custom-form ul, .hs-custom-form ol {
    flex-direction: column;
  }

  div .submitted-message {
    margin: 20px;
  }
}
/* End forms editing  */



/* IMG SLIDER */
.hs_cos_flex-slider {
  margin-bottom: 0;
}


/* BACK TO TOP BUTTON */
#back-top {
  position: fixed;
  bottom: 5px;
  right: 5px;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a {
  display:inline-block;
  text-align: center;
  font-size: 50px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 100;
  padding: 8px 24px;
  color: #969696;
  opacity: 0.5;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover {
  opacity: 1;
}

/* TABLE */

table {
  border-collapse: collapse;
}

tr {
  border-bottom: 1px solid grey;
}

th, td {
  text-align: left;
}

th, td {
  padding: 20px
}

td {
  vertical-align: initial;  
}

/* Counter Glow */
.glow { -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate; }
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 0px #fff;
  }

  to {
    text-shadow: 0 0 10px #fff, 0 0 20px #FFFA7E, 0 0 30px #FFFA7E, 0 0 30px #FFFA7E, 0 0 40px #FFFA7E, 0 0 60px #FFFA7E, 0 0 70px #FFFA7E, 0 0 80px #FFFA7E;
  }
}

/* Cookie Banner */
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom, div#hs-eu-cookie-confirmation {
  box-shadow: none !important;
  border: 0 !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
  background-color: var(--gradientGreen) !important;
  border: 1px solid var(--colorGreen) !important;
  border-radius: 100px !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  border: 1px solid var(--colorGreen) !important;
  color: var(--colorGreen);
  border-radius: 100px !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
  color: var(--colorGreen);
}

div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
  border-radius: 50px 50px 0 0;
}

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

.display-block {
  display: block !important;
}


/* KNOWLEDGE BASE */

.kb-index--tiles .kb-index__category {
  min-height: auto !important;
  border-radius: 20px !important;
}
  
/* RESPONSIVE STYLES */

@media (max-width: 767px) {
  /* GENERAL */
  body {
    padding-top: 0;
  }
  .section--lg {
    padding: 20px  0px;
  }
  div.dnd_area-row-0-padding {
    padding-top: 0px !important;
  }
  .widget_1702305251536-flexbox-positioning > div {
    display: none;
  }
  .cell_1700732638135-vertical-alignment > div {
    display: none;
  }
  div .cell_1700732638135-padding {
    padding-top: 20px !important;
  }
  .text-block-container {
    padding: 15px !important;
  }
}