/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
*/
html[lang*="de"] .hs-search-field__suggestions #results-for:before{}



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

/* Images */ 
*{
	box-sizing:border-box;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}
img.alignRight, img.alignright{ margin: 0 0 5px 15px; }
img.alignLeft, 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;
    list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    height: 30px;
    list-style: none !important;
}
@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 */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

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

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
    #captcha_wrapper,
    #recaptcha_area,
    #recaptcha_area table#recaptcha_table,
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
        width: auto !important;
        overflow: hidden; 
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; }
    #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; }
}

/* 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;
}

/* Responsive Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-top: 0px;
    padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0 0 0 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;
}

/* Fix radio button and check box fields in multi column forms*/
.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input,
.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
    width: auto;
}

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




/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}




/* 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; }



/* 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;} 


/* ==========================================================================
   Index:         
  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography
  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer
  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu
  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages
  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons
  6. MISCELLANOUS
  7. MOBILE MEDIA QUERIES
   ========================================================================== */








/* ==========================================================================
   1. BASE STYLES                                             
   ========================================================================== */





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


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

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





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

/* Buttons */











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














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


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

 

 

 

 

 



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




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


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

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

html{
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #fff;
  color: #1b1b1b;
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  line-height: 24px;
}

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

.container-fluid .row-fluid .page-center, .container {
  float: none;
  max-width: 1170px;
  margin: 0 auto;
  padding:0 20px;
/*   padding:0; */ 
}

