/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*! http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) |&&| normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css |&&| html5doctor.com Reset Stylesheet v1.6.1 | Last Updated: 2010-09-17 | Author: Richard Clark - http://richclarkdesign.com | Twitter: @rich_clark *** Merged and trimmed to keep the best from both by Daniele O'rlmente?! Messa */

/* meyer's reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

/* normalize.css
(their version addresses more tags) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}
progress {
  vertical-align: baseline;
}

/* normalize.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* normalize.css */
[hidden],
template {
  display: none;
}

/* meyer's reset */
body {
  line-height: 1;
}

/* meyer's reset */
ol, ul {
  list-style: none;
}

/* meyer's reset */
blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
  content: '';
  content: none;
}

/* meyer's reset */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* normalize.css */
a {
  background-color: transparent;
}

a:focus,
a:active,
a:hover {
  outline: 0;
}

/* html5doctor */
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* normalize.css + html5doctor merging for bold and italic */
b,
mark,
strong {
  font-weight: bold;
}

/* normalize.css + html5doctor merging for bold and italic */
i,
em,
dfn,
mark {
  font-style: italic;
}

/* html5doctor */
del {
  text-decoration: line-through;
}

/* html5doctor & normalize.css */
small {
  font-size: 80%;
}

/* normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* (added ms-interpolation) */
img {
  -ms-interpolation-mode: bicubic;
}

/* normalize.css */
svg:not(:root) {
  overflow: hidden;
}

/* html5doctor */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* normalize.css */
pre {
  overflow: auto;
}

/* normalize.css */
/* (added white-space & word-wrap) */
code,
kbd,
pre,
samp {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace, monospace;
  font-size: 1em;
}

/* normalize.css */
optgroup {
  font-weight: bold;
}

button[disabled],
input[disabled] {
  cursor: default;
}


