/*****************************************************************************
 * All css styles to be loaded before module css combined to optimize
 * page load
 ***************************************************************************** */

/* @import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,600,700,800'); */


/* exo-2-100 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-100.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-100.woff') format('woff');
}

/* exo-2-200 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 200;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-200.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-200.woff') format('woff');
}

/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-regular.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-regular.woff') format('woff');
}

/* exo-2-300 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-300.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-300.woff') format('woff');
}

/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-500.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-500.woff') format('woff');
}

/* exo-2-600 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-600.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-600.woff') format('woff');
}

/* exo-2-800 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-800.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-800.woff') format('woff');
}

/* exo-2-900 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 900;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-900.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-900.woff') format('woff');
}

/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-700.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-700.woff') format('woff');
}

/* exo-2-100italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-100italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-100italic.woff') format('woff');
}

/* exo-2-200italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 200;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-200italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-200italic.woff') format('woff');
}

/* exo-2-300italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 300;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-300italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-300italic.woff') format('woff');
}

/* exo-2-italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-italic.woff') format('woff');
}

/* exo-2-500italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 500;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-500italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-500italic.woff') format('woff');
}

/* exo-2-700italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-700italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-700italic.woff') format('woff');
}

/* exo-2-600italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 600;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-600italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-600italic.woff') format('woff');
}

/* exo-2-800italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 800;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-800italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-800italic.woff') format('woff');
}

/* exo-2-900italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 900;
  src: url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-900italic.woff2') format('woff2'),
       url('https://knowledge.cadmes.com/hubfs/fonts/exo-2-v20-latin-900italic.woff') format('woff');
}

.hsfc-NavigationRow{margin-top:30px;}
.hsfc-Button{background:#e67100;border:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Exo\ 2,sans-serif!important;font-size:18px;font-weight:600;line-height:26px;outline:none;padding:13px 28px;text-align:center;text-decoration:none;transition:all .3s;white-space:normal}
.hsfc-Button:hover{background:#ff7d00;color:#fff}




/*****************************************************************************
 * Opiniated defaults
 * 
 * Based on Normalize.css:
 * normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
 ***************************************************************************** */


/* Document
  ---------------------------------------------------------------------------- */

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