a {color: #1b1b1b; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; }
a:hover { color: #1b1b1b; }
a:focus{outline-color: rgba(0,0,0,0.2);outline-style: dotted;outline-width: 2px;}

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

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

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

table.table-style1 {border-collapse: collapse;width: 100%;}
table.table-style1 p:last-child{margin-bottom:0;}
table.table-style1 td, table.table-style1 th {border: 1px solid #ddd;padding: 8px;}
table.table-style1 tr:nth-child(even){background-color: #f6f6f6;}
table.table-style1 th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #008bcb;color: white;}

.table-project{border:1px solid #d8d8d8; border-collapse: collapse;}
.table-project td{vertical-align:top;border:1px solid #d8d8d8; padding:5px;}
.table-contact td + td{}

@media (max-width: 768px ){
  .table-project td{display:block; width:100%;}
  .table-project td + td{border-top:0;}
} 

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


/* Basic text */
p {margin:0 0 20px 0;} 
small {font-size:80%; line-height:normal;}
strong {font-weight:900;}
em {}
cite {}
code {}
pre {}

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

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

/* Headings */
h1, h2, h3, h4, h5, h6 {margin:0; font-family:'Titillium Web', sans-serif;}
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty{display:none;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {font-size:50px; line-height:55px; font-weight:normal; margin:0 0 20px 0; text-transform:uppercase;}
h2 {font-size:35px; line-height:40px; font-weight:normal; margin:0 0 20px 0; text-transform:uppercase;}
h3 {font-size:26px; line-height:34px; font-weight:normal; margin:0 0 20px 0; }
h4 {font-size:22px; line-height:26px; font-weight:bold; margin:0 0 20px 0; }
h5 {font-size:20px; line-height:22px; font-weight:bold; margin:0 0 20px 0; }
h6 {font-size:18px; line-height:20px; font-weight:bold; margin:0 0 20px 0; }

@media (max-width: 768px) {
  h1{font-size:40px; line-height:45px;}
  h2{font-size:32px; line-height:37px;}
  
  body.hs-content-id-27506628724 .header-default-page h1{font-size:8vw;}
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

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

strong, b{font-weight:900;}

/* Buttons */
.hs-btn, .hs-button{font-family:'Hind', sans-serif;color: #fff; font-size:16px;line-height:24px;text-decoration: none;text-transform: uppercase; cursor:pointer; display: inline-block;margin: 3px;padding: 12px 20px 8px 20px;background-color:#008bcb;outline: none; border:0; -webkit-border-radius: 300px;-moz-border-radius: 300px;border-radius: 300px; -webkit-appearance: none;-moz-appearance: none;appearance: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.hs-btn:hover, .hs-button:hover{color: #fff;background-color:#0070a4;outline:none;}
.hs-btn.invert, .hs-button.invert{background-color:#323232;}
.hs-btn.invert:hover,.hs-button.invert:hover{background-color:#131313;}
.hs-btn.orange, .hs-button.orange{background-color:#eb6510;}
.hs-btn.orange:hover,.hs-button.orange:hover{background-color:#D86013;}
.hs-btn.white, .hs-button.white{color:#1b1b1b; background-color:#ffffff;}
.hs-btn.white:hover, .hs-button.white:hover{color:#1b1b1b; background-color:#f4f2f3;}
.hs-btn.outline, .hs-button.outline{color:#008bcb; background-color:transparent; box-shadow:0 0 0 2px #008bcb inset;}
.hs-btn.outline:hover, .hs-button.outline:hover{color:#fff; background-color:#0070a4; box-shadow:0 0 0 0px #0070a4 inset;}
.hs-btn.invert.outline, .hs-button.invert.outline{color:#323232; background-color:transparent; box-shadow:0 0 0 2px #323232 inset;}
.hs-btn.invert.outline:hover, .hs-button.invert.outline:hover{color:#fff; background-color:#131313; box-shadow:0 0 0 0px #131313 inset;}
.hs-btn.white.outline, .hs-button.white.outline{color:#ffffff; background-color:transparent; box-shadow:0 0 0 2px #ffffff inset;}
.hs-btn.white.outline:hover, .hs-button.white.outline:hover{color:#1b1b1b; background-color:#f4f2f3; box-shadow:0 0 0 0px #f4f2f3 inset;}



/* Quotes */
blockquote {font-size: 20px;line-height: 30px;font-weight: 600;background: #f9f9f9;border-left: 10px solid #008bcb;margin: 1.5em 10px;padding:0.5em 10px 0.5em 40px;quotes: "\201C""\201D""\2018""\2019";position: relative;}
blockquote:before {color: #313131;content: open-quote;font-size: 56px;line-height: 30px;position: absolute;left: 7px;top: 18px;}
blockquote p {display: inline;}
blockquote small {}
blockquote small:before {}

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




/* ==========================================================================
   2. COS STRUCTURE                                            
   ========================================================================== */





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


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

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




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



.header-container-wrapper {    position: sticky;
    top: -1px;
    background: white;
    z-index: 999;}
.header-container-wrapper .responsive-nav{display:none; }
.header-container-wrapper .header .main{position:relative;}
.header-container-wrapper .header-main .row-fluid{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.header-container-wrapper .header-main .row-fluid .main-logo{width:auto; margin:17px 0;}
.header-container-wrapper .header-main .row-fluid .main-nav{width:auto;-webkit-box-flex: 1;-webkit-flex: 1 1 0px;-moz-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0px;}
.header-container {}


@media (max-width: 992px) {
  .header-container-wrapper .responsive-nav{display:block;}
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {display:block;}
.header-container .hs_cos_wrapper_type_logo a img {display:block; vertical-align:top;}

@media (max-width: 992px) {
  .header-container .hs_cos_wrapper_type_logo a img{margin:4px 0; height:46px; width:auto!important;}
}

#header{background:#fff; position:relative; z-index:901;}
#header .globe_class{width:auto; height:auto; margin:2px 0 0 0; padding:7px 0 0 20px; font-size:14px; text-transform:uppercase; background: no-repeat left center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%231B1B1B' d='M7.5 0C3.4 0 0 3.4 0 7.5S3.4 15 7.5 15c4.1 0 7.5-3.4 7.5-7.5S11.6 0 7.5 0zM13.9 6.9h-3.1c-0.1-2.1-0.5-4.2-1.3-5.5C11.9 2.2 13.6 4.4 13.9 6.9zM7.5 13.9c-0.9 0-2-2.2-2.2-5.8h4.3C9.5 11.7 8.4 13.9 7.5 13.9zM5.3 6.9c0.1-3.6 1.3-5.8 2.2-5.8 0.9 0 2 2.2 2.2 5.8H5.3zM5.5 1.4C4.7 2.8 4.3 4.9 4.2 6.9H1.1C1.4 4.4 3.1 2.2 5.5 1.4zM1.1 8.1h3.1c0.1 2.1 0.5 4.2 1.3 5.5C3.1 12.8 1.4 10.6 1.1 8.1zM9.5 13.6c0.8-1.3 1.2-3.4 1.3-5.5h3.1C13.6 10.6 11.9 12.8 9.5 13.6z'/%3E%3C/svg%3E");}
#header .globe_class:after{content:'Language';}
#header .lang_list_class{top:27px;}
#header .lang_list_class li a.current,
#header .lang_list_class li a:hover{color:#008bcb;}

@media (max-width: 992px) {
  #header .globe_class{margin:0; padding:0; width:34px; height:34px; background-position:center center;}
  #header .globe_class:after{display:none;}
  .responsive-nav-wrapper .lang_switcher_class{position:absolute; top:12px; right:50px;}
  .responsive-nav-wrapper .lang_switcher_class + .icon-search{right:92px;} 
  .responsive-nav-wrapper .icon-search{position:absolute; top:12px; right:50px; padding:10px 8px 6px 8px; width:34px; height:34px; cursor:pointer;}
}

#header .header-seach{display:none;margin:0 0 20px 0; padding:0; box-shadow:0 0 30px rgba(0,0,0,0.3);}
#header .header-seach input{padding: 28px 32px; text-align:center; font-size:28px; box-shadow:0 0 0 1px #e0e0e0 inset;box-shadow:0 0 0 1px transparent inset;}
#header .header-seach input:focus{box-shadow:0 0 0 1px transparent inset;}
#header .header-seach .hs-search-field--open .hs-search-field__suggestions{border:0; box-shadow:0 0 0 transparent; text-align:center;}

#header .top .top-search .icon-search{margin:0 30px 0 0; padding:11px 0; box-sizing: content-box; display:block;vertical-align: top; width:18px; height:18px; cursor:pointer;}

#header .top > .row-fluid-wrapper > .row-fluid{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-moz-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
#header .top > .row-fluid-wrapper > .row-fluid:before,
#header .top > .row-fluid-wrapper > .row-fluid:after{display:none;}
#header .top > .row-fluid-wrapper > .row-fluid > .widget-span{width:auto; float:none; margin-left:0;}
#header .top > .row-fluid-wrapper > .row-fluid > .widget-span .lang_switcher_class{margin-left:30px;}

.top-nav .hs-menu-wrapper ul{margin:0; padding:0; list-style-type:none;}
.top-nav .hs-menu-wrapper ul:after{content:''; display:table; clear:both;}
.top-nav .hs-menu-wrapper ul li{margin:0 0 0 34px; display: inline-block;}
.top-nav .hs-menu-wrapper ul li a{display:block; font-size:14px;line-height:28px; color:#323e48; padding: 7px 0 5px 0;text-decoration:none; text-transform:uppercase; -webkit-transition: 300ms; -moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms; }
.top-nav .hs-menu-wrapper > ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: end;-moz-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.top-nav .hs-menu-wrapper > ul > li:first-child{margin:0;}
.top-nav .hs-menu-wrapper > ul > li ul{display:none;}
.top-nav .hs-menu-wrapper > ul > li[class*="active"] > a{color:#0070a4;}



.top-nav .hs-menu-wrapper > ul > li ul{display:none;}

.top-nav .hs-menu-wrapper > ul > li a svg{display:inline-block; vertical-align:middle; margin:0 8px 2px 0;}
.top-nav .hs-menu-wrapper > ul > li a svg path{ -webkit-transition: 300ms; -moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms; }
.top-nav .hs-menu-wrapper > ul > li a svg .fill{fill:#6e6e6e;}
.top-nav .hs-menu-wrapper > ul > li[class*="active"] > a svg .fill,
.top-nav .hs-menu-wrapper > ul > li a:hover svg .fill{fill:#0070a4 }


#header .main > .row-fluid-wrapper > .row-fluid{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
#header .main > .row-fluid-wrapper > .row-fluid:before,
#header .main > .row-fluid-wrapper > .row-fluid:after{display:none;}
#header .main > .row-fluid-wrapper > .row-fluid > .widget-span{width:auto; float:none;}

.main-nav .hs-menu-wrapper ul{margin:0; padding:0; list-style-type:none;}
.main-nav .hs-menu-wrapper ul:after{content:''; display:table; clear:both;}
.main-nav .hs-menu-wrapper ul li{display: block; position:relative;}
.main-nav .hs-menu-wrapper ul li ul{position:absolute;z-index:10;}
.main-nav .hs-menu-wrapper ul li a{display:block;font-size: 18px;line-height:28px;padding:10px 12px 4px 12px;text-decoration:none; white-space:nowrap; position:relative;}
.main-nav .hs-menu-wrapper ul li a:after{content:''; display:block; width:0%; height:1px; background:#008bcb; position:absolute; bottom:0; left:50%;-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.main-nav .hs-menu-wrapper ul li[class*="active"] > a,
.main-nav .hs-menu-wrapper ul li a:hover{color:#008bcb;}
.main-nav .hs-menu-wrapper ul li[class*="active"] > a:after,
.main-nav .hs-menu-wrapper ul li > a:hover:after{width:100%; left:0%;}
.main-nav .hs-menu-wrapper > ul{margin:26px 0 8px 0; margin:16px 0 0 0; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: end;-moz-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.main-nav .hs-menu-wrapper > ul > li{margin-left:30px;padding-bottom:20px;}
.main-nav .hs-menu-wrapper > ul > li > a{text-transform:uppercase;}




.main-nav .hs-menu-wrapper > ul > li.desktop-hide{display:none;}

.main-nav .hs-menu-wrapper > ul > li.button > a{padding-left:18px; padding-right:18px; color:#fff; display:block; border-radius:30px; background:#eb6510;}
.main-nav .hs-menu-wrapper > ul > li.button > a:after{opacity:0;}
.main-nav .hs-menu-wrapper > ul > li.button:hover > a{background-color:#D86013;}




.main-nav .hs-menu-wrapper > ul > li ul{background:#fff; min-width:140px; top:100%; left:0;opacity:0; box-shadow: 0px 2px 2px rgba(0,0,0,0.4); visibility: hidden; -webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;}
.main-nav .hs-menu-wrapper > ul > li ul ul{top:0; left:100%;}
.main-nav .hs-menu-wrapper > ul > li ul li{}
.main-nav .hs-menu-wrapper > ul > li ul li a{padding:8px 12px;}
.main-nav .hs-menu-wrapper > ul > li ul li a:after{display:none;}
.main-nav .hs-menu-wrapper > ul > li ul li[class*="active"] > a,
.main-nav .hs-menu-wrapper > ul > li ul li > a:hover{background-color:#f6f6f6;} 
.main-nav .hs-menu-wrapper > ul > li:hover > ul{opacity:1; visibility: visible; -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
.main-nav .hs-menu-wrapper > ul > li ul li:hover > ul{opacity:1; visibility: visible; -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}


.main-nav .hs-menu-wrapper > ul > li.big-nav{ position:static;}
.main-nav .hs-menu-wrapper > ul > li.big-nav li[class*="active"] > a{background:transparent;}
.main-nav .hs-menu-wrapper > ul > li.big-nav ul ul{opacity: 1;box-shadow: 0px 0px 0px rgba(0,0,0,0);position:static;visibility: unset;visibility: inherit;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul{min-height:400px;position:absolute;top:100%;left:0;width:100%;background:rgba(255,255,255,1);background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%,rgba(245,245,245,1) 20%,rgba(245,245,245,1) 20%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(245,245,245,1) 0%,rgba(245,245,245,1) 20%,rgba(245,245,245,1) 20%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 );}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li{width:20%; position:static;}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li > ul{display:none;position:absolute;top:0;left:20%;width:80%;/*background:rgba(100,255,0,0.1);*/}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li.show > ul{display:block;}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li > ul > li{display:block;width:100%;float:left;}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li.col4 > ul > li{width:25%;padding:0 10px;}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li.col3 > ul > li{width:33.3334%;padding:0 10px;}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li > ul > li a{padding:4px 10px;} 


.main-nav .hs-menu-wrapper > ul > li.big-nav ul a{font-size:14px; line-height:20px; white-space:normal;}
.main-nav .hs-menu-wrapper > ul > li.big-nav ul a:empty{display:none;}
.main-nav .hs-menu-wrapper > ul > li.big-nav ul a:hover{text-decoration:underline; background-color:transparent;}


.main-nav .hs-menu-wrapper > ul > li.big-nav > ul li.big-nav-title > a{margin:10px 0 0 0; padding:4px 0; font-size:15px; font-weight:bold; text-transform:uppercase;border-bottom:1px solid #333; }
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul li.big-nav-title > a:hover{text-decoration:none;}

.main-nav .hs-menu-wrapper > ul > li.big-nav > ul li.big-nav-title > ul a{position:relative; padding: 4px 10px 4px 15px;}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul li.big-nav-title > ul a:before{content:'\203A'; position:absolute; top:3px; left:2px;}


.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li > a{font-size:16px; font-weight:bold; padding:14px 12px; text-transform:uppercase;/*background:#f5f5f5;*/display:block;}
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li.show > a,
.main-nav .hs-menu-wrapper > ul > li.big-nav > ul > li:hover > a{color:#fff; background-color:#008bcb;text-decoration:none;}

@media (max-width: 1200px) {
  .main-nav .hs-menu-wrapper ul li a{padding:8px;}
  .main-nav .hs-menu-wrapper > ul > li > a{margin-left:10px;}
  .main-nav .hs-menu-wrapper > ul > li ul{left:8px;}
}


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


.body-container-wrapper {}
.body-container {}


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

/* Homepage */

/* Contact Us */

/* About Us */


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

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */




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


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




#footer{color:#ffffff; font-size:14px; line-height:20px; position:relative; z-index:900;}
#footer *:not([class*="btn"]){color:#fff;}
#footer a:not([class*="btn"]){text-decoration:none;}
#footer a:not([class*="btn"]):hover{text-decoration:underline;}
#footer .footer-title{margin:0 0 12px 0; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}

#footer img[alt="Cert"]{width:100%;}

#footer .hs-menu-wrapper{}
#footer .hs-menu-wrapper ul{margin:0; padding:0; list-style-type:none;}

#footer .hs-menu-wrapper.hs-menu-flow-vertical ul li{}
#footer .hs-menu-wrapper.hs-menu-flow-horizontal ul li{display:inline-block; vertical-align:middle;}

#footer .footer-quote{padding:24px 0 18px 0; color:#fff; font-size:25px; line-height:28px; text-transform:uppercase; text-align:right; background-color:#008bcb;}

#footer .footer-main{padding:40px 0; background-color:#323232;}
#footer .footer-main .hs-form-field input:not([type="submit"]){padding:8px 14px; color:#fff; border:0; box-shadow:0 0 0 1px #fff inset; border-radius:300px;background:transparent;}
#footer .footer-main .hs-form-field input:not([type="submit"])::-webkit-input-placeholder {color:#fff;}
#footer .footer-main .hs-form-field input:not([type="submit"]):-moz-placeholder {color:#fff;}
#footer .footer-main .hs-form-field input:not([type="submit"])::-moz-placeholder {color:#fff;}
#footer .footer-main .hs-form-field input:not([type="submit"]):-ms-input-placeholder {color:#fff;}
#footer .footer-main .hs-form-field > label{display:none;}
#footer .footer-main .hs_submit input[type="submit"]{padding:6px 20px 2px 20px; }
#footer .footer-main .hs_cos_wrapper_type_form .legal-consent-container a{text-decoration:underline;}

#footer .footer-landingpages{padding:40px 0; background-color:#2a2a2a;}

#footer .footer-bottom{padding:20px 0; font-size:12px; background-color:#202020;}
#footer .footer-bottom .page-center > div > div{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
#footer .footer-bottom .page-center > div > div:before,
#footer .footer-bottom .page-center > div > div:after{display:none;}
#footer .footer-bottom .page-center > div > div > .widget-span{float:none; width:auto;}
#footer .footer-bottom .hs-menu-wrapper.hs-menu-flow-horizontal ul > li:not(:first-child):before{content:'|\00a0'; display:inline-block; margin:0 8px;}
#footer .footer-bottom .hs-menu-wrapper.hs-menu-flow-horizontal ul ul{display:none;}
#footer .footer-bottom .hs-menu-wrapper.hs-menu-flow-horizontal ul > li:first-child > a:hover{text-decoration:none;}






ter


@media (max-width: 768px) {
  #footer{text-align:center;}
  #footer .row-fluid .span3:not(:last-child){margin-bottom:20px;}
  #footer .footer-main .table-footer{margin:0 auto; text-align:left;}
  
  #footer .footer-bottom .page-center > div > .row-fluid{display:block; text-align:center;}
  #footer .footer-bottom .page-center > div > .row-fluid .footer-websiteby{margin:20px 0 0 0;}
}

/* ==========================================================================
   3. MAIN NAVIGATION                                            
   ========================================================================== */





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


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

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

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


/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */
.slicknav_menu{display:none;position:relative;}
.slicknav_menu .slicknav_btn{display:inline-block; vertical-align:top;}
.slicknav_menu .slicknav_btn .slicknav_menutxt{display:inline-block;vertical-align:middle;font-size:14px;line-height: 16px;color: #726f69;}
.slicknav_menu .slicknav_btn .slicknav_icon{display:inline-block; vertical-align:middle; padding: 8px;}
.slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar{width: 18px;height:2px;margin: 3px 0;background: #726f69;display: block; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; }
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:first-child{ -webkit-transform: translateY(5px) rotate(45deg);-moz-transform: translateY(5px) rotate(45deg);-ms-transform: translateY(5px) rotate(45deg);-o-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg); }
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(2){background-color:transparent;}
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:last-child{ -webkit-transform: translateY(-5px) rotate(-45deg);-moz-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg);-o-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg); }

.slicknav_menu .slicknav_nav, .slicknav_menu .slicknav_nav ul{margin:0;padding:0;list-style-type:none;/* border-bottom:1px solid #000; */}
.slicknav_menu .slicknav_nav{padding:0 10px 10px 10px;box-shadow: 0 3px 3px 0px rgba(0,0,0,0.1);position:relative;}
.slicknav_menu .slicknav_nav.slicknav_hidden{box-shadow: 0 0px 0px 0px rgba(0,0,0,0.1);}
.slicknav_menu .slicknav_nav ul{margin:0 0 0 7px;padding:0 0 0 7px;border-left:1px solid #000;/* border-bottom:1px solid #000; */background: rgba(0,0,0,0.04);}
.slicknav_menu .slicknav_nav li, .slicknav_menu .slicknav_nav ul li{margin:0; padding:0;}
.slicknav_menu .slicknav_nav a{display:block;position: relative;text-decoration:none; min-height:24px;}
.slicknav_menu .slicknav_nav a > a{padding:0;}
.slicknav_menu .slicknav_nav li > a{padding: 7px 7px;}
.slicknav_menu .slicknav_nav li > a svg{display:none;}
.slicknav_menu .slicknav_nav li > a:hover{color:#fff; background-color: #008bcb; }
.slicknav_menu .slicknav_nav li > a:hover > a{color:#fff;}
.slicknav_menu .slicknav_nav a .slicknav_arrow{position:absolute;top:0;right:0;width: 40px;text-align: center;line-height: 40px;border-left: 1px solid #dedede;}

.slicknav_menu .slicknav_nav a:empty:before{content:'View category';}
html[lang*="nl"] .slicknav_menu .slicknav_nav a:empty:before{content:'Bekijk categorieën';}

.responsive-nav-wrapper{margin: 0 auto;padding: 0 10px;max-width: 1170px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.responsive-nav-wrapper > a[id*="logo"]{width:auto;display: inline-block; vertical-align:top;}
.responsive-nav-wrapper > a[id*="logo"] img{margin:10px 0 10px 10px; display:block; width: auto!important;height: 38px!important;}

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

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

@media (max-width: 767px){
  .body-content img { width: 100% !important; }

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

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

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

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


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

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


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

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #ffffff; /* Icon color */
  }


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

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

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

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

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

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

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}








/* ==========================================================================
   4. TEMPLATE MODULE SELECTORS                                         
   ========================================================================== */

.front-page h2{position:relative;}
.front-page h2:before{content: '';margin: 0 0 25px 0;display: block;width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #008bcb transparent transparent transparent;}



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

body.one-column {} 
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

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

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

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

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

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

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

/* Common Contact Column Selectors */
body.page-contact{}
body.page-contact .contact-page-wrapper{margin:70px 0;}
body.page-contact .contact-page-wrapper-address{padding-left:60px;}

@media screen and (max-width: 768px ){
  body.page-contact .contact-page-wrapper-address{padding:50px 0 0 0;}
}

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

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

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

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


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

#landing-page{padding:40px 0;}
#landing-page .lp-heading{text-align:center;margin: 0 0 40px 0;padding: 0 0 20px 0;border-bottom: 1px solid rgba(0,0,0,0.2);}

@media (max-width: 992px) {
  body.landing-page #header .top-nav, body.landing-page #header .header-main{display: block;}
  
}


/* Header landingpages     */
.header-landings-page {position:relative; display:block;}
.header-landings-page .inner{color:#fff;}
.header-landings-page.spacing-default{padding:100px 0px;}
.header-landings-page .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;}
.header-landings-page .bg .img{position:absolute;top:-4vw;right:0;bottom:-4vw;left:0;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.header-landings-page .bg ~ .container{position:relative; z-index:2;}
.header-landings-page .skew-left{ -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;transform-origin: 50% 50%; -webkit-transform: skewY(-3deg); -moz-transform: skewY(-3deg); -ms-transform: skewY(-3deg); -o-transform: skewY(-3deg);transform: skewY(-3deg); }
.header-landings-page .skew-left.bg .img{ -webkit-transform: skewY(3deg); -moz-transform: skewY(3deg); -ms-transform: skewY(3deg); -o-transform: skewY(3deg); transform: skewY(3deg); }
.header-landings-page .container{position:relative; z-index:2;}
.header-landings-page div[class*="skew"].align-rotate-left{ -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;  -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }


body.landing-page .content-wrapper {padding: 60px 9px !important;}
body.landing-page {background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 40%);background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 40%);background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 40%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );}
body.landing-page.full-width.typ{}
body.landing-page .main-content{padding:50px 0;}
body.landing-page .custom-section-header h1{/*font-family: 'Oleo Script Swash Caps',cursive;color: #de0613;font-size: 51px;line-height: 1.1;font-weight: 400;*/text-align: center;}
body.landing-page .custom-subheader h2 {font-size: 20px;line-height: 1.4;font-weight: 300;margin: 5px 0 20px 0;color: #726e6b;text-align: center;border-bottom: solid 1px rgba(0,0,0,0.1);padding-bottom: 20px;}
body.landing-page div[class*="span"].main-content{max-width:992px;margin: 0 auto;float: none;}

body.landing-page .white-form{padding:20px; background-color:#ffffff; box-shadow: 0 4px 12px -5px rgba(0,0,0,0.6);}
body.landing-page .gray-form{padding:20px; background-color:#f6f6f6;}

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

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

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


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

/* Error Templates 404, 500 */

body.error-template .error-wrapper{padding:50px 0;}
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

body.error-template #error-page{padding:100px 0;}

/* Password template */
body.password-template .password-wrapper{padding:50px 0;}
body.password-template .password-wrapper input[type="submit"]{margin:10px 0 0 0;}
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

body.password-template .page-content .page-inner{max-width:500px; margin:0 auto; float:none; padding:50px 0;}
body.password-template .page-content .page-inner form{text-align:center;}
body.password-template .page-content .page-inner input[type="submit"]{margin:10px 0 0 0;}

body.password-template #password-page{padding:80px 0;}
body.password-template #password-page .password-inner{}
body.password-template #password-page .password-inner input[type="submit"]{margin:10px 0 0 0;}

/* Email Subscribition templates */
body.subscription-template .subscription-wrapper{padding:50px 0;}
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}



/* Search                                          
   ========================================================================== */
body.search-page #search-module .seach-input-results{margin:40px 0;}
body.search-page #search-module .search-results-title{text-align:center; text-transform:none;}

/* Extern seach styling */
.hs-search-results__listing{margin:40px 0;}
.hs-search-results__listing li:not(:first-child) {border-top: 1px solid rgba(0,0,0,0.2);margin-top: 20px;padding-top: 20px;}

.hs-search-results__title {display: inline-block;margin: 0 0 10px 0;font-size: 26px;text-decoration: none;}
.hs-search-results__title:hover{text-decoration:underline;}
.hs-search__no-results{text-align:center;}
.hs-search-results__pagination{margin:40px 0;}
.hs-search-results__pagination:after {content: '';display: table;clear: both;}
.hs-search-results__pagination a{text-decoration:none; padding: 12px 20px 8px 20px;text-transform: uppercase;border-radius: 300px;display: inline-block;box-shadow: 0 0 0 2px #000 inset; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; }
.hs-search-results__pagination a:hover{color:#fff; background-color:#0070a4 ; box-shadow: 0 0 0 2px #0070a4 inset;}
.hs-search-results__prev-page:empty,
.hs-search-results__next-page:empty{/*display:none;*/}

.hs-search-field__suggestions a, .hs-search-field__suggestions #results-for{display: block;padding: 6px 8px 4px 8px;text-decoration: none;font-size: 16px;line-height: 20px;border-bottom: 1px solid rgba(0,0,0,0.06);}
.hs-search-field--open .hs-search-field__suggestions{background-color: #fff;border: 1px solid #c3c3c3;border-top: 0;box-shadow: 0 0px 5px 1px rgba(0,0,0,0.2);}

/* ==========================================================================
   5. COS COMPONENTS                                        
   ========================================================================== */





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


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

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

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

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


body.hs-blog-listing #blog-overview-intro{padding:70px 0;}

body.hs-blog-listing #blog-overview{background-color:#f4f2f2; padding:50px 0;}



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

#blog-single{padding:10px 0 20px 0; }
#blog-single .blog-single-title{margin:0 0 20px 0;}
#blog-single .blog-single-title h1{text-transform:none;}
#blog-single .blog-single-title .author-info .author strong a{color:#008bcb; text-decoration:none;}
#blog-single .blog-single-title .author-info .author strong a:hover{text-decoration:underline;}
#blog-single .tags{margin:0 0 10px 0; font-size:16px; line-height:22px; color:#008bcb; font-weight:900;}
#blog-single .tags .tag{color:#008bcb; text-decoration:none;} 
#blog-single .tags .tag:hover{text-decoration:underline;}
#blog-single .tags .tag:focus{outline:none;}
#blog-single .published-date{font-size:18px; margin:0 0 20px 0; display:none;}
#blog-single .blog-main-content{margin:0 0 20px 0; padding:30px;}
#blog-single .blog-main-content:after{content:''; display:table; clear:both;}
#blog-single .blog-main-content .blog-image{display:block; vertical-align:top; width:100%; margin:0 0 20px 0;}



#blog-single .blog-single-content-wrapper{} 
#blog-single .blog-single-content-wrapper > .row-fluid-wrapper{}
#blog-single .blog-single-content-wrapper > .row-fluid-wrapper > .row-fluid{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
#blog-single .blog-single-content-wrapper > .row-fluid-wrapper > .row-fluid:before,
#blog-single .blog-single-content-wrapper > .row-fluid-wrapper > .row-fluid:after{display:none;}

#blog-single .sticky-items{position:sticky; top: calc(118px + 20px);}

#blog-single .sidebar h3{text-transform:none;} 
#blog-single .sidebar > div .item{margin:0 0 20px 0; padding:20px;}
#blog-single .sidebar > div .item.dark{color:#fff; background-color:#323232;} 
#blog-single .sidebar > div .item.dark *:not([class*="btn"]):not([input]):not(select):not(textarea){color:#fff;}
#blog-single .sidebar .author-avatar{display:inline-block; margin-top:-95px; width:150px; height:150px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-color:#eaeaea; background-size:cover; position:relative; overflow:hidden;}
#blog-single .sidebar .author-avatar.empty:before{content:'';display:block;width: 70px;height: 70px;background:#fff;border-radius:100%;border: 2px solid #eaeaea;position: absolute;left: 50%;margin-left: -35px;top: 30px;z-index: 2;}
#blog-single .sidebar .author-avatar.empty:after{content:'';display:block;width: 110px;height: 68px;background:#fff;border-radius:100%;position: absolute;left: 50%;margin-left: -55px;bottom: -10px;}
#blog-single .sidebar .author-info{margin-top:10px; text-align:center; display:block;}
#blog-single .sidebar .author-bio{margin-top:10px;}
#blog-single .sidebar .author-link{display:block; text-decoration:none;}
#blog-single .sidebar .author-name{font-weight:bold;}
#blog-single .sidebar .social-profile{margin:10px 0 0 0;}
#blog-single .sidebar .social-profile a{display:inline-block; margin:0 2px;}
#blog-single .sidebar .social-profile svg{}

/*
 * #blog-single .sidebar .item.subscribe-newsletter{color:#fff; background:#01628f url(https://4021099.fs1.hubspotusercontent-na1.net/hubfs/4021099/Elpress%20thema%202019/blog-newsletter-bg.jpg) no-repeat center center; background-size:cover;}
*/
#blog-single .sidebar .item.subscribe-newsletter{color:#fff; background:#01628f}

#blog-single .sidebar .item.subscribe-newsletter *:not([class*="btn"]):not([input]):not(select):not(textarea){color:#fff;}
#blog-single .sidebar > div .item.recent-blogs .widget-module > ul{margin:0; padding:0; list-style-type:none;}

#blog-single .sidebar > div .item.recent-blogs .widget-module > ul li{margin:0 0 10px 0; padding:0 0 0 20px; position:relative;color:#008bcb; font-weight:bold;} 
#blog-single .sidebar > div .item.recent-blogs .widget-module > ul li:before{content: '\203A\00a0'; position:absolute; left:4px;}
#blog-single .sidebar > div .item.recent-blogs .widget-module > ul li a{display:inline-block;color:#008bcb;text-decoration:none;}
#blog-single .sidebar > div .item.recent-blogs .widget-module > ul li a:hover{text-decoration:underline;}

@media (max-width: 768px ){
  #blog-single .blog-main-content{padding:30px 0;} 
  #blog-single .sidebar div.item.author-info{margin-top:75px;} 
}

@media (max-width:1200px){
  #blog-single .sticky-items{top: calc(163px + 20px);}
}

@media (max-width:992px){
  #blog-single .sticky-items{top: calc(58px + 20px);}
}

.blog .blog-content {}

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

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

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

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

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

/* Use this to set up different styling for your blog posts */

.blog-filter-wrapper{display:block; text-align:right; position:relative;width:320px; padding-right:20px;} 
.blog-filter{display:inline-block;text-align:initial; width:100%;} 
.blog-filter .dropdown{font-weight: bold; display:block;text-transform:uppercase; margin:0; padding:16px 20px 10px 20px; border-radius:300px; box-shadow:0 0 0 2px #000 inset; cursor:pointer;}
.blog-filter .dropdown:after{content: '';display: inline-block;width: 7px;height: 7px;border: 2px solid #000;border-bottom: 0;border-left: 0;margin-left: 7px;-webkit-transform: translateY(-2px) rotate(45deg);-moz-transform: translateY(-2px) rotate(45deg);-ms-transform: translateY(-2px) rotate(45deg);-o-transform: translateY(-2px) rotate(45deg);transform: translateY(-2px) rotate(45deg);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.blog-filter .dropdown span.mobile{display:none;}
.blog-filter.open .dropdown:after{-webkit-transform:translateY(-4px) rotate(135deg);-moz-transform:translateY(-4px) rotate(135deg);-ms-transform:translateY(-4px) rotate(135deg);-o-transform:translateY(-4px) rotate(135deg);transform:translateY(-4px) rotate(135deg);} 
.blog-filter .dropdown-content{display:none;margin:10px 0 0 0;background:#fff;box-shadow: 0 2px 10px rgba(0,0,0,0.4);position: absolute;right: 0;z-index: 10;}
.blog-filter .dropdown-content a{display:block;padding: 10px 10px 6px 10px;text-decoration:none; white-space:nowrap; font-size:0.9em;}
.blog-filter .dropdown-content a.active,
.blog-filter .dropdown-content a:hover{text-decoration:underline;} 


.blog-filter .dropdown{padding:0;border-radius:0; cursor:auto; box-shadow:0 0 0 transparent;}
.blog-filter .dropdown:after{display:none;}
.blog-filter .dropdown-content{display:block; position:static; box-shadow:0 0 0 transparent;}
.blog-filter .dropdown-content a{padding:5px 0; font-size:15px;}
.blog-filter .dropdown-content a:before{content: '';display: inline-block;width: 5px;height: 5px;border: 1px solid currentColor;border-bottom: 0;border-left: 0;margin: 0 10px 0 0;-webkit-transform: translateY(-1px) rotate(45deg);-moz-transform: translateY(-1px) rotate(45deg);-ms-transform: translateY(-1px) rotate(45deg);-o-transform: translateY(-1px) rotate(45deg);transform: translateY(-1px) rotate(45deg);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.blog-filter .dropdown-content a:hover{text-decoration:underline; background:transparent;}
.blog-archive-content-wrapper > .blog-section{width:calc(100% - 320px);}

#blog-archive{padding:20px 0;} 
.blog-section .blog-header{max-width:720px; margin:0 auto; text-align:center;}
.blog-section .blog-header h1{margin:0 0 30px 0; font-size:40px; line-height:40px; text-align:center;} 

.blog-archive-content-wrapper{width:100%; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}

#blog-archive .overview-items{margin:0;padding:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
#blog-archive .overview-items > .item{margin:0 0 4% 4%;padding:0;display: inline-block;vertical-align: top;background: #fff;text-decoration: none;width: 48%;box-shadow:0 0 0 1px #d2d2d2, 0 0 0 0 rgba(0,0,0,0.0);display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
#blog-archive .overview-items > .item:first-child{width:100%; margin-left:0; box-shadow:0 0 0 0 transparent;}
#blog-archive .overview-items > .item:hover:first-child{box-shadow:0 0 0 0 transparent;}
#blog-archive .overview-items > .item:first-child .content-wrapper{position:relative;overflow:hidden; text-overflow:ellipsis;}
#blog-archive .overview-items > .item:first-child .content-wrapper .btn-wrapper{padding-top:20px;}
#blog-archive .overview-items > .item:first-child .content-wrapper .content-img-wrapper{width:auto; height:100%; padding:0; position:absolute; top:0; right:52%; bottom:0; left:0; box-shadow:0 0 0 0 rgba(0,0,0,0.0);object-fit:cover; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} 
#blog-archive .overview-items > .item:hover:first-child .content-wrapper .content-img-wrapper{box-shadow:0 13px 20px 0 rgba(0,0,0,0.2);}
#blog-archive .overview-items > .item:first-child .content-wrapper .content-desc-wrapper{margin:0 0 0 48%; padding:0 0 0 30px; width:52%; min-height:340px; }
#blog-archive .overview-items > .item:nth-child(even){margin-left:0;}
#blog-archive .overview-items > .item:hover{box-shadow:0 0 0 1px #d2d2d2, 0 13px 20px 0 rgba(0,0,0,0.2);}
#blog-archive .overview-items > .item .content-wrapper{padding: 0;width:100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
#blog-archive .overview-items > .item .content-wrapper .content-img-wrapper{position:relative;width:100%;height:0;padding-bottom: 50%; box-shadow: 0 -1px 0px 0px #d2d2d2 inset;overflow: hidden;}
#blog-archive .overview-items > .item .content-wrapper .content-img-wrapper img{width:100%;max-width:100%;height:100%;position: absolute;left: 0; object-fit:cover; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#blog-archive .overview-items > .item .content-wrapper .content-desc-wrapper{padding:20px 20px 10px 20px;}
#blog-archive .overview-items > .item .content-wrapper .content-desc-wrapper .author-info{margin:0 0 5px 0;}
#blog-archive .overview-items > .item .content-wrapper .content-desc-wrapper .author-info .published-date{display:none;}
#blog-archive .overview-items > .item .content-wrapper .content-desc-wrapper .author-info strong{color:#008bcb;} 
#blog-archive .overview-items > .item .content-wrapper .content-desc-wrapper h2{margin:0 0 10px 0; max-width:100%; overflow:hidden; text-overflow:ellipsis;} 
#blog-archive .overview-items > .item > .btn-wrapper{padding: 0 20px 20px 20px; width:100%;}
#blog-archive .overview-items > .item .btn-wrapper .read-more{font-weight:bold; color:#008bcb; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
#blog-archive .overview-items > .item .btn-wrapper .read-more:after {content: '';display: inline-block;width: 7px;height: 7px;border: 2px solid #008bcb;border-bottom: 0;border-left: 0;margin-left: 3px;-webkit-transform: translateY(-1px) rotate(45deg);-moz-transform: translateY(-1px) rotate(45deg);-ms-transform: translateY(-1px) rotate(45deg);-o-transform: translateY(-1px) rotate(45deg);transform: translateY(-1px) rotate(45deg);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
#blog-archive .overview-items > .item:hover .btn-wrapper .read-more:after{margin-left:5px;}

@media (max-width: 992px ){
  #blog-archive .overview-items > .item {width:100% !important; margin:10px 0px !important;}
  #blog-archive .overview-items > .item:first-child{box-shadow: 0 0 0 1px #d2d2d2, 0 0 0 0 rgba(0,0,0,0.0);}
  #blog-archive .overview-items > .item:first-child:hover{box-shadow: 0 0 0 1px #d2d2d2, 0 13px 20px 0 rgba(0,0,0,0.2);}
  #blog-archive .overview-items > .item:first-child .content-wrapper .content-img-wrapper{position:relative; width:100%; height:0; padding-bottom:50%; overflow:hidden;}
  #blog-archive .overview-items > .item:first-child .content-wrapper .content-desc-wrapper{margin:0; padding:20px; width:100%;min-height: auto;}
/*   #blog-archive .overview-items>.item:first-child .content-wrapper .content-desc-wrapper{padding:unset; margin:unset; width:100%;}
  #blog-archive .overview-items>.item:first-child .content-wrapper .content-img-wrapper {padding:90px; position:relative; margin-bottom:20px;} */
  
  .blog-filter-wrapper{width:100%; padding:0;}
  .blog-archive-content-wrapper>.blog-section{width:100%; margin-top:20px;}
  
  .blog-filter .dropdown{padding:16px 20px 10px 20px; border-radius: 300px;box-shadow: 0 0 0 2px #000 inset;cursor: pointer;}
  .blog-filter .dropdown span.mobile{display:block; text-align:center;}
  .blog-filter .dropdown span.desktop{display:none;}
  
  .blog-filter .dropdown-content{display:none; padding:20px;box-shadow: 0 2px 10px rgba(0,0,0,0.4);}
}

@media (max-width: 480px ){
  #blog-archive .overview-items > .item {width:100% !important;}
}

@media ( min-width: 993px ){
  .blog-filter .dropdown-content{display:block!important;}  
}



.post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

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

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

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

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

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

.elpress_social_sharing{padding:30px 0 0 0;} 
.elpress_social_sharing > .social_sharing_title{display:inline-block; vertical-align:middle; font-weight:bold;}
.elpress_social_sharing a{display:inline-block; vertical-align:middle;margin-left:10px;}


/** 
 * Blog Call to action
 *
 */
.blog-detail-cta{margin:30px 0 0 0; padding:30px; color:#fff; background:#008bcb;}
.blog-detail-cta *:not([class*="btn"]):not([class*="button"]):not(input):not(select):not(textarea){color:#fff;}
.blog-detail-cta .desc{display:inline-block; vertical-align:top;padding-right:20px; width:calc(100% - 240px);}
.blog-detail-cta .media{display:inline-block; vertical-align:top; width:240px; text-align:center;}

@media screen and (max-width:992px){
  .blog-detail-cta .desc{width:100%;}
  .blog-detail-cta .media{width:100%; margin:20px 0 0 0; padding:0;}
}

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

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

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

.blog-pagination > div{display:inline-block;}
.blog-pagination > div a{display:inline-block; text-decoration:none; color:#008bcb; width:30px; height:30px; text-align:center; line-height:30px; border-radius:100%; border:2px solid #008bcb;}  
.blog-pagination > .blog-pagination-center a:hover,
.blog-pagination > div a.active{color:#fff; border-color:#0070a4; background-color:#0070a4;} 
.blog-pagination > div:not(.blog-pagination-center) > a{border-color:transparent;}

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

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

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

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


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

.blog-single-sidebar.sticky{position:sticky; top:20px;}
.sidebar-widget{background:#f6f6f6; padding:25px;}

.sidebar-widget .author-wrapper{margin:0 0 40px 0;}
.sidebar-widget .author-wrapper .author-avatar{display:inline-block; vertical-align:middle; width:80px; margin-right:15px; border-radius:100%; overflow:hidden;}
.sidebar-widget .author-wrapper .author-avatar + .author-info{width:calc(100% - 95px);}
.sidebar-widget .author-wrapper .author-link{text-decoration:none; display:block;}
.sidebar-widget .author-wrapper .author-link:focus{outline:none;}
.sidebar-widget .author-wrapper .author-info{display:inline-block; vertical-align:middle;}
.sidebar-widget .author-wrapper .author-info .author-name{font-size:18px; line-height:22px; color:#008bcb; font-weight:900;}
.sidebar-widget .author-wrapper .author-link:hover .author-info .author-name{text-decoration:underline;}
.sidebar-widget .author-wrapper .author-info .author-bio{font-size:16px; line-height:22px;}

@media (max-width: 768px) {
  .sidebar-widget{margin-top:20px;}
}

.blog .blog-sidebar {}

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




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


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

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

/* Descriptions */
body .hs-field-desc {margin:0 0 5px 0;}

/* Labels */
body label {display:block; font-weight:bold;}
body .hs-form-field > label {font-weight:bold;}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  margin:0;
  padding: 8px 12px;
  padding:10px 12px;
  width: 100%;
  max-width: 100%;
  /*min-width: 100%; */
  border:0;
  outline:none;
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  line-height: 24px;
  line-height:normal;
  background-color:#fff;
  border-radius:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-box-shadow: 0 0 0 1px #323232 inset;
  -moz-box-shadow: 0 0 0 1px #323232 inset;
  box-shadow: 0 0 0 1px #323232 inset;
  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
}

select::-ms-expand {display: none;}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
  -webkit-box-shadow: 0 0 0 1px #c3c3c3 inset, 0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 0 1px #c3c3c3 inset, 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 0 1px #c3c3c3 inset, 0 0 10px rgba(0,0,0,0.2);
}

body input[type="text"].error,
body input[type="password"].error, 
body input[type="datetime"].error, 
body input[type="datetime-local"].error, 
body input[type="date"].error, 
body input[type="month"].error, 
body input[type="time"].error, 
body input[type="week"].error, 
body input[type="number"].error, 
body input[type="email"].error, 
body input[type="url"].error, 
body input[type="search"].error, 
body input[type="tel"].error, 
body input[type="color"].error,
body input[type="file"].error,
body textarea.error,
body select.error {
  box-shadow: 0 0 0 1px #008bcb inset;
}

body input[type="text"].error:focus,
body input[type="password"].error:focus, 
body input[type="datetime"].error:focus, 
body input[type="datetime-local"].error:focus, 
body input[type="date"].error:focus, 
body input[type="month"].error:focus, 
body input[type="time"].error:focus, 
body input[type="week"].error:focus, 
body input[type="number"].error:focus, 
body input[type="email"].error:focus, 
body input[type="url"].error:focus, 
body input[type="search"].error:focus, 
body input[type="tel"].error:focus, 
body input[type="color"].error:focus,
body input[type="file"].error:focus,
body textarea.error:focus,
body select.error:focus {
  box-shadow: 0 0 0 1px #008bcb inset, 0 0 10px rgba(0,0,0,0.2);
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
  min-height:150px;
}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {padding-right:34px; background-image:url(https://4021099.fs1.hubspotusercontent-na1.net/hubfs/4021099/Elpress%20thema%202019/select-arrow.svg); background-repeat:no-repeat; background-position:right center;}
body select:focus {}

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

body form.hs-form .hs-form-field ul.inputs-list.hs-error-msgs{
  color:#fff;
  background-color:#008bcb;
  position:relative;
}
body form.hs-form .hs-form-field ul.inputs-list.hs-error-msgs:before{
	content:'';
  display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #008bcb transparent;
  position:absolute;
  bottom:100%;
  left:6px;
}

body form.hs-form .hs-form-field ul.inputs-list.hs-error-msgs li label{
  padding:6px 6px 2px 6px;
  font-size:14px;
  line-height:24px;
}

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

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

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


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

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field, .hs-form-field {margin:0 0 10px 0;}
.legal-consent-container .hs-richtext{font-size:12px; line-height:20px;}
.legal-consent-container .hs-richtext p{margin:0 0 10px 0;}

.hs_cos_wrapper_type_form .legal-consent-container a{text-decoration:underline;}

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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


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

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

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

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

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

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




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


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

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  margin:0;
  cursor: pointer;
  -webkit-appearance: none;-moz-appearance: none;appearance: none;
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  text-decoration: none;
}

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

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


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

.hs_cos_wrapper_type_form .hs-button.primary.large {padding:10px 20px 6px 20px; font-size:16px; line-height:28px; text-transform:uppercase; color:#fff; background-color: #008bcb; border:0; outline:none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover,
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {color:#fff; background-color:#0070a4;}


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


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


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


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

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








/* ==========================================================================
   6. MISCELLANOUS                                        
   ========================================================================== */

/* Cookie bar */
body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom{box-shadow: 0 0 10px rgba(0,0,0,0.2)!important;border:0;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner{/*padding: 10px;*/}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p{display: inline!important;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p:empty{display: none;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area{/*display:inline;*/margin: 0!important;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a{color:#313131;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover{color:#313131;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button{color:#313131;border:0!important;box-shadow:0 0 0 2px #313131 inset!important;border-radius:300px;padding:6px 12px!important;background:transparent!important;margin: 10px!important;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover{background:#313131!important;color:#fff;}

@media (max-width:768px){
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p:empty{display: none;}
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p{display: block!important;}
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button{margin:0!important; }
}

/* Hubspot editor button */
@media (max-width:992px){
	body .hs-tools-menu.hs-collapsed{top: inherit!important;right: inherit!important;bottom: 10px;left: 10px;}
} 

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



body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}


/**********************************************/
/* Youtube wrapper                            */
/**********************************************/
.youtube-wrapper {cursor:pointer; position: relative;width:100%; padding-bottom: 56.25%; /* 16:9 */padding-top: 0;height: 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.youtube-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube-wrapper .play-button {width: 80px;height: 80px;background-color: #008bcb;box-shadow: 0 0 30px rgba( 0,0,0,0.6 );border: 2px solid #fff;z-index: 1;opacity: 1;border-radius: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.youtube-wrapper .play-button:before {content: "";border-style: solid;border-width: 22px 0 22px 38px;border-color: transparent transparent transparent #fff;}
.youtube-wrapper:hover .play-button{opacity:0.8;}
.youtube-wrapper .play-button {cursor: pointer;}
.youtube-wrapper iframe,
.youtube-wrapper .play-button,
.youtube-wrapper .play-button:before {position: absolute;}
.youtube-wrapper .play-button{top: 50%;left: 50%;-webkit-transform: translate3d( -50%, -50%, 0 );-moz-transform: translate3d( -50%, -50%, 0 );-ms-transform: translate3d( -50%, -50%, 0 );-o-transform: translate3d( -50%, -50%, 0 );transform: translate3d( -50%, -50%, 0 );}
.youtube-wrapper .play-button:before {top: 50%;left: 57%;-webkit-transform: translate3d( -50%, -50%, 0 );-moz-transform: translate3d( -50%, -50%, 0 );-ms-transform: translate3d( -50%, -50%, 0 );-o-transform: translate3d( -50%, -50%, 0 );transform: translate3d( -50%, -50%, 0 );}
.youtube-wrapper iframe {height: 100%;width: 100%;top: 0;left: 0;}




/* ==========================================================================
   7. MOBILE MEDIA QUERIES                              
   ========================================================================== */



   

/* Screen sizes smaller than site maxWidth (.page-center) small screen
   ========================================================================== */

@media (max-width: 1200px) {
  .container,
  .container-fluid .row-fluid .page-center,
  .page-center{
    max-width: 970px;
  }
}

@media (max-width: 992px) {
  .container,
  .container-fluid .row-fluid .page-center,
	.page-center{
    max-width: 750px;
  }
  
  #header .top-nav, #header .header-main{}
  #header .header{display:none;}
  #header.no-nav .header{display:block;}
  .slicknav_menu{display:block;}
  #header .header-seach{margin:0;}
  #header .header-seach input{padding:18px 22px; font-size:20px;}
}


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

@media (max-width: 768px) {
  .container,
  .container-fluid .row-fluid .page-center,
	.page-center{
    max-width: 100%;
  }
}
     

/* Landscape phones and smaller devices  mobile
   ========================================================================== */

@media (max-width: 768px) {
  .container,
  .container-fluid .row-fluid .page-center,
	.page-center{
  }

}
/* Landscape phones and smaller devices  mobile extra small
   ========================================================================== */

@media (max-width: 480px) {
  .container,
  .container-fluid .row-fluid .page-center,
	.page-center{
  }

}


html[lang*="nl"] .hs-search-field__suggestions #results-for:before {
	content: 'Resultaten voor'
}

html[lang*="de"] .hs-search-field__suggestions #results-for:before {
	content: 'Suchergebnisse f\00fcr'
}

html[lang*="pl"] .hs-search-field__suggestions #results-for:before {
	content: 'Wyniki wyszukiwania'
}

html[lang*="fr"] .hs-search-field__suggestions #results-for:before {
	content: 'Résultats de la recherche pour'
}

html[lang*="es"] .hs-search-field__suggestions #results-for:before {
	content: 'Resultados de búsqueda para'
}

.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
	background-color: rgba(0, 0, 0, .1);
	outline: 0
}

.lang_switcher_class {
	position: relative;
	display: inline-block
}

.globe_class {
	background-image: url("https://static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer
}

.lang_list_class {
	display: none;
	position: absolute;
	top: 17px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	z-index: 100;
	list-style-type: none;
	padding: 15px 0 0 0;
	margin: 0
}

.globe_class:hover .lang_list_class {
	display: block
}

.lang_list_class:before {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-bottom-color: #000;
	margin-left: -12px
}

.lang_list_class:after {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-bottom-color: #fff;
	margin-left: -12px;
	margin-bottom: -1px
}

.lang_list_class li {
	position: relative;
	line-height: 1;
	font-size: 13px;
	padding: 0 15px 10px 15px;
	background-color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000
}

.lang_list_class li:first-child {
	padding-top: 15px;
	border-top: 1px solid #000
}

.lang_list_class li:last-child {
	padding-bottom: 15px;
	border-bottom: 1px solid #000
}

.lang_list_class li a {
	text-decoration: none;
	color: #000;
	cursor: pointer
}

.lang_list_class li a:hover {
	color: #02f
}

.bg-color-light-blue{
  background-color:#005ea6;
}