@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i|Open+Sans:400,400i,600,600i,700,700i&display=swap');

/* Font awesome 4.7.0 */
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');




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

/* ==========================================================================
   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{
  background-color:#181818;
/*   Overflow disabled for position sticky and is already added to the body */
/*   overflow-X:hidden; */
}

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

/* Website background color and default font styles */
body {
  background: #fff;
  color: #000000;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x:hidden;
}

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

a{ color: #0073E6; outline-color:transparent; outline-width:2px; -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: #0d8ec8; }
a:focus{outline-color: #0073E6;outline-style: solid; outline-width: 2px; -webkit-transition: outline 0ms ease-in-out; -moz-transition: outline 0ms ease-in-out;-ms-transition: outline 0ms ease-in-out;-o-transition: outline 0ms ease-in-out;transition: outline 0ms ease-in-out;}

/* .style-pink a:not(.hs-btn){color: #9B3771;}
a:hover:not(.hs-btn){color: #7d1953; } */

.style-pink a{color: #9B3771;}
.style-pink a:hover{color: #7d1953; }

hr {
  margin: 40px 0;
  height: 1px;
  border: 0;
  border-bottom: 1px dashed #e5e5e5;
}

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

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

/* Fix for floating elements */
.clr{clear:both;}
.clrfix:after{content:''; display:table; clear:both;}

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: #f5f5f6;}
table.table-style1 th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #0073E6;color: white;}

.table-contact td + td{padding-left:10px;}
.table-project td + td{padding-left:10px;}

/* ==========================================================================
   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: 'Montserrat',sans-serif; text-transform:uppercase;}
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:35px; line-height:40px; font-weight:normal; margin:0 0 20px 0; }
h2 {font-size:30px; line-height:35px; font-weight:bold; margin:0 0 20px 0; }
h3 {font-size:24px; line-height:28px; font-weight:normal; margin:0 0 20px 0; }
h4 {font-size:22px; line-height:28px; font-weight:bold; margin:0 0 20px 0; }
h5 {font-size:20px; line-height:24px; font-weight:bold; margin:0 0 20px 0; }
h6 {font-size:18px; line-height:24px; font-weight:bold; margin:0 0 20px 0; }

h2 > i.fa{ width: 50px;height: 50px;float: left;background: #16c4e8;border-radius: 100%;text-align: center;font-size: 30px;line-height: 50px !important;color: #fff;margin: -8px 15px 0 0;} 
.style-pink h2 > i.fa{background-color:#9B3771;}


h2[style*="align:center"]:after, 
h2[style*="align: center"]:after{margin-left:calc(50% - 25px);}
h2[style*="align:right"]:after,
h2[style*="align: right"]:after{margin-left:auto;}

@media (max-width: 768px) {
  h1{font-size:30px;  line-height:35px; overflow:hidden; text-overflow:ellipsis;}
  h2{font-size:28px; line-height:33px; overflow:hidden; text-overflow:ellipsis;}
  h3{overflow:hidden; text-overflow:ellipsis;}
  h2 > i.fa {margin:0px 15px 0 0;}
}

/* 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:'Open Sans',Arial,sans-serif;color: #fff; font-size:16px;line-height:1.6;text-decoration: none;text-transform: uppercase; cursor:pointer; display: inline-block;margin: 3px;padding: 12px 36px 12px 20px;background-repeat:no-repeat; background-color:#0073E6; background-position: right center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E"); outline: none; border:0; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -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:#0d8ec8;outline:none;}
.hs-btn.invert, .hs-button.invert{background-color:#595959;}  
.hs-btn.invert:hover,.hs-button.invert:hover{background-color:#393939;}

.style-pink .hs-btn.invert,.style-pink .hs-button.invert{background-color:#595959;} 
.style-pink .hs-btn.invert:hover,.style-pink .hs-button.invert:hover{background-color:#393939;}

.hs-btn.white, .hs-button.white, .style-pink .hs-btn.white, .style-pink .hs-button.white{color:#0073E6; background-color:#ffffff; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%230facf3' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}
.style-pink .hs-btn.white, .style-pink .hs-button.white{color:#9b3771;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%239b3771' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}
.hs-btn.white:hover, .hs-button.white:hover, .style-pink .hs-btn.white:hover, .style-pink .hs-button.white:hover{color:#fff; background-color:#0d8ec8;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}
.style-pink .hs-btn.white:hover, .style-pink .hs-button.white:hover{background-color:#7d1953; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}
.hs-btn.outline, .hs-button.outline{color:#0073E6; background-color:transparent; box-shadow:0 0 0 2px #0073E6 inset;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%230facf3' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}
.hs-btn.outline:hover, .hs-button.outline:hover{color:#fff; background-color:#0d8ec8; box-shadow:0 0 0 0px #0d8ec8 inset;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}

.style-pink .hs-btn.outline, .hs-button.outline{color:#9B3771; box-shadow:0 0 0 2px #9B3771 inset; background-color:transparent; background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%239b3771' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}
.style-pink .hs-btn.outline:hover, .hs-button.outline:hover{color:#fff; box-shadow:0 0 0 2px #7d1953 inset; background-color:#7d1953; background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}

.hs-btn.invert.outline, .hs-button.invert.outline{color:#595959; background-color:transparent; box-shadow:0 0 0 2px #595959 inset;}
.hs-btn.invert.outline:hover, .hs-button.invert.outline:hover{color:#fff; background-color:#393939; box-shadow:0 0 0 0px #393939 inset;}
.hs-btn.white.outline, .hs-button.white.outline{color:#ffffff; background-color:transparent; box-shadow:0 0 0 2px #ffffff inset; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}
.hs-btn.white.outline:hover, .hs-button.white.outline:hover{color:#000000; background-color:#ffffff; box-shadow:0 0 0 0px #ffffff inset; background-position: right center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23000000' d='M25,20.7l4,4l-4,4V20.7z'/%3E%3C/svg%3E");}

.hs-btn.disabled, .hs-btn.disabled:hover{padding:12px 20px;cursor:not-allowed;background-image: none;background-color:#292929!important;opacity:0.6; pointer-events:none;}

.style-pink .hs-btn, .style-pink a.hs-btn, .style-pink .hs-button{color:#fff; background-color:#9B3771;}
.style-pink .hs-btn:hover, .style-pink a.hs-btn:hover,.style-pink .hs-button:hover{color:#fff; background-color: #7d1953;}

.style-pink .hs-btn, .style-pink a.hs-btn,.style-pink .hs-button{color:#fff; background-color:#9B3771;}
.style-pink .hs-btn:hover, .style-pink a.hs-btn:hover,.style-pink .hs-button:hover{color:#fff; background-color: #7d1953;}
 
.hs_cos_gallery_main .slick-prev:before, .hs_cos_gallery_main .slick-next:before, .hs_cos_gallery_thumbnails .slick-prev:before, .hs_cos_gallery_thumbnails .slick-next:before, .hs_cos_gallery_lightbox .slick-prev:before, .hs_cos_gallery_lightbox .slick-next:before{color:#0073E6; }


/* Quotes */
blockquote {font-size: 20px;line-height: 30px;font-weight: 600;background: #f9f9f9;border-left: 10px solid #0073E6;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 {}

.body-container-wrapper p{color:#272f3b;}
body,body.style-pink{color:#272f3b;}


/* ==========================================================================
   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:relative;line-height: 0;}
.header-container-wrapper .responsive-nav{display:none; }
.header-container-wrapper .header-main .page-center > div > .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 .page-center > div > .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: flex-end;-ms-flex-line-pack: end;align-content: flex-end;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;} */
.header-container-wrapper .header-main .page-center > div > .row-fluid:before,
.header-container-wrapper .header-main .page-center > div > .row-fluid:after{display:none;}
.header-container-wrapper .header-main .page-center > div > .row-fluid .main-logo{width:auto; margin:0 0 20px 0; margin:0;}
.header-container-wrapper .header-main .page-center > div > .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-wrapper .header-main .page-center > div > .row-fluid .main-nav .hs-menu-wrapper{display:inline-block; position:static;}
.header-container-wrapper .header .widget-type-menu { text-align: right;}

.header-container {}

.header-container-wrapper .header.no-nav .header-main .row-fluid .main-logo{margin:20px 0;}
.header-container-wrapper .header.no-nav .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: 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;}
.header-container-wrapper .header.no-nav .header-main .row-fluid:before,
.header-container-wrapper .header.no-nav .header-main .row-fluid:after{display:none;}
.header-container-wrapper .header.no-nav .header-main .row-fluid .top-lang{width:auto;}

@media (max-width: 992px) {
  .header-container-wrapper .header.no-nav .header-main .row-fluid .main-logo{margin:10px 0; }
  .header-container-wrapper .responsive-nav{display:block;}
  .header-container .header.no-nav .main-logo a img{height:38px; margin:0;}
  #header .header{display:none;}
  #header .header.no-nav{display:block;}
  .header-homepage .intro{width:100%; max-width:100%;}
  .header-homepage .intro h1{font-size: 40px !important;}
}

@media (max-width: 768px) {
  
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a,
.header-container .main-logo a{margin:15px 0; display:inline-block;}
.header-container .main-logo a img{display:block; vertical-align:top; max-height:100px; width:auto!important;}

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

.header .header-top{text-align:right; border-bottom: 1px solid #eee;}
.header .header-top .row-fluid .top-nav,
.header .header-top .row-fluid .top-lang{float:none;width:auto; display:inline-block; vertical-align:middle;} 
.header .header-top .row-fluid .top-lang{margin-left:20px;}

/* #header .globe_class{
  background-size:cover;
  background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KPHBhdGggZmlsbD0iIzBhMGE4ZiIgZD0iTTggMGMtNC40IDAtOCAzLjYtOCA4czMuNiA4IDggOCA4LTMuNiA4LTgtMy42LTgtOC04ek0xMy4yIDUuM2MwLjQgMCAwLjcgMC4zIDEuMSAwLjMtMC4zIDAuNC0xLjYgMC40LTItMC4xIDAuMy0wLjEgMC41LTAuMiAwLjktMC4yek0xIDhjMC0wLjQgMC0wLjggMC4xLTEuMyAwLjEgMCAwLjIgMC4xIDAuMyAwLjEgMCAwIDAuMSAwLjEgMC4xIDAuMiAwIDAuMyAwLjMgMC41IDAuNSAwLjUgMC44IDAuMSAxLjEgMC44IDEuOCAxIDAuMiAwLjEgMC4xIDAuMyAwIDAuNS0wLjYgMC44LTAuMSAxLjQgMC40IDEuOSAwLjUgMC40IDAuNSAwLjggMC42IDEuNCAwIDAuNyAwLjEgMS41IDAuNCAyLjItMi41LTEuMi00LjItMy42LTQuMi02LjV6TTggMTVjLTAuNyAwLTEuNS0wLjEtMi4xLTAuMy0wLjEtMC4yLTAuMS0wLjQgMC0wLjYgMC40LTAuOCAwLjgtMS41IDEuMy0yLjIgMC4yLTAuMiAwLjQtMC40IDAuNC0wLjcgMC0wLjIgMC4xLTAuNSAwLjItMC43IDAuMy0wLjUgMC4yLTAuOC0wLjItMC45LTAuOC0wLjItMS4yLTAuOS0xLjgtMS4ycy0xLjItMC41LTEuNy0wLjJjLTAuMiAwLjEtMC41IDAuMi0wLjUtMC4xIDAtMC40LTAuNS0wLjctMC40LTEuMS0wLjEgMC0wLjIgMC0wLjMgMC4xcy0wLjIgMC4yLTAuNCAwLjFjLTAuMi0wLjItMC4xLTAuNC0wLjEtMC42IDAuMS0wLjIgMC4yLTAuMyAwLjQtMC40IDAuNC0wLjEgMC44LTAuMSAxIDAuNCAwLjMtMC45IDAuOS0xLjQgMS41LTEuOCAwIDAgMC44LTAuNyAwLjktMC43czAuMiAwLjIgMC40IDAuM2MwLjIgMCAwLjMgMCAwLjMtMC4yIDAuMS0wLjUtMC4yLTEuMS0wLjYtMS4yIDAtMC4xIDAuMS0wLjEgMC4xLTAuMSAwLjMtMC4xIDAuNy0wLjMgMC42LTAuNiAwLTAuNC0wLjQtMC42LTAuOC0wLjYtMC4yIDAtMC40IDAtMC42IDAuMS0wLjQgMC4yLTAuOSAwLjQtMS41IDAuNCAxLjEtMC44IDIuNS0xLjIgMy45LTEuMiAwLjMgMCAwLjUgMCAwLjggMC0wLjYgMC4xLTEuMiAwLjMtMS42IDAuNSAwLjYgMC4xIDAuNyAwLjQgMC41IDAuOS0wLjEgMC4yIDAgMC40IDAuMiAwLjVzMC40IDAuMSAwLjUtMC4xYzAuMi0wLjMgMC42LTAuNCAwLjktMC41IDAuNC0wLjEgMC43LTAuMyAxLTAuNyAwLTAuMSAwLjEtMC4xIDAuMi0wLjIgMC42IDAuMiAxLjIgMC42IDEuOCAxLTAuMSAwLTAuMSAwLjEtMC4yIDAuMS0wLjIgMC4yLTAuNSAwLjMtMC4yIDAuNyAwLjEgMC4yIDAgMC4zLTAuMSAwLjQtMC4yIDAuMS0wLjMgMC0wLjQtMC4xcy0wLjEtMC4zLTAuNC0wLjNjLTAuMSAwLjItMC40IDAuMy0wLjQgMC42IDAuNSAwIDAuNCAwLjQgMC41IDAuNy0wLjYgMC4xLTAuOCAwLjQtMC41IDAuOSAwLjEgMC4yLTAuMSAwLjMtMC4yIDAuNC0wLjQgMC42LTAuOCAxLTAuOCAxLjdzMC41IDEuNCAxLjMgMS4zYzAuOS0wLjEgMC45LTAuMSAxLjIgMC43IDAgMC4xIDAuMSAwLjIgMC4xIDAuMyAwLjEgMC4yIDAuMiAwLjQgMC4xIDAuNi0wLjMgMC44IDAuMSAxLjQgMC40IDIgMC4xIDAuMiAwLjIgMC4zIDAuMyAwLjQtMS4zIDEuNC0zIDIuMi01IDIuMnoiLz4KPC9zdmc+Cg==); 
  background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KPHBhdGggZmlsbD0iI2U2MDA3ZSIgZD0iTTggMGMtNC40IDAtOCAzLjYtOCA4czMuNiA4IDggOCA4LTMuNiA4LTgtMy42LTgtOC04ek0xMy4yIDUuM2MwLjQgMCAwLjcgMC4zIDEuMSAwLjMtMC4zIDAuNC0xLjYgMC40LTItMC4xIDAuMy0wLjEgMC41LTAuMiAwLjktMC4yek0xIDhjMC0wLjQgMC0wLjggMC4xLTEuMyAwLjEgMCAwLjIgMC4xIDAuMyAwLjEgMCAwIDAuMSAwLjEgMC4xIDAuMiAwIDAuMyAwLjMgMC41IDAuNSAwLjUgMC44IDAuMSAxLjEgMC44IDEuOCAxIDAuMiAwLjEgMC4xIDAuMyAwIDAuNS0wLjYgMC44LTAuMSAxLjQgMC40IDEuOSAwLjUgMC40IDAuNSAwLjggMC42IDEuNCAwIDAuNyAwLjEgMS41IDAuNCAyLjItMi41LTEuMi00LjItMy42LTQuMi02LjV6TTggMTVjLTAuNyAwLTEuNS0wLjEtMi4xLTAuMy0wLjEtMC4yLTAuMS0wLjQgMC0wLjYgMC40LTAuOCAwLjgtMS41IDEuMy0yLjIgMC4yLTAuMiAwLjQtMC40IDAuNC0wLjcgMC0wLjIgMC4xLTAuNSAwLjItMC43IDAuMy0wLjUgMC4yLTAuOC0wLjItMC45LTAuOC0wLjItMS4yLTAuOS0xLjgtMS4ycy0xLjItMC41LTEuNy0wLjJjLTAuMiAwLjEtMC41IDAuMi0wLjUtMC4xIDAtMC40LTAuNS0wLjctMC40LTEuMS0wLjEgMC0wLjIgMC0wLjMgMC4xcy0wLjIgMC4yLTAuNCAwLjFjLTAuMi0wLjItMC4xLTAuNC0wLjEtMC42IDAuMS0wLjIgMC4yLTAuMyAwLjQtMC40IDAuNC0wLjEgMC44LTAuMSAxIDAuNCAwLjMtMC45IDAuOS0xLjQgMS41LTEuOCAwIDAgMC44LTAuNyAwLjktMC43czAuMiAwLjIgMC40IDAuM2MwLjIgMCAwLjMgMCAwLjMtMC4yIDAuMS0wLjUtMC4yLTEuMS0wLjYtMS4yIDAtMC4xIDAuMS0wLjEgMC4xLTAuMSAwLjMtMC4xIDAuNy0wLjMgMC42LTAuNiAwLTAuNC0wLjQtMC42LTAuOC0wLjYtMC4yIDAtMC40IDAtMC42IDAuMS0wLjQgMC4yLTAuOSAwLjQtMS41IDAuNCAxLjEtMC44IDIuNS0xLjIgMy45LTEuMiAwLjMgMCAwLjUgMCAwLjggMC0wLjYgMC4xLTEuMiAwLjMtMS42IDAuNSAwLjYgMC4xIDAuNyAwLjQgMC41IDAuOS0wLjEgMC4yIDAgMC40IDAuMiAwLjVzMC40IDAuMSAwLjUtMC4xYzAuMi0wLjMgMC42LTAuNCAwLjktMC41IDAuNC0wLjEgMC43LTAuMyAxLTAuNyAwLTAuMSAwLjEtMC4xIDAuMi0wLjIgMC42IDAuMiAxLjIgMC42IDEuOCAxLTAuMSAwLTAuMSAwLjEtMC4yIDAuMS0wLjIgMC4yLTAuNSAwLjMtMC4yIDAuNyAwLjEgMC4yIDAgMC4zLTAuMSAwLjQtMC4yIDAuMS0wLjMgMC0wLjQtMC4xcy0wLjEtMC4zLTAuNC0wLjNjLTAuMSAwLjItMC40IDAuMy0wLjQgMC42IDAuNSAwIDAuNCAwLjQgMC41IDAuNy0wLjYgMC4xLTAuOCAwLjQtMC41IDAuOSAwLjEgMC4yLTAuMSAwLjMtMC4yIDAuNC0wLjQgMC42LTAuOCAxLTAuOCAxLjdzMC41IDEuNCAxLjMgMS4zYzAuOS0wLjEgMC45LTAuMSAxLjIgMC43IDAgMC4xIDAuMSAwLjIgMC4xIDAuMyAwLjEgMC4yIDAuMiAwLjQgMC4xIDAuNi0wLjMgMC44IDAuMSAxLjQgMC40IDIgMC4xIDAuMiAwLjIgMC4zIDAuMyAwLjQtMS4zIDEuNC0zIDIuMi01IDIuMnoiLz4KPC9zdmc+Cg==);
} */

/* #header .hs_cos_wrapper_type_language_switcher{display:inline-block; vertical-align:top; line-height:normal;}
#header .lang_switcher_class{vertical-align:top; padding:10px;}
#header .lang_list_class{top:27px;}
#header .lang_list_class:before{border-bottom-color:#000000;}
#header .lang_list_class li:first-child{border-top:1px solid #000000;}
#header .lang_list_class li{border-left:1px solid #000000;border-right:1px solid #000000;}
#header .lang_list_class li:last-child{border-bottom:1px solid #000000;}

#header .slicknav_menu .lang_switcher_class{position:absolute; top:9px; right:50px;} */

#header .lang_list_class{display: -ms-flexbox;display: -webkit-flex;display: flex;margin-top: 26px; margin:0; padding:0; position:static; top:0px;transform: translateX(0px);-webkit-transform: translateX(0px); }
#header .lang_list_class:before, #header .lang_list_class:after{display:none;}
#header .globe_class {background-image:none; height:70px; height:auto;cursor:pointer; width:auto;  -webkit-tap-highlight-color: transparent;}
#header .lang_list_class li, #header .lang_list_class li:focus{border:none;outline:0; padding:5px;line-height:1; overflow: hidden; left: 0; background:transparent;}
#header .lang_switcher_class{display:inline-block; position:static;}
#header [data-language*="nl"] { background: url(https://5511357.fs1.hubspotusercontent-na1.net/hubfs/5511357/Edumundo%20Theme%20Sept%202019/images/nl.svg);}
#header [data-language*="en"] { background: url(https://5511357.fs1.hubspotusercontent-na1.net/hubfs/5511357/Edumundo%20Theme%20Sept%202019/images/uk.svg);}
#header [data-language*="de"] { background: url(https://5511357.fs1.hubspotusercontent-na1.net/hubfs/5511357/Edumundo%20Theme%20Sept%202019/images/de.svg);}
#header .lang_list_class a{margin:0;padding:0;width:18px; height:12px; color:transparent; text-indent:-999px; display:block; background-size: 18px; box-shadow:0 0 0 2px #fff,0 0 0 4px #fff;}
#header .lang_list_class a:focus{ outline: none; box-shadow:0 0 0 2px #fff,0 0 0 4px #0073E6; -webkit-tap-highlight-color: transparent;  }


@media (max-width: 768px) {
#footer .lang_list_class{display: inline-flex;margin-top: 0px; padding:10px 0px; position:relative; top:0px; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); }
#footer .lang_list_class:before, #header .lang_list_class:after{display:none;}
#footer .globe_class {background-image:none; height:70px;cursor:pointer; width:auto;  -webkit-tap-highlight-color: transparent;}
#footer .lang_list_class li{border:none;padding:0px;line-height:19px; margin-left:10px; height: 18px;width: 28px;overflow: hidden; left: 0%;}
#footer .lang_switcher_class{display:inline-block; position:static;}
#footer [data-language*="nl"] { background: url(https://5511357.fs1.hubspotusercontent-na1.net/hubfs/5511357/Edumundo%20Theme%20Sept%202019/images/nl.svg);}
#footer [data-language*="en"] { background: url(https://5511357.fs1.hubspotusercontent-na1.net/hubfs/5511357/Edumundo%20Theme%20Sept%202019/images/uk.svg);}
#footer [data-language*="de"] { background: url(https://5511357.fs1.hubspotusercontent-na1.net/hubfs/5511357/Edumundo%20Theme%20Sept%202019/images/de.svg);}
#footer .lang_list_class a{width:30px; height:18px; color:transparent; text-indent:-999px; display:inline-block; background-size: 27px;}
#footer .lang_list_class a:focus{ outline: none; -webkit-tap-highlight-color: transparent;  }
#footer .lang_list_class:after{display:none;}
#footer .lang_list_class li:first-child{margin-left:0px;}

}


.row-fluid [class*="span"].top-nav{  }
.top-nav ul,
.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 20px; display: inline-block;}
.top-nav .hs-menu-wrapper ul li a{display:block; font-size:12px;line-height:20px; color:#323e48; padding:4px 0;text-decoration:none; -webkit-transition: 200ms; -moz-transition: 200ms;-ms-transition: 200ms;-o-transition: 200ms;transition: 200ms; }
.top-nav .hs-menu-wrapper ul li a .fa{color:#0073E6;margin:0 4px 0 0;-webkit-transition: 200ms; -moz-transition: 200ms;-ms-transition: 200ms;-o-transition: 200ms;transition: 200ms;}
.top-nav .hs-menu-wrapper > ul{margin:6px 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;}
.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:#0d8ec8;}

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

.top-nav .hs-menu-wrapper > ul > li:last-child > a,
.top-nav .hs-menu-wrapper > ul > li:nth-last-child(2) > a{padding:4px 10px;background: #ccc; box-shadow:0 0 0 1px #bfbfbf inset; 
  background: rgb(230,230,230);background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(204,204,204,1) 50%, rgba(149,146,131,1) 50%, rgba(99,96,84,1) 100%);background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(204,204,204,1) 50%,rgba(149,146,131,1) 50%,rgba(99,96,84,1) 100%);background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(204,204,204,1) 50%,rgba(149,146,131,1) 50%,rgba(99,96,84,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#636054',GradientType=0 );
  background-size:auto 200%;
}
.top-nav .hs-menu-wrapper > ul > li:nth-last-child(2) > a:hover,
.top-nav .hs-menu-wrapper > ul > li:last-child > a:hover,
.top-nav .hs-menu-wrapper > ul > li[class*="active"]:nth-last-child(2) > a,
.top-nav .hs-menu-wrapper > ul > li[class*="active"]:last-child > a{color:#fff;background-position:left bottom;}
.top-nav .hs-menu-wrapper > ul > li:nth-last-child(2) > a:hover .fa,
.top-nav .hs-menu-wrapper > ul > li:last-child > a:hover .fa,
.top-nav .hs-menu-wrapper > ul > li[class*="active"]:nth-last-child(2) > a .fa,
.top-nav .hs-menu-wrapper > ul > li[class*="active"]:last-child > a .fa{color:#fff;} 

.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:#0073E6;}
.top-nav .hs-menu-wrapper > ul > li[class*="active"] > a svg .fill,
.top-nav .hs-menu-wrapper > ul > li a:hover svg .fill{fill:#0078ff }


.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-family: 'Open Sans',Arial,sans-serif;color:#3c3c3b; font-size: 13px;line-height:20px;padding: 20px 13px;text-decoration:none; white-space:nowrap; text-transform:uppercase; position:relative;}
/* .main-nav .hs-menu-wrapper ul li a:after{content:''; display:block; width:0%; height:1px; background:#0078ff; 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:hover > a,
.main-nav .hs-menu-wrapper ul li a:hover{background-color:rgba(0,0,0,0.1);}
.main-nav .hs-menu-wrapper > ul{margin:40px 0 0 0; text-align: initial; 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 + li{margin-left:2px;}

.main-nav .hs-menu-wrapper > ul > li[class*="has-children"] > a:after{content: '';margin: -4px 0 0 4px;display: inline-block;vertical-align: middle;width: 0;height: 0;border-style: solid;border-width: 4px 4px 0 4px;border-color: #000 transparent transparent transparent;}

.main-nav .hs-menu-wrapper ul li ul li > a{text-transform:none;}
.main-nav .hs-menu-wrapper ul li ul li[class*="active"] > a,
.main-nav .hs-menu-wrapper ul li ul li:hover > a{background-color: #f5f5f5;}


/* Custom contact link */
.main-nav .hs-menu-wrapper > ul > li > a[href*="hulp"],
.main-nav .hs-menu-wrapper > ul > li > a[href*="ask-for-help"]{padding:6px 18px; color:#fff; background-color:#0073E6; border-radius:30px;}
.main-nav .hs-menu-wrapper > ul > li > a[href*="hulp"]:after,
.main-nav .hs-menu-wrapper > ul > li > a[href*="ask-for-help"]:after{display:none;}
.main-nav .hs-menu-wrapper > ul > li[class*="active"] > a[href*="hulp"],
.main-nav .hs-menu-wrapper > ul > li[class*="active"] > a[href*="ask-for-help"],
.main-nav .hs-menu-wrapper > ul > li > a[href*="hulp"]:hover,
.main-nav .hs-menu-wrapper > ul > li > a[href*="ask-for-help"]:hover{background-color:#0d8ec8;}

/* Hide items for desktop navigation */




.main-nav .hs-menu-wrapper > ul > li a svg path{ -webkit-transition: 300ms; -moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms; }
.main-nav .hs-menu-wrapper > ul > li a svg .fill-none{fill:transparent;}
.main-nav .hs-menu-wrapper > ul > li a:hover svg .fill-none{fill:#0073E6;}
.main-nav .hs-menu-wrapper > ul > li a svg .fill{fill:#0073E6;}
.main-nav .hs-menu-wrapper > ul > li a:hover svg .fill,
.main-nav .hs-menu-wrapper > ul > li[class*="active"] > a svg .fill{fill: #0078ff;}
.main-nav .hs-menu-wrapper > ul > li a span.txt{display:none;}

.main-nav .hs-menu-wrapper > ul > li ul{background:#fff; min-width:140px; top:100%; left:0;opacity:0; box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset; visibility: hidden; -webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px); -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 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:#f5f5f6;} 
.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);}


/* 
.header-main{position:relative;}
.main-nav .hs-menu-wrapper > ul > li:nth-child(4){position:inherit;}
.main-nav .hs-menu-wrapper > ul > li:nth-child(4) > ul{position:absolute;top: 74px;left:0; padding:10px 20px;width:100%;box-shadow:0 3px 3px rgba(0,0,0,0.2);}
.main-nav .hs-menu-wrapper > ul > li:nth-child(4) > ul > li{display: block;float: left;width: 25%;margin: 0;padding: 0 20px 0 0;}
.main-nav .hs-menu-wrapper > ul > li:nth-child(4) > ul > li > a{margin:0; padding-left:0; padding-right:0; border-bottom:1px solid red;}
.main-nav .hs-menu-wrapper > ul > li:nth-child(4) > ul > li > ul{opacity:0;visibility:hidden;position:static;-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:nth-child(4):hover > ul > li > ul{opacity:1;visibility:visible;position:static;-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:nth-child(4) > ul > li > ul > li > a{font-size:15px; line-height:18px; padding-left:0; padding-right:0;}
 */
@media (max-width: 1200px) {
  .main-nav .hs-menu-wrapper ul li a{padding:12px 6px; font-size:12px;}
  .main-nav .hs-menu-wrapper > ul > li > a{}
  .main-nav .hs-menu-wrapper > ul > li ul{}
}


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


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


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

/* Homepage */

/* d 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:#fff; background-color:#181818;}

#footer a:not([class*="btn"]){color:#fff;}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6{font-weight:bold;}

#footer h1{font-size:28px; line-height:30px; margin:0 0 10px 0;}
#footer h2{font-size:24px; line-height:30px; margin:0 0 10px 0;}
#footer h3{font-size:20px; line-height:30px; margin: 15px 0 5px 0;}
#footer h4{font-size:18px; line-height:30px; margin:0 0 10px 0;}
#footer h5{font-size:16px; line-height:30px; margin:0 0 10px 0;}
#footer h6{font-size:14px; line-height:30px; margin:0 0 10px 0;}

#footer .footer-slider{background-color:#fff;}
#footer .footer-slider *:not([class*="btn"]):not([class*="button"]):not(input):not(select):not(textarea){color:#fff;color:#000000;}

section.section-logoslider .owl-carousel .owl-nav button.owl-next{right:-45px;top:50%;margin-top:-1em;position:absolute;}
section.section-logoslider .owl-carousel .owl-nav button.owl-prev{left:-45px;top:50%;margin-top:-1em;position:absolute;}
section.section-logoslider .owl-theme .owl-nav{margin-top:0!important;}
section.section-logoslider .owl-carousel .owl-item img{height:50px;width:auto!important;-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:auto; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear; }
section.section-logoslider .owl-carousel .owl-item img:hover{height:50px;width:auto!important;-webkit-filter:grayscale(0%);filter:grayscale(0%);}

#footer .footer-info{padding:40px 0; background-color:#595959; font-size:0.9rem;}
#footer .footer-info a:not([class*="btn"]):not([class*="button"]){text-decoration:none;}
#footer .footer-info a:not([class*="btn"]):not([class*="button"]):hover{color:#0073E6;}
#footer .footer-info .fa {font-size: 30px;}

#footer .footer-copyright{padding:15px 0; text-align:center;color:#ced4d8;}
#footer .footer-copyright .hs_cos_wrapper,
#footer .footer-copyright .hs-menu-wrapper{display:inline;}
#footer .footer-copyright ul{display:inline; list-style-type:none; margin:0; padding:0;}
#footer .footer-copyright ul li ul{display:none;}
#footer .footer-copyright ul > li{display:inline;}
#footer .footer-copyright ul > li:before{content:'| ';}
#footer .footer-copyright ul > li > a{color:#ced4d8; text-decoration:none;}

#footer .footer-copyright ul > li > a:hover{color:#0073E6;}

#footer .social p{
  line-height: 26px;}

#footer .wrapper-company-info{font-size: 14px;line-height: 26px;}
#footer .wrapper-company-info p:last-child{margin-bottom:0;}
#footer .wrapper-company-info .socials a{display:inline-block; font-size: 30px; margin:3px 5px;}


/* ==========================================================================
   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;}
.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;}
.slicknav_menu .slicknav_nav{padding:0 10px 10px 10px;box-shadow: 0 3px 3px 0px rgba(0,0,0,0.1);position:relative; line-height:1.6;}
.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;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;color:#3c3c3b;position: relative;text-decoration:none;}
.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: #0073E6; }
.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;}

.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;}
#header .responsive-nav-wrapper > .lang_list_class{margin:0 20px 0 auto;}


.slicknav_menu .slicknav_nav a .fa{margin: 0 4px 0 0; -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_nav a[href*="#helpdesk"],
.slicknav_menu .slicknav_nav a[href*="/student"]{margin-top:4px; padding:4px 10px;color:#323e48;background: #ccc; box-shadow:0 0 0 1px #bfbfbf inset; 
  background: rgb(230,230,230);background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(204,204,204,1) 50%, rgba(149,146,131,1) 50%, rgba(99,96,84,1) 100%);background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(204,204,204,1) 50%,rgba(149,146,131,1) 50%,rgba(99,96,84,1) 100%);background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(204,204,204,1) 50%,rgba(149,146,131,1) 50%,rgba(99,96,84,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#636054',GradientType=0 );background-size:auto 200%; }
.slicknav_menu .slicknav_nav a[href*="#helpdesk"]:hover,
.slicknav_menu .slicknav_nav a[href*="/student"]:hover,
.slicknav_menu .slicknav_nav li[class*="active"] > a[href*="/student"]{color:#fff;background-position:left bottom;}
.slicknav_menu .slicknav_nav a[href*="#helpdesk"]:hover .fa,
.slicknav_menu .slicknav_nav a[href*="/student"]:hover .fa,
.slicknav_menu .slicknav_nav li[class*="active"] > a[href*="/student"] .fa{color:#fff;} 

/**
 * 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: #0073E6 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 {}

body.subscription-template .subscription-wrapper{padding:50px 0;}

body .widget-type-password_prompt input[type="submit"]{margin-top:10px;}


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



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

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: 30px;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:#f5f5f6;}

/* 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.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.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.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}








/* ==========================================================================
   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:40px 0;}
#blog-single .blog-post-img{margin:0 0 30px 0;}
#blog-single .blog-post-img img{width:100%; height:auto;}

#blog-single .tags{margin:0 0 10px 0; font-size:16px; line-height:22px; color:#0073E6; font-weight:900;}
#blog-single .tags .tag{color:#0073E6; text-decoration:none;}
#blog-single .tags .tag:hover{text-decoration:underline;}
#blog-single .tags .tag:focus{outline:none;}

#blog-main-content{margin:0 0 20px 0; padding:0; background-color:transparent;}
#blog-main-content:after{content:''; display:table; clear:both;}
#blog-main-content .blog-image{display:block; vertical-align:top; width:100%; margin:0 0 20px 0;}
#blog-main-content .blog-image img{width:100%;}

#blog-single .sidebar > div .item{margin:0 0 20px 0; padding:0;background-color:transparent;}
.hs-blog-post .sidebar {text-align: center;}
#blog-single .sidebar .author-avatar{display:inline-block; width:100px; height:100px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-color:#f5f5f6; background-size:cover; position:relative; overflow:hidden;}
#blog-single .sidebar .author-avatar.empty:before{content:'';display:block;width: 46px;height: 46px;background:#fff;border-radius:100%;border: 2px solid #f5f5f6;position: absolute;left: 50%;margin-left: -23px;top: 20px;z-index: 2;}
#blog-single .sidebar .author-avatar.empty:after{content:'';display:block;width: 70px;height: 48px;background:#fff;border-radius:100%;position: absolute;left: 50%;margin-left: -35px;bottom: -10px;}
#blog-single .sidebar .author-info{text-align:center; display:block;}
#blog-single .sidebar .author-link{display:block; text-decoration:none;}
#blog-single .sidebar .author-name{font-weight:bold;}
#blog-single .sidebar .social-profile{margin-top:20px;}
#blog-single .sidebar .social-profile a{display:inline-block; vertical-align:top;}
#blog-single .sidebar .social-profile a svg{display:inline-block; vertical-align:top;}
#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; padding:0;}
#blog-single .sidebar > div .item.recent-blogs .widget-module > ul li:before{content: '\203A\00a0';}
#blog-single .sidebar > div .item.recent-blogs .widget-module > ul li a{display:inline-block;text-decoration:none;}
#blog-single .sidebar > div .item.recent-blogs .widget-module > ul li a:hover{text-decoration:underline;}

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

.post-listing .post-img{height: 150px;background-position: center center;background-size: cover;width: 100%; }
.post-listing .bottom{margin-bottom: 15px;border-bottom: 1px solid white;padding-bottom: 15px;}
.post-listing .post-img a{display:block;}
.post-listing .fa, .post-listing li a{color: #0073E6 !important; display:contents;text-align: left !important;} 
.post-listing li{margin-bottom: 10px;}
.post-listing li a:hover{color:#0d8ec8 !important; -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;}
.post-listing .fa{padding: 10px;}
.related-blogs ul{list-style-type: none;padding: 0px;}
.related-post-header-title{color:#0073E6;}
.style-pink .related-post-header-title{color:#9B3771;}
.style-pink .post-listing .fa, .style-pink .post-listing li a{color:#9B3771!important;}
.style-pink .post-listing li a:hover{color:#7d1953!important;}


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

.blog-overview-title{padding: 5vw 0 5vw 0;color: #fff;background-image: url(https://cdn2.hubspot.net/hub/5195704/hubfs/Viperty%20theme%20Jan%202019/page-header.jpg?length=2000&name=page-header.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;}

.blog-overview-title .inner{position: relative;z-index: 2;max-width: 540px;margin: 0 auto 0 0;}
.blog-overview-title .inner h1{color:#fff; margin:0;}

#blog-archive{padding:40px 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:30px; line-height:40px; text-align:center;}


#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 2% 2%;padding:0;color: #000000; display: inline-block;vertical-align: top;background: #fff;text-decoration: none;width: 49%;box-shadow:0 2px 20px rgba(0,0,0,0.2);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:nth-child(odd){margin-left:0;}
#blog-archive .overview-items > .item:hover{box-shadow:0 0 40px rgba(0,0,0,0.2); /*-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);*/}
#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:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#0073E6; opacity:0; -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 .content-wrapper .content-img-wrapper:after{opacity:0.6;}
#blog-archive .overview-items > .item .content-wrapper .content-img-wrapper{position:relative;width:100%;height:0;padding-bottom: 50%;box-shadow: 0 0 0 2px #f5f5f6 inset;overflow: hidden;}
#blog-archive .overview-items > .item .content-wrapper .content-img-wrapper img{width:100%;max-width:100%;height:auto;position: absolute;left: 0;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:15px 20px 1px 20px;}
#blog-archive .overview-items > .item .btn-wrapper{padding: 20px 20px 15px; width:100%;}

#blog-archive .overview-items > .item .btn-wrapper .read-more{position:relative; display:block; margin-top:14px; width:18px; height:18px; -webkit-transform-origin:center right;-moz-transform-origin:center right;-ms-transform-origin:center right;-o-transform-origin:center right;transform-origin:center right; -webkit-transform: translateY(-50%) rotate(45deg);-moz-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) 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{-webkit-transform: translate(4px, -50%) rotate(45deg);-moz-transform: translate(4px, -50%) rotate(45deg);ms-transform: translate(4px, -50%) rotate(45deg);-o-transform: translate(4px, -50%) rotate(45deg);transform: translate(4px, -50%) rotate(45deg);}
#blog-archive .overview-items > .item .btn-wrapper .read-more:before,
#blog-archive .overview-items > .item .btn-wrapper .read-more:after{content:''; display:inline-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;}
#blog-archive .overview-items > .item .btn-wrapper .read-more:before{margin:0;width: 10px;height: 10px;border-top: 2px solid #0a0a8f;border-right: 2px solid #0a0a8f;position: absolute;top: 0;right: 0;}
#blog-archive .overview-items > .item .btn-wrapper .read-more:after{width: 2px;height: 23px;position: absolute;border-left: 2px solid #0a0a8f;border-bottom: 0px solid #0a0a8f;top: 1px;right: 0;transform-origin: top center;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

#blog-single #recent_blogs{margin:80px 0 0 0;}

@media (max-width: 992px ){

}

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




@media (max-width: 768px) {
  
}


#related-blogs{background:#f5f5f6;}
#related-blogs .related-post-items{padding:60px 0;}
#related-blogs .related-post-items .related-post-header-title{font-size:22px; line-height:30px; color:#0073E6;font-weight:900;margin:0 0 30px 0;}

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

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

/** 
 * 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;margin: 30px 0px;}
.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 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:#f5f5f6; 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:#0073E6; 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: 6px 8px;
  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;
  background-color:#fff;
  border-radius:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-box-shadow: 0 0 0 1px #c3c3c3 inset;
  -moz-box-shadow: 0 0 0 1px #c3c3c3 inset;
  box-shadow: 0 0 0 1px #c3c3c3 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;
}

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 #0073E6 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 #0073E6 inset, 0 0 10px rgba(0,0,0,0.2);
}

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

/* Separate Styles for Drop Downs */
body select {}
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:#0073E6;
  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 #0073E6 transparent;
  position:absolute;
  bottom:100%;
  left:6px;
}

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

body form.hs-form .hs-form-field ul.inputs-list.hs-error-msgs li label a {
  color: #fff;
}

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

/* 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%;}
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%; color: #272f3b; }
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; margin-right:6px; -webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);-ms-transform: translateY(-2px);-o-transform: translateY(-2px);transform: translateY(-2px); }
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: ;-moz-appearance: ;appearance: ;
  font-family: 'Open Sans',Arial,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:12px 36px 12px 20px; font-size:16px; line-height:28px; text-transform:uppercase; color:#fff; background-color: #0073E6; 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:#0d8ec8;}

.style-pink .hs_cos_wrapper_type_form .hs-button.primary.large{background-color:#9b3771}
.style-pink .hs_cos_wrapper_type_form .hs-button.primary.large:hover,
.style-pink .hs_cos_wrapper_type_form .hs-button.primary.large:focus{background-color:#7d1953;}

/* 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!important;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p{}
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{}
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{margin:4px!important;color:#fff;border:0!important;box-shadow:0 0 0 0px transparent inset!important;padding:6px 12px!important;background:#0073E6!important;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover{color:#fff;background:#0d8ec8!important;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button{margin:4px!important;color:#000000;border:0!important;box-shadow:0 0 0 1px #595959 inset!important;padding:6px 12px!important;background:transparent!important;}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover{color:#fff;background:#393939!important;box-shadow:0 0 0 1px #393939 inset!important;}

@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:768px){
	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 d
*/ 


/* Lightbox https://github.com/lokesh/lightbox2/ */
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(https://cdn2.hubspot.net/hubfs/5153444/XLwood%20theme%20dec%202018/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(https://cdn2.hubspot.net/hubfs/5153444/XLwood%20theme%20dec%202018/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(https://cdn2.hubspot.net/hubfs/5153444/XLwood%20theme%20dec%202018/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(https://cdn2.hubspot.net/hubfs/5153444/XLwood%20theme%20dec%202018/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

/* Owl slider */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Owl theme */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#ff4e00}
 




/**********************************************/
/* 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 .overlay{position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.4;}
.youtube-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube-wrapper .play-button {width: 80px;height: 80px; background:#0073E6;box-shadow: 0 0 30px rgba( 0,0,0,0 );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: 16px 0 16px 28px;border-color: transparent transparent transparent #fff;}
.youtube-wrapper:hover .play-button{background:#0073E6;}
.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: 54%;-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;}

.style-pink .youtube-wrapper .play-button{background:#9B3771;} 



/* ==========================================================================
   7. Icon kleuren                       
   ========================================================================== */
.fa-chevron-circle-right{
  color:#0073E6;
}


   

/* 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.no-nav .header{display:block;}
  .slicknav_menu{display:block;}
}


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

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

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

}
@supports (-ms-ime-align:auto) {
  .flex-module section.section.header-homepage .services_list .item{width:calc(-7px + 33.33%)!important;}
  .flex-module  section.section-3-columns .three-column-list > .item{width:calc(-13.33px + 33%)
}