html, 
body 
	{ line-height: 1.15; margin: 0; overflow-x: hidden; padding: 0; text-rendering: optimizeLegibility; width: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
html { font-size: 20px; }

/* Typography
  ---------------------------------------------------------------------------- */

body { color: #1B232A; font-size: 1rem; font-family: "Exo 2", sans-serif; font-weight: 600; height: 100%; }
 
h1, h2, h3, h4, h5, h6
	{ margin-bottom: 1rem; margin-top: 0; }

p { margin-bottom: 1rem; margin-top: 0; }
p:last-child { margin-bottom: 0; }

ul, ol { margin-bottom: 1rem; margin-top: 0; }

figure { margin: 0; padding: 0; }

/* Grouping content
  ---------------------------------------------------------------------------- */

hr { background: #1B232A; border: none; height: 1px; }



/*****************************************************************************
 * Setup of container and grid. A row is a flex container by default; use 
 * flexbox modifiers to change direction, order, alignment etc. 
 ***************************************************************************** */
 
/* Setup
  ---------------------------------------------------------------------------- */
.container { margin: 0 auto; position: relative; width: 100%; }
.row { display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; }

.row--justify-center { justify-content: center; }
.row--justify-flex-start { justify-content: flex-start; }
.row--justify-flex-end { justify-content: flex-end; }

.row--align-stretch { align-items: stretch; }
.row--align-flex-start { align-items: flex-start; }

/* Default
  ---------------------------------------------------------------------------- */

.container { max-width: calc(1170px + 20px + 20px); padding: 0 20px; }
.container--large { max-width: calc(1700px + 20px + 20px); padding: 0 20px; }
.row { margin-left: calc((-20px) / 2); margin-right: calc((-20px) / 2); }

[class*="col-"] { padding-right: calc(20px / 2 ); padding-left: calc(20px / 2 ); }

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 
	{ flex: 0 0 auto; }

.col { flex-grow: 1; flex-basis: 0; max-width: 100%; }
.col-1 { flex-basis: 8.333%; max-width: 8.333%; }
.col-2 { flex-basis: 16.667%; max-width: 16.667%; }
.col-3 { flex-basis: 25%; max-width: 25%; }
.col-4 { flex-basis: 33.333%; max-width: 33.333%; }
.col-5 { flex-basis: 41.667%; max-width: 41.667%; }
.col-6 { flex-basis: 50%; max-width: 50%; }
.col-7 { flex-basis: 58.333%; max-width: 58.333%; }
.col-8 { flex-basis: 66.667%; max-width: 66.667%; }
.col-9 { flex-basis: 75%; max-width: 75%; }
.col-10 { flex-basis: 83.333%; max-width: 83.333%; }
.col-11 { flex-basis: 91.667%; max-width: 91.667%; }
.col-12 { flex-basis: 100%; max-width: 100%; }

.col-offset-1 { margin-left: 8.333%; }
.col-offset-2 { margin-left: 16.667%; }
.col-offset-3 { margin-left: 25%; }
.col-offset-4 { margin-left: 33.333%; }
.col-offset-5 { margin-left: 41.667%; }
.col-offset-6 { margin-left: 50%; }
.col-offset-7 { margin-left: 58.333%; }
.col-offset-8 { margin-left: 66.667%; }
.col-offset-9 { margin-left: 75%; }
.col-offset-10 { margin-left: 83.333%; }
.col-offset-11 { margin-left: 91.667%; }

/* Extra small screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 576px ) {
	.container { max-width: calc(1170px + 20px + 20px); padding: 0 20px; }
  .container--large { max-width: calc(1700px + 20px + 20px); padding: 0 20px; }
  .row { margin-left: calc((-20px) / 2); margin-right: calc((-20px) / 2); }

  .row--justify-center-xs { justify-content: center; }
  .row--justify-flex-start-xs { justify-content: flex-start; }
  .row--justify-flex-end-xs { justify-content: flex-end; }
  
  .row--align-stretch-xs { align-items: stretch; }

  [class*="col-"] { padding-right: calc(20px / 2 ); padding-left: calc(20px / 2 ); }
  
  .col-xs,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 
    { flex: 0 0 auto; }

  .col-xs { flex-grow: 1; flex-basis: 0; max-width: 100%; }
  .col-xs-1 { flex-basis: 8.333%; max-width: 8.333%; }
  .col-xs-2 { flex-basis: 16.667%; max-width: 16.667%; }
  .col-xs-3 { flex-basis: 25%; max-width: 25%; }
  .col-xs-4 { flex-basis: 33.333%; max-width: 33.333%; }
  .col-xs-5 { flex-basis: 41.667%; max-width: 41.667%; }
  .col-xs-6 { flex-basis: 50%; max-width: 50%; }
  .col-xs-7 { flex-basis: 58.333%; max-width: 58.333%; }
  .col-xs-8 { flex-basis: 66.667%; max-width: 66.667%; }
  .col-xs-9 { flex-basis: 75%; max-width: 75%; }
  .col-xs-10 { flex-basis: 83.333%; max-width: 83.333%; }
  .col-xs-11 { flex-basis: 91.667%; max-width: 91.667%; }
  .col-xs-12 { flex-basis: 100%; max-width: 100%; }

  .col-xs-offset-0 { margin-left: 0; }
  .col-xs-offset-1 { margin-left: 8.333%; }
  .col-xs-offset-2 { margin-left: 16.667%; }
  .col-xs-offset-3 { margin-left: 25%; }
  .col-xs-offset-4 { margin-left: 33.333%; }
  .col-xs-offset-5 { margin-left: 41.667%; }
  .col-xs-offset-6 { margin-left: 50%; }
  .col-xs-offset-7 { margin-left: 58.333%; }
  .col-xs-offset-8 { margin-left: 66.667%; }
  .col-xs-offset-9 { margin-left: 75%; }
  .col-xs-offset-10 { margin-left: 83.333%; }
  .col-xs-offset-11 { margin-left: 91.667%; }
}

@media only screen and (min-width: 992px)
.col-md-6 {
    max-width: 100% !important;
}

/* Small screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 768px ) {
  
  .container { max-width: calc(1170px + 40px + 40px); padding: 0 40px; }
  .container--large { max-width: calc(1700px + 40px + 40px); padding: 0 40px; }
	.row { margin-left: calc((-30px) / 2); margin-right: calc((-30px) / 2); }
  
  .row--justify-center-sm { justify-content: center; }
  .row--justify-flex-start-sm { justify-content: flex-start; }
  .row--justify-flex-end-sm { justify-content: flex-end; }
  
  .row--align-stretch-sm { align-items: stretch; }
  
  [class*="col-"] { padding-right: calc(30px / 2 ); padding-left: calc(30px / 2 ); }
  
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 
  	{ flex: 0 0 auto;  }

  .col-sm { flex-grow: 1; flex-basis: 0; max-width: 100%; }
  .col-sm-1 { flex-basis: 8.333%; max-width: 8.333%; }
  .col-sm-2 { flex-basis: 16.667%; max-width: 16.667%; }
  .col-sm-3 { flex-basis: 25%; max-width: 25%; }
  .col-sm-4 { flex-basis: 33.333%; max-width: 33.333%; }
  .col-sm-5 { flex-basis: 41.667%; max-width: 41.667%; }
  .col-sm-6 { flex-basis: 50%; max-width: 50%; }
  .col-sm-7 { flex-basis: 58.333%; max-width: 58.333%; }
  .col-sm-8 { flex-basis: 66.667%; max-width: 66.667%; }
  .col-sm-9 { flex-basis: 75%; max-width: 75%; }
  .col-sm-10 { flex-basis: 83.333%; max-width: 83.333%; }
  .col-sm-11 { flex-basis: 91.667%; max-width: 91.667%; }
  .col-sm-12 { flex-basis: 100%; max-width: 100%; }
  
  .col-sm-offset-0 { margin-left: 0; }
  .col-sm-offset-1 { margin-left: 8.333%; }
  .col-sm-offset-2 { margin-left: 16.667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.333%; }
  .col-sm-offset-5 { margin-left: 41.667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.333%; }
  .col-sm-offset-8 { margin-left: 66.667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.333%; }
  .col-sm-offset-11 { margin-left: 91.667%; }
}

/* Medium screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 992px ) {

  .container { max-width: calc(1170px + 40px + 40px); padding: 0 40px; }
  .container--large { max-width: calc(1700px + 40px + 40px); padding: 0 40px; }
	.row { margin-left: calc((-40px) / 2); margin-right: calc((-40px) / 2); }
  
  .row--justify-center-md { justify-content: center; }
  .row--justify-flex-start-md { justify-content: flex-start; }
  .row--justify-flex-end-md { justify-content: flex-end; }
  
  .row--align-stretch-md { align-items: stretch; }
  
  [class*="col-"] { padding-right: calc(40px / 2 ); padding-left: calc(40px / 2 ); }
  
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 
  	{ flex: 0 0 auto; }

  .col-md { flex-grow: 1; flex-basis: 0; max-width: 100%; }
  .col-md-1 { flex-basis: 8.333%; max-width: 8.333%; }
  .col-md-2 { flex-basis: 16.667%; max-width: 16.667%; }
  .col-md-3 { flex-basis: 25%; max-width: 25%; }
  .col-md-4 { flex-basis: 33.333%; max-width: 33.333%; }
  .col-md-5 { flex-basis: 41.667%; max-width: 41.667%; }
  .col-md-6 { flex-basis: 50%; max-width: 50%; }
  .col-md-7 { flex-basis: 58.333%; max-width: 58.333%; }
  .col-md-8 { flex-basis: 66.667%; max-width: 66.667%; }
  .col-md-9 { flex-basis: 75%; max-width: 75%; }
  .col-md-10 { flex-basis: 83.333%; max-width: 83.333%; }
  .col-md-11 { flex-basis: 91.667%; max-width: 91.667%; }
  .col-md-12 { flex-basis: 100%; max-width: 100%; }
  
  .col-md-offset-0 { margin-left: 0; }
  .col-md-offset-1 { margin-left: 8.333%; }
  .col-md-offset-2 { margin-left: 16.667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.333%; }
  .col-md-offset-5 { margin-left: 41.667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.333%; }
  .col-md-offset-8 { margin-left: 66.667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.333%; }
  .col-md-offset-11 { margin-left: 91.667%; }
}

/* Large screens
  ---------------------------------------------------------------------------- */
@media only screen and ( min-width: 1175px ) {

  .container { max-width: calc(1170px + 40px + 40px); padding: 0 40px; }
  .container--large { max-width: calc(1700px + 40px + 40px); padding: 0 40px; }
	.row { margin-left: calc((-50px) / 2); margin-right: calc((-50px) / 2); }
  
  .row--justify-center-lg { justify-content: center; }
  .row--justify-flex-start-lg { justify-content: flex-start; }
  .row--justify-flex-end-lg { justify-content: flex-end; }
  
  .row--align-stretch-lg { align-items: stretch; }
  
  [class*="col-"] { padding-right: calc(50px / 2 ); padding-left: calc(50px / 2 ); }
  
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 
  	{ flex: 0 0 auto; } 

  .col-lg { flex-grow: 1; flex-basis: 0; max-width: 100%; }
  .col-lg-1 { flex-basis: 8.333%; max-width: 8.333%; }
  .col-lg-2 { flex-basis: 16.667%; max-width: 16.667%; }
  .col-lg-3 { flex-basis: 25%; max-width: 25%; }
  .col-lg-4 { flex-basis: 33.333%; max-width: 33.333%; }
  .col-lg-5 { flex-basis: 41.667%; max-width: 41.667%; }
  .col-lg-6 { flex-basis: 50%; max-width: 50%; }
  .col-lg-7 { flex-basis: 58.333%; max-width: 58.333%; }
  .col-lg-8 { flex-basis: 66.667%; max-width: 66.667%; }
  .col-lg-9 { flex-basis: 75%; max-width: 75%; }
  .col-lg-10 { flex-basis: 83.333%; max-width: 83.333%; }
  .col-lg-11 { flex-basis: 91.667%; max-width: 91.667%; }
  .col-lg-12 { flex-basis: 100%; max-width: 100%; }
  
  .col-lg-offset-0 { margin-left: 0; }
  .col-lg-offset-1 { margin-left: 8.333%; }
  .col-lg-offset-2 { margin-left: 16.667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.333%; }
  .col-lg-offset-5 { margin-left: 41.667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.333%; }
  .col-lg-offset-8 { margin-left: 66.667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.333%; }
  .col-lg-offset-11 { margin-left: 91.667%; }
}

/* Extra large screens
  ---------------------------------------------------------------------------- */
@media only screen and ( min-width: 1440px ) { 

  .container { max-width: calc(1170px + 40px + 40px); padding: 0 40px; }
  .container--large { max-width: calc(1700px + 40px + 40px); padding: 0 40px; }
	.row { margin-left: calc((-50px) / 2); margin-right: calc((-50px) / 2); }
  
  .row--justify-center-xl { justify-content: center; }
  .row--justify-flex-start-xl { justify-content: flex-start; }
  .row--justify-flex-end-xl { justify-content: flex-end; }
  
  .row--align-stretch-xl { align-items: stretch; }
  
  [class*="col-"] { padding-right: calc(50px / 2 ); padding-left: calc(50px / 2 ); }
  
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 
  	{ flex: 0 0 auto; }

  .col-xl { flex-grow: 1; flex-basis: 0; max-width: 100%; }
  .col-xl-1 { flex-basis: 8.333%; max-width: 8.333%; }
  .col-xl-2 { flex-basis: 16.667%; max-width: 16.667%; }
  .col-xl-3 { flex-basis: 25%; max-width: 25%; }
  .col-xl-4 { flex-basis: 33.333%; max-width: 33.333%; }
  .col-xl-5 { flex-basis: 41.667%; max-width: 41.667%; }
  .col-xl-6 { flex-basis: 50%; max-width: 50%; }
  .col-xl-7 { flex-basis: 58.333%; max-width: 58.333%; }
  .col-xl-8 { flex-basis: 66.667%; max-width: 66.667%; }
  .col-xl-9 { flex-basis: 75%; max-width: 75%; }
  .col-xl-10 { flex-basis: 83.333%; max-width: 83.333%; }
  .col-xl-11 { flex-basis: 91.667%; max-width: 91.667%; }
  .col-xl-12 { flex-basis: 100%; max-width: 100%; }
  
  .col-xl-offset-0 { margin-left: 0; }
  .col-xl-offset-1 { margin-left: 8.333%; }
  .col-xl-offset-2 { margin-left: 16.667%; }
  .col-xl-offset-3 { margin-left: 25%; }
  .col-xl-offset-4 { margin-left: 33.333%; }
  .col-xl-offset-5 { margin-left: 41.667%; }
  .col-xl-offset-6 { margin-left: 50%; }
  .col-xl-offset-7 { margin-left: 58.333%; }
  .col-xl-offset-8 { margin-left: 66.667%; }
  .col-xl-offset-9 { margin-left: 75%; }
  .col-xl-offset-10 { margin-left: 83.333%; }
  .col-xl-offset-11 { margin-left: 91.667%; }
}




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

/* Default
  ---------------------------------------------------------------------------- */
  
/* -- Base typography -- */
body { line-height: 2.13; }

/* -- Heading -- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
	{ color: #1B232A; font-family: "Exo 2", sans-serif; font-weight: 700; line-height: 1.1; }
 
h1, .h1 { font-size: 28px; line-height: 44px; margin-bottom: 20px; font-weight: 800; }
h2, .h2 { font-size: 30px; line-height: 46px; margin-bottom: 16px; font-weight: 600; }
h3, .h3 { font-size: 24px; line-height: 34px; margin-bottom: 12px; font-weight: 600; }
h4, .h4 { font-size: 18px; line-height: 21px; margin-bottom: 8px; font-weight: 600; }
h5, .h5 { font-size: 18px; line-height: 21px; margin-bottom: 8px; font-weight: 600; }
h6, .h6 { font-size: 18px; line-height: 21px; margin-bottom: 8px; font-weight: 600; }
 
/* Medium screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 768px ) {
  
  h1, .h1 { font-size: 48px; line-height: 62px; margin-bottom: 20px; }
  h2, .h2 { font-size: 36px; line-height: 46px; margin-bottom: 16px; }
  h3, .h3 { font-size: 24px; line-height: 34px; margin-bottom: 12px; }
  h4, .h4 { font-size: 18px; line-height: 21px; margin-bottom: 8px; }
  h5, .h5 { font-size: 18px; line-height: 21px; margin-bottom: 8px; }
  h6, .h6 { font-size: 18px; line-height: 21px; margin-bottom: 8px; }

}

/* -- Text -- */
.top-title { font-size: 14px; line-height: 16px; text-transform: uppercase; display: block; margin-bottom: 16px; color: #E67100; }

p, ul, ol, address, table { color: #1B232A; margin-bottom: 16px; font-size: 18px; line-height: 32px; font-weight: 300; }
p.lead { font-size: 22px; line-height: 38px; margin-bottom: 16px; font-weight: ; }

p a { color: #E67100; text-decoration: none; }
p a:hover:not(.button) { text-decoration: underline; }

.text ul, .text ol { padding-left: 16px; }
.text ul li, .text ol li { padding-left: 0; }
.text img { max-width: 100%; }

.text ul { list-style: none; padding-left: 0; }
.text ul li { position: relative; padding-left: 40px; padding-bottom: 12px; }
.text ul li:last-child { padding-bottom: 0; }
.text ul li:before { font-family: 'hziconen'; content: '\e828'; position: absolute; top: 0; left: 0; color: #E67100; font-size: 24px; }

.text ul[style="list-style-type: circle;"],
.text ul[style="list-style-type: disc;"],
.text ul[style="list-style-type: square;"] { padding-left: 12px; }
.text ul[style="list-style-type: circle;"] li:before,
.text ul[style="list-style-type: disc;"] li:before,
.text ul[style="list-style-type: square;"] li:before { display:none; }
.text ul[style="list-style-type: circle;"] li ,
.text ul[style="list-style-type: disc;"] li ,
.text ul[style="list-style-type: square;"] li { list-style: inherit; padding-left: 16px; }

.icon-image { margin-bottom: 8px; display: inline-block; width: 60px; height: 60px; }
.icon-image { max-width: 100%; }
[class*="icon-image bg_"] { padding: 12px; border-radius: 60px; overflow: hidden; }

blockquote { margin: 20px 0; padding-left: 28px; padding-top: 24px; }
blockquote, blockquote p { font-size: 22px; line-height: 36px; position: relative; color: #1B85DA; }
blockquote:before { content: ""; position: absolute; left: 0; top: 0; width: 60px; border-top: 4px solid #1B85DA; }

@media only screen and (min-width: 768px ) {
	blockquote, blockquote p { font-size: 25px; line-height: 39px; }
}

.hs-responsive-embed { position: relative; height: 0; overflow: hidden; padding-top: 0; 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.hs-responsive-embed-youtube, 
.hs-responsive-embed.hs-responsive-embed-wistia, 
.hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 56.25%; } 

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

/* Medium screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 992px ) {
  
  p, ul, ol, address, table { margin-bottom: 24px; font-size: 18px; line-height: 32px; }
	p.lead { font-size: 24px; line-height: 34px; margin-bottom: 12px; font-weight: ; }
  
}

/* -- Link -- */
a { color: #E67100; transition: color 0.1s linear; }
a:hover { color: #E67100; }



/*****************************************************************************
 * Buttons
 ***************************************************************************** */

/* -- Base -- */

.button, form input[type="submit"] { transition: all 0.3s; line-height: 26px; border: none; white-space: normal; display: inline-block; text-align: center; background: #E67100; padding: 13px 28px; color: #ffffff; font-family: "Exo 2", sans-serif !important; font-size: 18px; font-weight: 600; cursor: pointer; box-sizing: border-box; text-decoration: none; outline: none; }
.button:after, form input[type="submit"]:after { font-family: 'hziconen'; content: '\e804'; display: inline-block; padding-left: 12px; font-size: 16px; transition: all 0.3s; }
.button:hover, form input[type="submit"]:hover { color: #ffffff; background: #ff7d00; }
.button:hover:after, form input[type="submit"]:hover:after, [data-clickable]:hover .button:after { transform: translateX(8px); }

.button.button--arrow-back:after { display: none; }
.button.button--arrow-back:before { font-family: 'hziconen'; content: '\e804'; display: inline-block; font-size: 16px; transition: all 0.3s; padding-left: 12px; transform: rotate(180deg); }
.button.button--arrow-back:hover:before { transform: rotate(180deg) translateX(8px); }

.button--arrow-down:after { content: '\e824'; font-size: 22px; }
.button--arrow-down:hover:after { transform: translateY(8px); }

.button--calendar:after { content: '\f4c5'; font-weight: 300; }
.button--calendar:hover:after { transform: none; }

.button--no-icon:after { display: none; }

.button--light { font-weight: 300; }

/* -- Variations -- */
.button--secondary { background: none; color: #E67100; padding-left: 0; padding-right: 0; }
.button--secondary:hover { background: none; color: #ff7d00; }
.button--secondary:hover:after { color: #ff7d00; }

.button--pickled-bluewood { background: #2D3E50; color: #fff; }
.button--pickled-bluewood:hover { background: #1B232A; }

form input[type="submit"] { width: 100%; white-space: normal; }

/* -- Read more button -- */
.read-more-button a, a.read-more-button { text-decoration: none; }
.read-more-button a:after, a.read-more-button:after { content: '\e818'; font-family: 'hziconen'; display: inline-block; padding-left: 12px; transition: all 0.3s; }
.read-more-button a:hover:after, a.read-more-button:hover:after, [data-clickable]:hover .read-more-button a:after, [data-clickable]:hover a.read-more-button:after { transform: translateX(8px); }

/* -- CTA card -- */
.cta-card__image { height: 150px; background-size: cover; background-position: center; }
.cta-card__text { background: #E67100; font-weight: 300; padding: 24px 30px; text-align: left; color: #ffffff; transition: all 0.3s; }
.cta-card:hover .cta-card__text { background: #ff7d00; }
.cta-card__text ul { margin: 0; padding: 0; list-style: none; }
.cta-card__text ul li { margin: 0; padding: 4px 0; color: #ffffff; }
.cta-card__top-title { font-size: 14px; line-height: 20px; display: block; margin-bottom: 12px; text-transform: uppercase; font-weight: 600; }
.cta-card__title { font-size: 22px; line-height: 32px; display: block; margin-bottom: 8px; }
.cta-card__title:last-child { margin-bottom: 0; }
.cta-card__text .button { width: 100%; background: none; padding-left: 0; padding-right: 0; text-align: left; font-size: 16px; display: flex; justify-content: space-between; }
.cta-card__text .button:hover { width: 100%; background: none; }
.cta-card__buttons { overflow: hidden; }
.cta-card__buttons .button { position: relative; display: block; display: flex; justify-content: space-between; background: #1B85DA; padding: 24px 30px; }
.cta-card__buttons .button:hover { background: #038EFF; }
.cta-card__buttons .button:before { content: ""; position: absolute; left: 30px; right: 30px; bottom: -1px; border-bottom: 1px solid #005192; z-index: 2; }


[data-clickable] { cursor: pointer; }




/*****************************************************************************
 * Forms
 ***************************************************************************** */


/*  Elements and fields
   =========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field { margin-bottom: .5rem; }

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Legal consent */
.hs-form .hs-dependent-field ul { list-style: none; margin: 0; padding: 0; }
.legal-consent-container .field.hs-form-field { margin-bottom: 1rem; }
.legal-consent-container { margin-bottom: 1.5rem; margin-top: 1rem; }
.legal-consent-container p { font-size: .7rem; font-weight: 400; line-height: 1rem; }

/* Labels (selects field labels and error messages) */
.hs-form label { font-size: 0.7rem; line-height: 1.88; }
.hs-form .hs-form-field > label { font-weight: 400; }

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select 
  { background: #fff; border: 1px solid #d6d6d6; border-radius: 3px; color: #1B232A; display: block; font-family: "Exo 2", sans-serif; font-size: 0.7rem; line-height: 1.88; outline: none; padding: 0.3rem 0.5rem; width: 100%; }

.hs-form select { padding: .5rem; }

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea { min-height: 40px; min-width: 100%; max-width: 100%; resize: vertical; }
.hs-form textarea:focus {}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {}
.hs-form select:focus {}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

ul.inputs-list.multi-container[role="checkbox"] {
    list-style: none; padding-left: 0; padding-right: 5%;
}

.hs-form .hs-form-radio-display { align-items: baseline; display: flex; }

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] { transform: translateY(3px); }

.hs-form .hs-form-booleancheckbox-display { align-items: center; display: flex; }
.hs-form input[type="checkbox"] { cursor: pointer; flex: 0 0 20px; /*height: 20px;*/ margin-right: 0.5rem; position: relative; width: 20px; }

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid {}

.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */

.hs-form fieldset.form-columns-1 { max-width: 100%; }
.hs-form fieldset.form-columns-1 .hs-form-field .input { margin-right: 0 }
/*.hs-form fieldset.form-columns-1 .hs-form-field .input .hs-input { width: 100% !important; }*/

.hs-form fieldset.form-columns-2 { max-width: 100%; }
form.hs-form fieldset.form-columns-2 .hs-form-field { width: 100%; }
.hs-form fieldset.form-columns-2 .hs-form-field .input { margin-right: 0 }
.hs-form fieldset.form-columns-2 .hs-form-field .input .hs-input:not([type="radio"]):not([type="checkbox"]) { width: 100% !important; }

.hs-form fieldset.form-columns-3 { max-width: 100%; }
.hs-form fieldset.form-columns-3 .hs-form-field .input { margin-right: 0 }
.hs-form fieldset.form-columns-3 .hs-form-field .input .hs-input:not([type="radio"]):not([type="checkbox"]) { width: 100% !important; }

/* Error message (selector for validation messages)
   ========================================================================== */
.hs-form .hs-error-msgs { list-style: none; margin: 0; padding: 0; }
.hs-form .hs-error-msgs label{ color: #cc0000; font-size: .6rem; }


/* Submit buttons (selectors for all non-CTA buttons) 
   ========================================================================== */

/*
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] 
	{ background: transparent; border: 1px solid #1B232A; color: #1B232A; cursor: pointer; opacity: 0.9; padding: 1rem 2.4rem; text-transform: uppercase; }

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover 
	{ background: #E67100; color: #fff; opacity: 1; }

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

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  font-family: "Exo 2", sans-serif;
}

@media only screen and (min-width: 576px ) {  
  .hs-form fieldset.form-columns-2 .hs-form-field { margin-right: 3.49%; width: 48.253% !important; }
  .hs-form fieldset.form-columns-2 .hs-form-field:last-of-type { margin-right: 0; }
  
  .hs-form fieldset.form-columns-3 .hs-form-field { margin-right: 1.6233766%; width: 32.2510823% !important; }
  .hs-form fieldset.form-columns-3 .hs-form-field:last-of-type { margin-right: 0; }
}





/*****************************************************************************
 * article-footer
 ***************************************************************************** */
.tp-blog-detail-article-footer__social-share { align-items: center; border-bottom: 1px solid #e0e0e0; display: flex; padding-bottom: 0.9rem; } 
.tp-blog-detail-article-footer p { color: #3e4244; font-family: "Open Sans Semibold", sans-serif; font-size: 14px; font-weight: 600; line-height: normal; margin: 0 8px 0 0; padding-top:3px }
.tp-blog-detail-article-footer__social-share #hs_cos_wrapper_blog_social_share { align-items: center; display: flex; line-height: normal;  }
.tp-blog-detail-article-footer__social-share #hs_cos_wrapper_blog_social_share a { display: inline-flex; width: 30px !important; }
.tp-blog-detail-article-footer__social-share #hs_cos_wrapper_blog_social_share a img { max-width: 100% !important; max-height: 100% !important; width: 100%; }
.tp-blog-detail-article-footer p.tp-blog-detail-article-footer__blog-tag { font-weight: 600; padding-top: 0.85rem; }
.tp-blog-detail-article-footer__blog-tag a { font-size: 14px; color: #789b91; font-family: "Open Sans", sans-serif; font-weight: 300; text-decoration: none !important; };
.tp-blog-detail-article-footer__blog-tag a::after { content: ','; }
.tp-blog-detail-article-footer__blog-tag a:last-of-type::after { content: none; }




/*****************************************************************************
 * Breadcrumbs
 ***************************************************************************** */

.breadcrumbs .hs-breadcrumb-label { color: #8D9194; font-size: .7rem; font-weight: 400; }
.breadcrumbs a { text-decoration: none; transition: color .1s linear; }
.breadcrumbs a:hover { color: #E67100; }

.breadcrumbs .hs-breadcrumb-menu-divider { color: #8D9194; }
.breadcrumbs .hs-breadcrumb-menu { display: flex; flex-flow: row wrap; }
.breadcrumbs .hs-breadcrumb-menu-item { float: none; padding: 0 .5rem 0 0; }




/*****************************************************************************
 * Cards
 ***************************************************************************** */
 
.m-cards .filter__result { display: none; }

.m-cards .filter__result.active { display: flex; }

.m-cards__row > div { display: flex; }

.card__container { display: flex; align-self: stretch; }
.card__container > div { align-self: stretch; display: flex; flex-basis: 100%; }

.card { background: #ffffff; box-shadow: 0 12px 16px rgba(0,0,0,0.1); align-self: stretch; display: flex; flex-direction: column; flex: 0 0 100%; transition: all 0.3s; }

.card__image { height: 160px; background: center; background-size: cover; position: relative; }

.card__info { color: #E67100; font-size: 16px; line-height: 30px; font-weight: 300; border-bottom: 1px solid #d6d6d6; padding-bottom: 16px; margin-bottom: 16px; }
.card__info span { display: block; }

.card__text { padding: 20px 20px 60px; flex-grow: 1; position: relative; }
.card__text h3 { font-size: 24px; line-height: 28px; }
.card__text-bottom { position: absolute; bottom: 24px; left: 20px; }
.card__text-bottom a { font-size: 18px; }

.card__label { display: block; text-transform: uppercase; font-size: 16px; margin-bottom: 16px; color: #E67100; }

/* -- IE modifier -- */
.card__container--ie { align-self: auto; display: block; height: 100%; }
.card__container--ie > div { align-self: auto; display: block; flex-basis: auto; height: 100%; }
.card__container--ie .card { align-self: auto; display: block; flex: auto; height: 100%; }
.card__container--ie .card__text { height: calc(100% - 220px); }

@media only screen and (min-width: 360px ) {
	.card__image { height: 220px; }
}

@media only screen and (min-width: 576px ) {
	.card__image { height: 280px; }
}

@media only screen and (min-width: 768px ) {
	.card__image { height: 200px; }
}

@media only screen and (min-width: 992px ) {
  .card__image { height: 220px; }
  .card[data-clickable]:hover { transform: translateY(-12px); box-shadow: 0 20px 16px rgba(0,0,0,0.05); }
}

@media only screen and (min-width: 1175px ) {
	.card__image { height: 220px; }
}




/*****************************************************************************
 * Cookie consent
 ***************************************************************************** */

body div#hs-eu-cookie-confirmation { border-bottom: none !important; box-shadow: 0 .15rem .75rem rgba(0,0,0,0.25) !important; }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner { font-family: "Exo 2", sans-serif !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 ul li
  { color: #1B232A !important; font-size: 13px !important; font-weight: 300 !important; line-height: 2 !important; }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a { color: #E67100 !important; font-size: 13px !important; }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area { display: flex; justify-content: flex-end; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, 
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button 
  { border-radius: 0 !important; }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button { background: #E67100; border: none; box-sizing: border-box; color: #fff !important; cursor: pointer; display: inline-block; font-family: "Exo 2", sans-serif !important; font-size: 16px !important; font-weight: 600; line-height: 26px; outline: none; padding: 13px 28px; text-align: center; text-decoration: none; transition: all 0.3s; white-space: normal; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button::after { content: '\e804'; display: inline-block; font-family: 'hziconen'; font-size: 16px; padding-left: 12px; transition: all 0.3s; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button:hover { background: #ff7d00 !important; color: #fff; }
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button:hover::after { transform: translateX(8px); }

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-decline-button { font-family: "Exo 2", sans-serif !important; font-size: 16px !important; font-weight: 600; line-height: 26px;  }

@media screen and (max-width: 480px) {  
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button, 
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-decline-button 
    { font-size: 16px !important; }
}




/*****************************************************************************
 * Filter
 ***************************************************************************** */

.filter__container { font-size: 16px; margin-bottom: 40px; }
.filter__container > div { margin-bottom: 16px; }

.filter__select { cursor: pointer; display: inline-block; position: relative; width: 240px; box-sizing: border-box; background: #F4F4F4; padding: 10px 48px 10px 20px; font-weight: 300; }
.filter__select:before { content: '\e81b'; font-family: 'hziconen'; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #E67100; }
.filter__select.active { z-index: 3; border: 1px solid #d6d6d6; border-bottom: none; padding-left: 19px; padding-right: 47px; padding-top: 9px; }
.filter__select.active:before { content: '\e81a'; }

.filter__select-title { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.filter__select-options { position: absolute; display: none; background: #F4F4F4; padding: 14px 0 0 0; left: -1px; right: -1px; border: 1px solid #d6d6d6; border-top: none; }
.filter__select-options:before { content: ""; position: absolute; top: 6px; left: 20px; right: 20px; border-top: 2px solid #d6d6d6; }
.filter__select.active .filter__select-options { display: block; }
.filter__select-options a { display: block; padding: 12px 20px; color: #1B232A; line-height: 22px; }
.filter__select-options a:hover { background: #E6E6E6; }

.filter__result { display: none; }
.filter__result.active { display: block; }

@media only screen and (min-width: 768px ) {
  .filter__container { display: flex; }
  .filter__container > div { margin-bottom: 0; display: inline-block; align-self: center; margin-right: 16px; }
}
/*****************************************************************************
 * Overlay
 ***************************************************************************** */

.overlay { background-color: rgba(0, 0, 0, 0.85); bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 99; }


/*****************************************************************************
 * Newsletter
 ***************************************************************************** */

.newsletter { background: #1B85DA; padding: 2.4rem 1.5rem; width: 100%; }
.newsletter picture { display: block; line-height: 0; max-width: 67px; margin: 0 auto .55rem; }
.newsletter h3 { color: #fff; line-height: normal; margin-bottom: 1rem; padding: 0 10px; text-align: center; }

.newsletter .newsletter_form .hbspt-form form { margin-bottom: 0; }

.newsletter .newsletter_form .hbspt-form form .hs_email { width: 100%; position: relative; }
.newsletter .newsletter_form .hbspt-form form .hs_email > label { display: none; }
.newsletter .newsletter_form .hbspt-form form .hs_email .input { display: flex; }
.newsletter .newsletter_form .hbspt-form form .hs_email .input input { border: 0px; border-radius: 0; max-width: 100%; padding: 0.6rem 1rem; }
.newsletter .newsletter_form .hbspt-form form .hs_email .hs-error-msgs { position: absolute; }

.newsletter .newsletter_form .hbspt-form form .hs_submit { width: 100%; }
.newsletter .newsletter_form .hbspt-form form .hs_submit .actions { display: flex; margin: 0; padding: 0;}
.newsletter .newsletter_form .hbspt-form form .hs_submit input { background: #E67100; border: 0; border-radius: 0; box-shadow: none; font-size: 18px; padding: 0.75rem .5rem; text-shadow: none; transition: background .1s linear; } 
.newsletter .newsletter_form .hbspt-form form .hs_submit input::placeholder { color: #8D9194; }
.newsletter .newsletter_form .hbspt-form form .hs_submit input:hover { background: #ff7d00; border: 0; box-shadow: none;  }

.newsletter .newsletter_form .hbspt-form form .hs_error_rollup { display: none; }



/*****************************************************************************
 * Page error
 ***************************************************************************** */

.error { padding: 5rem 0; }

.error__type { color: #E67100; font-size: 5rem; line-height: 1; margin-bottom: 1rem; }
.error__image { display: block; line-height: 1; margin-bottom: 2.5rem; }
.error__title { margin: 0 auto 1.2rem; }
.error__action { margin-top: 1.2rem; }

@media only screen and (min-width: 768px ) { 
  .error { padding: 8rem 0; }
}



/*****************************************************************************
 * Video play button
 ***************************************************************************** */

.play-button { border-radius: 90px; height: 90px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 90px; }

.play-button span { background: #E67100; border-radius: 90px; height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s; width: 100%; z-index: 2; }
.play-button i { border-radius: 90px; color: #fff; font-size: 2rem; left: 50%; margin-left: 4px; position: absolute; top: 50%; transform: translate(-50%, -50%); }

/* -- Button rings -- */
.play-button::before,
.play-button::after
  { background: rgba(255, 255, 255, 0.5); border-radius: 100px; content: ''; position: absolute; }
.play-button::before { top: -10px; bottom: -10px; left: -10px; right: -10px; }
.play-button::after { top: -20px; bottom: -20px; left: -20px; right: -20px; }

/* -- Hover state -- */
[data-clickable]:hover .play-button span, 
.play-button:hover span 
  { background: #ff7d00; }


/*****************************************************************************
 * Separator
 ***************************************************************************** */

.separator { position: relative; }
.separator::before { border-bottom: 1px solid #d6d6d6; content: ''; display: block; width: 100%; }
/*****************************************************************************
 * Spacer
 ***************************************************************************** */

.spacer { margin: 2.5rem 0; width: 100%; }
.spacer--line { border-top: 1px solid #cecece; }
.spacer--half { margin-top: 0; }



/*****************************************************************************
 * Whitepaper
 ***************************************************************************** */

.whitepaper__title h2 { font-size: 32px; font-weight: 600; line-height: 42px; }
.whitepaper__title h4 { color: #8D9194; font-size: 14px; font-weight: 300; line-height: initial; margin-bottom: 0.5rem; padding-top: 1.05rem; text-transform: uppercase; }

a.whitepaper__download { background-color: #E67100; border-radius:4px; box-sizing: border-box; color: #fff; display: block; font-size: 0.9rem; line-height: normal; margin-top: 1.3rem; max-width: 258px; text-align: center; text-decoration: none; padding: .75rem 1.25rem .95rem 1.25rem; }

@media only screen and (min-width: 576px ) {
  .whitepaper .container { display: flex; }
  
  .whitepaper picture { flex: 0 0 28.309305374%; margin-right: 1.5rem; }
  .whitepaper__details { flex: 0 0 66.055045872%; }
}