/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 960px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
/* Grid System - @begin */
.columns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}
.columns.columns-center {
  justify-content: center;
}
.columns.columns-right {
  justify-content: flex-end;
}
.columns.columns-middle {
  flex-wrap: nowrap;
  align-items: center;
}
.columns.columns-stretch {
  flex-wrap: nowrap;
  align-items: stretch;
}
.columns.columns-vertical {
  flex-direction: column;
}
.column {
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.column-no-pad {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.column-middle.column, .column-middle.column-no-pad {
  align-self: center;
}
.column-stretch.column, .column-stretch.column-no-pad {
  flex-grow: 1;
  align-self: stretch;
}
.last-col {
  margin-left: auto !important;
}

@media all {
  .m-all {
    width: 100%;
  }
  .m-1of2 {
    width: 50%;
  }
  .m-1of3 {
    width: 33.33333%;
  }
  .m-2of3 {
    width: 66.66667%;
  }
  .m-1of4 {
    width: 25%;
  }
  .m-3of4 {
    width: 75%;
  }
  .m-1of5 {
    width: 20%;
  }
  .m-2of5 {
    width: 40%;
  }
  .m-3of5 {
    width: 60%;
  }
  .m-4of5 {
    width: 80%;
  }
  .m-1of6 {
    width: 16.66667%;
  }
  .m-5of6 {
    width: 83.33333%;
  }
  .m-1of12 {
    width: 8.33333%;
  }
  .m-5of12 {
    width: 41.66667%;
  }
  .m-7of12 {
    width: 58.33333%;
  }
  .m-11of12 {
    width: 91.66667%;
  }
}

@media (min-width: 480px) {
  .p-all {
    width: 100%;
  }
  .p-1of2 {
    width: 50%;
  }
  .p-1of3 {
    width: 33.33333%;
  }
  .p-2of3 {
    width: 66.66667%;
  }
  .p-1of4 {
    width: 25%;
  }
  .p-3of4 {
    width: 75%;
  }
  .p-1of5 {
    width: 20%;
  }
  .p-2of5 {
    width: 40%;
  }
  .p-3of5 {
    width: 60%;
  }
  .p-4of5 {
    width: 80%;
  }
  .p-1of6 {
    width: 16.66667%;
  }
  .p-5of6 {
    width: 83.33333%;
  }
  .p-1of7 {
    width: 14.28571%;
  }
  .p-2of7 {
    width: 28.57143%;
  }
  .p-3of7 {
    width: 42.85714%;
  }
  .p-4of7 {
    width: 57.14286%;
  }
  .p-5of7 {
    width: 71.42857%;
  }
  .p-6of7 {
    width: 85.71429%;
  }
  .p-1of8 {
    width: 12.5%;
  }
  .p-3of8 {
    width: 37.5%;
  }
  .p-5of8 {
    width: 62.5%;
  }
  .p-7of8 {
    width: 87.5%;
  }
}

@media (min-width: 960px) {
  .t-all {
    width: 100%;
  }
  .t-1of2 {
    width: 50%;
  }
  .t-1of3 {
    width: 33.33333%;
  }
  .t-2of3 {
    width: 66.66667%;
  }
  .t-1of4 {
    width: 25%;
  }
  .t-3of4 {
    width: 75%;
  }
  .t-1of5 {
    width: 20%;
  }
  .t-2of5 {
    width: 40%;
  }
  .t-3of5 {
    width: 60%;
  }
  .t-4of5 {
    width: 80%;
  }
  .t-1of6 {
    width: 16.66667%;
  }
  .t-5of6 {
    width: 83.33333%;
  }
  .t-1of7 {
    width: 14.28571%;
  }
  .t-2of7 {
    width: 28.57143%;
  }
  .t-3of7 {
    width: 42.85714%;
  }
  .t-4of7 {
    width: 57.14286%;
  }
  .t-5of7 {
    width: 71.42857%;
  }
  .t-6of7 {
    width: 85.71429%;
  }
  .t-1of8 {
    width: 12.5%;
  }
  .t-3of8 {
    width: 37.5%;
  }
  .t-5of8 {
    width: 62.5%;
  }
  .t-7of8 {
    width: 87.5%;
  }
  .t-1of9 {
    width: 11.11111%;
  }
  .t-5of9 {
    width: 55.55556%;
  }
  .t-4of9 {
    width: 44.44444%;
  }
  .t-1of10 {
    width: 10%;
  }
  .t-1of11 {
    width: 9.09091%;
  }
  .t-1of12 {
    width: 8.33333%;
  }
  .t-5of12 {
    width: 41.66667%;
  }
  .t-7of12 {
    width: 58.33333%;
  }
  .t-10of12 {
    width: 83.33333%;
  }
  .t-11of12 {
    width: 91.66667%;
  }
}

@media (min-width: 1040px) {
  .d-all {
    width: 100%;
  }
  .d-1of2 {
    width: 50%;
  }
  .d-1of3 {
    width: 33.33333%;
  }
  .d-2of3 {
    width: 66.66667%;
  }
  .d-1of4 {
    width: 25%;
  }
  .d-3of4 {
    width: 75%;
  }
  .d-1of5 {
    width: 20%;
  }
  .d-2of5 {
    width: 40%;
  }
  .d-3of5 {
    width: 60%;
  }
  .d-4of5 {
    width: 80%;
  }
  .d-1of6 {
    width: 16.66667%;
  }
  .d-5of6 {
    width: 83.33333%;
  }
  .d-1of7 {
    width: 14.28571%;
  }
  .d-2of7 {
    width: 28.57143%;
  }
  .d-3of7 {
    width: 42.85714%;
  }
  .d-4of7 {
    width: 57.14286%;
  }
  .d-5of7 {
    width: 71.42857%;
  }
  .d-6of7 {
    width: 85.71429%;
  }
  .d-1of8 {
    width: 12.5%;
  }
  .d-3of8 {
    width: 37.5%;
  }
  .d-5of8 {
    width: 62.5%;
  }
  .d-7of8 {
    width: 87.5%;
  }
  .d-1of9 {
    width: 11.11111%;
  }
  .d-5of9 {
    width: 55.55556%;
  }
  .d-4of9 {
    width: 44.44444%;
  }
  .d-1of10 {
    width: 10%;
  }
  .d-1of11 {
    width: 9.09091%;
  }
  .d-1of12 {
    width: 8.33333%;
  }
  .d-5of12 {
    width: 41.66667%;
  }
  .d-7of12 {
    width: 58.33333%;
  }
  .d-10of12 {
    width: 83.33333%;
  }
  .d-11of12 {
    width: 91.66667%;
  }
}
/* Grid System - @end */

@font-face {
  font-family: 'daikin-icons';
  src: url("//4295351.fs1.hubspotusercontent-eu1.net/hubfs/4295351/raw_assets/public/DMEP-Portale-Documentale-2023/fonts/daikin-icons.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
}
:root {
  --font-size-display: 7.2rem;
  --font-size-h1: 5.1rem;
  --font-size-h2: 3.6rem;
  --font-size-h3: 2.5rem;
  --font-size-base: 1.8rem;
  --font-size-p: 1.8rem;
  --font-size-small: 1.6rem;
  --font-size-tiny: 1.3rem;

  --line-height-display: 8rem;
  --line-height-h1: 5.6rem;
  --line-height-h2: 4rem;
  --line-height-h3: 3.2rem;
  --line-height-base: 2.4rem;
  --line-height-p: 2.4rem;
  --line-height-small: 1.6rem;


  --color-black: #000;
  --color-white: #fff;
  --color-grey: #f7f8f8;
  --color-grey-light: #bab8b8;
  --color-grey-medium: #323f4a;
  --color-grey-dark: #1c1c1c;
  --color-grey-blue: #4f5b67;
  --color-grey-blue-light: #d7dbde;
  --color-grey-blue-medium: #88929b;
  --color-red: #ff0000;
  --color-green: #32bf00;
  --color-blue: #0049d6;
  --color-orange: #fe8900;

  --color-lines: #d7dbde;

  --color-transparent: rgba(255, 255, 255, 0);
  --color-transparent-black: rgba(0, 0, 0, 0.6);
  --color-transparent-white: rgba(255, 255, 255, 0.5);
  --color-transparent-blue: rgba(1, 154, 219, 0.85);

  --font-serif: "DM Sans", sans serif;
  --font-sans: "proxima-nova", sans serif;
  --font-icons: "daikin-icons";

  --size-header-height: 11rem;
  --size-header-height-mobile: 6rem;
  --size-logo-height: 7rem;
  --size-logo-height-mobile: 4rem;
}

html {
  box-sizing: border-box;

  -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;

  /* 1rem === 10px */
  font-size: 62.5%;
  font-family: var(--font-sans);
}

html, body {
  min-height: 100vh;
  scroll-behavior: smooth;
  background-color: var(--color-white);
}

body {
  overflow-x: hidden;
}

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

*:not(table):not(thead):not(tbody):not(tfoot):not(tr):not(td):not(th) {
  backface-visibility: hidden;
}

/* Headings */
h1,
h2,
h3,
h4 {
  font-family: var(--font-serif);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
  line-height: normal;
  text-rendering: optimizelegibility;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

h1 {
  font-size: calc(var(--base-font-size)*2.5);
}
h2 {
  font-size: calc(var(--base-font-size)*2);
}
h3 {
  font-size: calc(var(--base-font-size)*1.8);
}
h4 {
  font-size: calc(var(--base-font-size)*1.5);
}
h5 {
  font-size: calc(var(--base-font-size));
}
h6 {
  font-size: calc(var(--base-font-size)*0.9);
}


/* Texts hyphenation */
p,
span,
blockquote,
q {
  /* scope is limited to specific tags to prevent possible side-effects */

  -ms-word-wrap: break-word;
    word-wrap: break-word;
     word-break: break-word; /* non-standart css for webkit */

  /* cleaning up the ragged lines and breaks */
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      hyphens: auto;

  /* sets a minimum number of characters before and after the break */
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
       hyphenate-lines: 3;
}

p + p,
p + a,
a + p,
p + h5,
p + h4,
p + h3 {
  margin-top: 1em;
}

/* VISUALS */
img,
picture,
video {
  display: block;
}

/* IMAGES */
img,
picture {
  max-width: 100%;
  height: auto;
}
img.vertical-image,
picture.vertical-image {
  max-height: 100%;
  width: auto;
}

/* TABLES */
table {
  table-layout: fixed;
  margin: 0;
}

caption {
  padding: 0 1em 1em;
}

thead {}
tbody {}
tfoot {}

tr,
th,
td {
  vertical-align: middle;
}

tr {}

th,
td {
  padding: 0.5em 1em;
  text-align: left;
}

th {
  border-bottom: 1px solid #000;
}

td {
  border-top: 1px solid rgba(0,0,0,0.75);
}

/* BTCF! - @begin */
.btcf::after {
  content: '';
  display: table;
  clear: both;
}
/* BTCF! - @end */
/* Display - @begin */
.flex.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.inline.inline {
  display: inline;
}

.block.block {
  display: block;
}

.inline-block.inline-block {
  display: inline-block;
}

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

.invisible.invisible {
  visibility: hidden;
  opacity: 0;
}

/* Display - @end */
/* Visibility - @begin */
.p-up.p-up,
.p-down.p-down,
.m-up.m-up,
.m-down.m-down,
.t-up.t-up,
.t-down.t-down,
.t-only.t-only,
.d-up.d-up {
  display: none !important;
}

@media (min-width: 480px) {
  .p-up.p-up {
    display: block !important;
  }
  .p-up.p-up.columns, .p-up.p-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .p-up.p-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .p-up.p-up.inline-block {
    display: inline-block !important;
  }
  .p-up.p-up.inline {
    display: inline !important;
  }
  .p-up.p-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 479px) {
  .p-down.p-down {
    display: block !important;
  }
  .p-down.p-down.columns, .p-down.p-down.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .p-down.p-down.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .p-down.p-down.inline-block {
    display: inline-block !important;
  }
  .p-down.p-down.inline {
    display: inline !important;
  }
  .p-down.p-down.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .t-up.t-up {
    display: block !important;
  }
  .t-up.t-up.columns, .t-up.t-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .t-up.t-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .t-up.t-up.inline-block {
    display: inline-block !important;
  }
  .t-up.t-up.inline {
    display: inline !important;
  }
  .t-up.t-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1180px) {
  .t-down.t-down {
    display: block !important;
  }
  .t-down.t-down.columns, .t-down.t-down.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .t-down.t-down.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .t-down.t-down.inline-block {
    display: inline-block !important;
  }
  .t-down.t-down.inline {
    display: inline !important;
  }
  .t-down.t-down.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .t-only.t-only {
    display: block !important;
  }
  .t-only.t-only.columns, .t-only.t-only.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .t-only.t-only.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .t-only.t-only.inline-block {
    display: inline-block !important;
  }
  .t-only.t-only.inline {
    display: inline !important;
  }
  .t-only.t-only.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1181px) {
  .d-up.d-up {
    display: block !important;
  }
  .d-up.d-up.columns, .d-up.d-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-up.d-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-up.d-up.inline-block {
    display: inline-block !important;
  }
  .d-up.d-up.inline {
    display: inline !important;
  }
  .d-up.d-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 959px) {
  .m-down.m-down {
    display: block !important;
  }
  .m-down.m-down.columns, .m-down.m-down.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .m-down.m-down.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .m-down.m-down.inline-block {
    display: inline-block !important;
  }
  .m-down.m-down.inline {
    display: inline !important;
  }
  .m-down.m-down.hidden {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 960px) {
  .m-up.m-up {
    display: block !important;
  }
  .m-up.m-up.columns, .m-up.m-up.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .m-up.m-up.inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .m-up.m-up.inline-block {
    display: inline-block !important;
  }
  .m-up.m-up.inline {
    display: inline !important;
  }
  .m-up.m-up.hidden {
    display: none !important;
    visibility: hidden;
  }
}
/* Visibility - @end */

/* Positions - @begin */
.static {
  position: static;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
/* Positions - @end */

/* Margins - @begin */
.mgn-lft-auto.mgn-lft-auto {
  margin-left: auto;
}
.mgn-rgt-auto.mgn-rgt-auto {
  margin-right: auto;
}
.mgn-top-auto.mgn-top-auto {
  margin-top: auto;
}
.mgn-btm-auto.mgn-btm-auto {
  margin-bottom: auto;
}
.mgn-x-auto.mgn-x-auto {
  margin-left: auto;
  margin-right: auto;
}
.mgn-y-auto.mgn-y-auto {
  margin-left: auto;
  margin-right: auto;
}
.mgn-auto.mgn-auto {
  margin: auto;
}
/* Margins - @end */

/* Backgrounds (images, sizes, etc) - @begin */
.bg-img {
  background-color: transparent ;
  background-repeat: no-repeat ;
  background-attachment: scroll ;
  background-position: 50%  ;
}

.bg-contain {
  background-size: contain  ;
}

.bg-cover {
  background-size: cover  ;
}
/* Backgrounds (images, sizes, etc) - @end */

/* Fittings - @begin */
.fit-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.fit-cover {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
/* Fittings - @end */

/* Ordering - @begin */
.order-0.order-0 {
  order: 0;
}
.order-1.order-1 {
  order: 1;
}
.order-2.order-2 {
  order: 2;
}
.order-3.order-3 {
  order: 3;
}
.order-4.order-4 {
  order: 4;
}
.order-5.order-5 {
  order: 5;
}
.order-6.order-6 {
  order: 6;
}
.order-7.order-7 {
  order: 7;
}
.order-8.order-8 {
  order: 8;
}
.order-9.order-9 {
  order: 9;
}
.order-10.order-10 {
  order: 10;
}
/* Ordering - @end */

.pprint {
  font-family: monospace;
  font-size: 1.5rem;
}
.icon {
  position: relative;
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  overflow: hidden;
  text-align: center;
}
.icon::before {
  speak: never;
  content: "";
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-family: var(--font-icons);
  width: 1em;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon.icon-none,
.icon.icon-before,
.icon.icon-after {
  display: inline-flex;
  align-items: center;
  width: auto;
  overflow: visible;
}
.icon.icon-before {
  text-align: left;
}
.icon.icon-after {
  text-align: right;
}
.icon.icon-none::before {
    display: none;
  }
}
.icon.icon-before::before {
  order: 0;
}
.icon.icon-after::before {
  order: 1;
}
.icon.icon-before .icon-label {
  padding-left: 0.25em;
}
.icon.icon-after .icon-label {
  padding-right: 0.25em;
}

.icon-label {
  display: inherit;
}
.icon:not(.icon-before):not(.icon-after):not(.icon-none) .icon-label {
  overflow: hidden;
  text-indent: 101%;
}

/* icons - @begin */


.icon-triangle-down::before {
  content: "\e922";
}
.icon-triangle-up::before {
  content: "\e925";
}
.icon-triangle-right::before {
  content: "\e923";
}
.icon-triangle-left::before {
  content: "\e926";
}
.icon-youtube::before {
  content: "\e924";
}
.icon-arrow-down::before {
  content: "\e900";
}
.icon-arrow-left::before {
  content: "\e901";
}
.icon-arrow-right::before {
  content: "\e902";
}
.icon-arrow-up::before {
  content: "\e903";
}
.icon-close::before {
  content: "\e904";
}
.icon-docs::before {
  content: "\e905";
}
.icon-facebook::before {
  content: "\e906";
}
.icon-instagram::before {
  content: "\e907";
}
.icon-linkedin::before {
  content: "\e908";
}
.icon-minus::before {
  content: "\e909";
}
.icon-plus::before {
  content: "\e90a";
}
.icon-search::before {
  content: "\e90b";
}
.icon-select-down::before {
  content: "\e90c";
}
.icon-select-left::before {
  content: "\e90d";
}
.icon-select-right::before {
  content: "\e90e";
}
.icon-select-up::before {
  content: "\e90f";
}
.icon-triangle::before {
  content: "\e911";
}
.icon-share::before {
  content: "\e910";
}
.icon-hamburger::before {
  content: "\e912";
}
.icon-arrow-sw-ne::before {
  content: "\e914";
}
.icon-arrow-se-nw::before {
  content: "\e913";
}
.icon-arrow-ne-sw::before {
  content: "\e915";
}
.icon-arrow-nw-se::before {
  content: "\e916";
}
.icon-lt::before {
  content: "\e917";
}
.icon-gt::before {
  content: "\e918";
}
.icon-play::before {
  content: "\e919";
}
.icon-filters::before {
  content: "\e91a";
}
.icon-download::before {
  content: "\e91b";
}
.icon-mail::before {
  content: "\e91c";
}

/* icons - @end */
/* @begin css dots spinner */
.loading-spinner {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 8rem;
  height: 4rem;
}
.loading-spinner.not-active {
  display: none;
}
.loading-spinner div {
  position: absolute;
  top: calc(50% - .7rem);
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: var(--color-red);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loading-spinner div:nth-child(1) {
  left: .8rem;
  animation: loading-spinner1 0.6s infinite;
}
.loading-spinner div:nth-child(2) {
  left: .8rem;
  animation: loading-spinner2 0.6s infinite;
}
.loading-spinner div:nth-child(3) {
  left: 3.2rem;
  animation: loading-spinner2 0.6s infinite;
}
.loading-spinner div:nth-child(4) {
  left: 5.6rem;
  animation: loading-spinner3 0.6s infinite;
}
@keyframes loading-spinner1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loading-spinner3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes loading-spinner2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(2.4rem, 0);
  }
}
/* @end css dots spinner */

.font-light.font-light {
  font-weight: 300;
}
.font-regular.font-regular {
  font-weight: 400;
}
.font-medium.font-medium {
  font-weight: 500;
}
.font-bold.font-bold {
  font-weight: 700;
}

.font-serif {
  font-family: var(--font-serif);
}
.font-sans {
  font-family: var(--font-sans);
}

.text-72 {
  font-size: var(--font-size-display);
  line-height: var(--line-height-display);
}
.text-51 {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
}
.text-36 {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
}
.text-25 {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
}
.text-18 {
  font-size: var(--font-size-p);
  line-height: var(--line-height-p);
}
.text-16 {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.text-13 {
  font-size: var(--font-size-tiny);
  line-height: var(--line-height-small);
}
.text-12 {
  font-size: var(--font-size-tiny);
  line-height: var(--line-height-small);
}

.text-black {
  color: var(--color-black);
}
.text-grey-medium {
  color: var(--color-grey-medium);
}
.text-grey-blue {
  color: var(--color-grey-blue);
}
.text-white {
  color: var(--color-white);
}
.text-red {
  color: var(--color-red);
}

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

.system-page {
  margin: 0;
  padding: 2.5rem 2.5rem 4rem;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
}
.system-page-contents {
  width: 100%;
  border-radius: 2rem;
  background-color: var(--color-grey);
  align-self: stretch;
  overflow: hidden;
}

.system-page .login-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 8rem;
  padding-bottom: 4rem;
}
.system-page-header,
.system-page-body,
.system-page-footer {
  margin-left: auto;
  margin-right: auto;
}

.system-page-header .system-page-logo {
  display: block;
}
.system-page-header .system-page-logo img {
  width: 100%;
  height: auto;
  max-width: 17rem;
}

.system-page-body .prompt-heading {}
.system-page-body .prompt-heading h2 {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
}
.system-page-body .prompt-heading p {
  padding-top: 1rem;
  font-family: var(--font-sans);
  font-size: var(--font-size-p);
  line-height: var(--line-height-p);
  font-weight: bold;
  color: var(--color-grey-blue);
}
.system-page-body .prompt-form {}
.system-page-body .form-heading {
  margin-top: 3.2rem;
}
.system-page-body form * {
  font-family: var(--font-sans);
}
.system-page-body form div {
  padding-top: 3rem;
}
.system-page-body form .actions {
  padding-top: 0;
}
.system-page-body label {
  font-size: var(--font-size-tiny);
  line-height: var(--line-height-small);
  color: var(--color-grey-blue);
  font-weight: bold;
}
.system-page-body input[type=text],
.system-page-body input[type=email],
.system-page-body input[type=password] {
  margin-top: .8rem;
  font-size: var(--font-size-p);
  line-height: var(--line-height-p);
  padding: 1.6rem;
  display: block;
  width: 100%;
  background-color: var(--color-white);
  border: 0 none;
}
.system-page-body label + a {
  padding-left: .75em;
  color: var(--color-red);
  font-size: var(--font-size-tiny);
  line-height: var(--line-height-small);
  text-decoration: none;
}
#hs-login-widget-remember + label,
#hs-login-widget-remember {}
#hs_login_reset {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  color: var(--color-red);
  text-decoration: none;
  font-weight: bold;
}
#hs_cos_wrapper_membership_admin_content {
  font-weight: bold;
  padding-top: 3rem;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  color: var(--color-grey-blue);
}
#hs_cos_wrapper_membership_admin_content a {
  color: var(--color-red);
}

.system-page-body input[type=submit] {
  padding: 1.6rem 2.4rem;
  border-radius: .4rem;
  display: block;
  width: 100%;
  border: 0 none;
  background-color: var(--color-red);
  color: var(--color-white);
  cursor: pointer;
}

.system-page .visual-content {
  height: 100%;
  background-color: #2b0001;

}
.listing-page {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  background-color: var(--color-grey);
}

.menu-toggler-wrapper {
  top: 0;
  left: 0;
  z-index: 1;
}

.menu-toggler {
  margin: 1.5rem 1.5rem 0 auto;
  position: relative;
  width: 3.2rem;
  aspect-ratio: 1/1;
  overflow: hidden;

  /*linear-gradient(90deg, var(--color-green) 0%, var(--color-green) 25%, var(--color-transparent) 25%, var(--color-transparent) 100%),*/
  background-image:
    linear-gradient(
      180deg,
      var(--color-transparent) 0%,
      var(--color-transparent) calc(50% - 2px),
      var(--color-red) calc(50% - 2px),
      var(--color-red) calc(50% + 2px),
      var(--color-transparent) calc(50% + 2px),
      var(--color-transparent) 100%
    );
}
.menu-toggler::before,
.menu-toggler::after {
  content: '';
  display: inherit;
  position: absolute;
  left: 50%;
  width: 3.2rem;
  height: .4rem;
  background-color: var(--color-red);

  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform 0.3s, top 0.3s;
}
.menu-toggler::before {
  top: 15%;
}
.menu-toggler::after {
  top: 85%;
}
.mobile-menu-opened .menu-toggler {
  background-image: linear-gradient(
    180deg,
    var(--color-transparent) 0%,
    var(--color-transparent) calc(50% - 2px),
    var(--color-transparent) calc(50% - 2px),
    var(--color-transparent) calc(50% + 2px),
    var(--color-transparent) calc(50% + 2px),
    var(--color-transparent) 100%
  );
}
.mobile-menu-opened .menu-toggler::before {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg)
}
.mobile-menu-opened .menu-toggler::after {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.menu-toggler-label {
  pointer-events: none;
  display: inherit;
  transform: translateX(-101%);
}


.listing-page-contents {
  align-self: stretch;
}

.listing-page-navigation {
  position: absolute;
  left: -100%;
  top: 0;
  align-self: flex-start;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  background-color: var(--color-grey);
  height: 100dvh;
  transition: left 0.4s;

  @media screen and (min-width: 960px) {
    position: sticky;
    left: 0;
  }
}
.mobile-menu-opened .listing-page-navigation {
  left: 0;
}


.listing-page-nav {
  margin-top: 9rem;
}
.listing-page-nav .menu-heading {
  color: var(--color-grey-blue-medium);
}

.listing-page-nav .menu-voice {
  text-decoration: none;
  color: var(--color-grey-medium);
}
.listing-page-nav .menu-voice,
.listing-page-nav .menu-voice + .menu-voice {
  margin-top: .8rem;
}

.listing-content {
  padding-top: 3rem;
  padding-bottom: 9rem;
  min-height: 100%;
  background-color: var(--color-white);
}

.listing-inner-wrapper {}

.main-listing-block {}

.main-listing-header {
  padding-top: 4rem;
}

.main-listing-header .search-toggle {
  margin-left: auto;
  width: 5.1rem;
  height: 5.1rem;
  padding: 1em;
  color: var(--color-red);
  transition: padding .3s;
}
.main-listing-header .search-toggle:hover {
  padding: .75em;
}

.main-contents {
  padding-top: 4.8rem;
}

.main-contents-heading {}

.main-contents .listing-categories {}

.main-contents .category-item {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-decoration: none;
}

.main-contents .category-item .category-label {
  padding-top: 1.6rem;
}
.main-contents .category-item .category-details {
  padding-top: .8rem;
}

.main-contents .category-item .inner-wrapper {
  padding: 3rem;
  background-color: var(--color-grey);
  border-radius: .6rem;
  overflow: hidden;
}

.main-contents .folders-block {
  margin-top: 5.6rem;
}

.main-contents .folders-block .folder-item {
  padding: 1.6rem 0;
  text-decoration: none;
  border-bottom: 1px solid var(--color-grey-blue-light);
}

.main-contents .folders-block .inner-wrapper {
  align-items: center;
}
.main-contents .folders-block .folder-image {
  max-width: 4.5rem;
}
.main-contents .folders-block .folder-label {
  padding-left: 4rem;
}

.main-contents .listing-tools {
  line-height: 2.4rem;
  flex-wrap: wrap;
}

.main-contents .tools-filter {
  padding-right: 2em;
}
.main-contents .tools-filter + .tools-filter {
  margin-top: 1rem;

  @media screen and (min-width: 480px) {
    margin-top: 0;
  }
}
.main-contents .filter-select {
  border-radius: 0;
}

.main-contents .tools-count {
  line-height: 2.4rem;
  margin-top: 1rem;

  @media screen and (min-width: 480px) {
    margin-top: 0;
  }
}

.main-contents .tools-count-label {
  line-height: 2.4rem;
}

.main-contents .tools-count .folders-count,
.main-contents .tools-count .files-count {
  padding-left: .8rem;
  padding-right: .8rem;
}

.main-contents .tools-count .folders-count +  .files-count,
.main-contents .tools-count .files-count +  .folders-count {
  border-left: 1px solid var(--color-grey-blue-light);
}

.tools-switch-view {
  justify-content: flex-start;
  margin-top: 1rem;
  margin-left: auto;
  line-height: 2.4rem;

  @media screen and (min-width: 480px) {
    justify-content: flex-end;
    margin-top: 0;
  }
}
.tools-switch-label {
  line-height: 2.4rem;
}
.tools-switch-action {
  display: flex;
  align-items: center;
  margin-left: 1.6rem;
  margin-top: 0;
  text-decoration: none;
  color: var(--color-grey-medium);
}
.tools-switch-action svg {
  margin-right: .5em;
}
.tools-switch-action.active {}
.tools-switch-action.active svg rect {
  fill: var(--color-grey-medium);
}

.main-contents .tools-count .folders-count {}
.main-contents .tools-count .files-count {}

.main-contents .files-block {
  margin-top: 5.6rem;
}

.main-contents .files-block .file-item {}
.main-contents .files-block .inner-wrapper {
  flex-wrap: wrap;
  border-bottom: 1px solid var(--color-grey-blue-light);

  @media screen and (min-width: 960px) {
    flex-wrap: nowrap;
    align-items: stretch;
  }
}
.main-contents .files-block .file-column {
  display: flex;
  align-items: center;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.main-contents .files-block .file-column + .file-column {
  @media screen and (min-width: 960px) {
    border-left: 1px solid var(--color-grey-blue-light);
  }
}
.main-contents .files-block .file-name {}
.main-contents .files-block[data-view=list] .file-name .file-date,
.main-contents .files-block[data-view=list] .file-name .file-action {
  display: none;
}
.main-contents .files-block .file-name .file-mimetype {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 8rem;
  aspect-ratio: 80/45;
  border-radius: .4rem;
  overflow: hidden;
  color: var(--color-white);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.main-contents .files-block .file-name .file-mimetype .has-preview {}

.main-contents .files-block .file-name .file-extension {}
.main-contents .files-block .file-name .has-preview .file-extension {
  display: none;
}
.main-contents .files-block .file-column .grid-wrapper {
  margin-left: auto;
}
.main-contents .files-block[data-view=grid] .file-column .grid-wrapper {
  width: 100%;
}

.main-contents .files-block .file-name .file-label {
  padding-left: 1em;
  padding-right: 2em;
}
.main-contents .files-block .file-date {
  justify-content: center;
}
.main-contents .files-block .file-actions {
  justify-content: flex-end;
}
.main-contents .files-block .file-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .8rem;
  border-radius: .4rem;
  overflow: hidden;
  background-color: var(--color-red);
  text-decoration: none;
}
.main-contents .files-block .file-action + .file-action {
  margin-left: 1em;
}
.main-contents .files-block .file-action svg {
  /*margin-left: 1em;*/
}

.main-contents .files-block[data-view=grid] {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.main-contents .files-block[data-view=grid] .file-item {
  padding: 0 1.5rem;
  margin-bottom: 3rem;
  width: 100%;

  @media screen and (min-width: 768px) {
    width: 50%;
  }

  @media screen and (min-width: 960px) {
    width: 33.33333%;
  }
}

.main-contents .files-block[data-view=grid] .inner-wrapper {
  flex-direction: column;
  height: 100%;
  border-bottom: 0 none;
  padding: 1.6rem;
  background-color: var(--color-grey);
}
.main-contents .files-block[data-view=grid] .file-column {
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  align-items: flex-start;
}
.main-contents .files-block[data-view=grid] .file-column + .file-column {
  border-left: 0 none;
}
.main-contents .files-block[data-view=grid] .file-column .grid-wrapper {
  margin-left: 0;
}
.main-contents .files-block[data-view=grid] .file-name {}
.main-contents .files-block[data-view=grid] .file-name .file-mimetype {
  width: 100%;
  margin-bottom: 2.4rem;
}
.main-contents .files-block[data-view=grid] .file-name .file-mimetype .has-preview {}

.main-contents .files-block[data-view=grid] .file-name .file-extension {
  transform-origin: 50%;
  transform: scale(1.5);
}
.main-contents .files-block[data-view=grid] .file-name .has-preview .file-extension {
  display: none;
}
.main-contents .files-block[data-view=grid] .file-name .file-label {
  padding-left: 0;
  padding-bottom: .8rem;
}
.main-contents .files-block[data-view=grid] .file-column.file-date {
  display: none !important;
}
.main-contents .files-block[data-view=grid] .file-column.file-actions {
  display: none;
}
.main-contents .files-block[data-view=grid] .file-action {
  display: block;
  background-color: transparent;
  margin: 0 0 0 auto;
  padding: 0;
}
.main-contents .files-block[data-view=grid] .file-action + .file-action {
  margin-left: 1em;
}
.main-contents .files-block[data-view=grid] .file-action svg {
  margin: 0;
  padding: 0;
  width: 3.2rem;
  height: 3.2rem;
}
.main-contents .files-block[data-view=grid] .file-action svg path {
  stroke: var(--color-grey-blue);
  fill: var(--color-grey-blue);
}
.main-contents .files-block[data-view=grid] .file-action svg circle {
  /*stroke: var(--color-grey-blue);*/
}


.file-type-img.file-type-img {
  background-color: var(--color-grey-blue-medium);
}
.file-type-doc.file-type-doc {
  background-color: var(--color-blue);
}
.file-type-ppt.file-type-ppt {
  background-color: var(--color-orange);
}
.file-type-xls.file-type-xls {
  background-color: var(--color-green);
}
.file-type-pdf.file-type-pdf {
  background-color: var(--color-red);
}
.file-type-mp4.file-type-mp4 {
  background-color: var(--color-red);
}

.favourites-block {}

.latest-block {}