/* @group Grid */
/* @end */
/* @group Theme - Colors */
/* @end */
/* @group Theme - General */
/* @end */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove inside shadow from iOS.
 */
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=search],
textarea {
  -webkit-appearance: none;
}

/**
 * Remove Firefox select padding
 */
@-moz-document url-prefix() {
  select {
    text-indent: -0.1em;
  }
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* @group Mixins */
/* @end */
/* @group General */
.clear::after,
.clearfix::after {
  content: " ";
  display: table;
  clear: both;
}

.spacer {
  display: block;
  height: 30px;
  width: 100%;
  flex: 0 0 auto;
}
.spacer.small {
  height: 15px;
}
.spacer.medium {
  height: 45px;
}
.spacer.large {
  height: 60px;
}

/* @end */
/* @group Mixins */
/* @end */
/* @group Container */
.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container::after,
.container-fluid::after {
  content: " ";
  display: table;
  clear: both;
}
.container.no-gutter,
.container-fluid.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 578px) {
  .container {
    width: 576px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* @end */
/* @group Row / Col */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row::after {
  content: " ";
  display: table;
  clear: both;
}
.row.small-gutter {
  margin-left: -8px;
  margin-right: -8px;
}
.row.small-gutter > [class^=col-], .row.small-gutter > [class*=" col-"] {
  padding: 0 7px;
}
.row.large-gutter {
  margin-left: -30px;
  margin-right: -30px;
}
.row.large-gutter > [class^=col-], .row.large-gutter > [class*=" col-"] {
  padding: 0 30px;
}
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.row.no-gutter > [class^=col-], .row.no-gutter > [class*=" col-"] {
  padding: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1 {
  width: 8.3333333333%;
  float: left;
}

.col-xs-2 {
  width: 16.6666666667%;
  float: left;
}

.col-xs-3 {
  width: 25%;
  float: left;
}

.col-xs-4 {
  width: 33.3333333333%;
  float: left;
}

.col-xs-5 {
  width: 41.6666666667%;
  float: left;
}

.col-xs-6 {
  width: 50%;
  float: left;
}

.col-xs-7 {
  width: 58.3333333333%;
  float: left;
}

.col-xs-8 {
  width: 66.6666666667%;
  float: left;
}

.col-xs-9 {
  width: 75%;
  float: left;
}

.col-xs-10 {
  width: 83.3333333333%;
  float: left;
}

.col-xs-11 {
  width: 91.6666666667%;
  float: left;
}

.col-xs-12 {
  width: 100%;
  float: left;
}

.col-xs-push-0 {
  left: 0%;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-pull-0 {
  right: 0%;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

@media (min-width: 578px) {
  .col-sm-1 {
    width: 8.3333333333%;
    float: left;
  }
  .col-sm-2 {
    width: 16.6666666667%;
    float: left;
  }
  .col-sm-3 {
    width: 25%;
    float: left;
  }
  .col-sm-4 {
    width: 33.3333333333%;
    float: left;
  }
  .col-sm-5 {
    width: 41.6666666667%;
    float: left;
  }
  .col-sm-6 {
    width: 50%;
    float: left;
  }
  .col-sm-7 {
    width: 58.3333333333%;
    float: left;
  }
  .col-sm-8 {
    width: 66.6666666667%;
    float: left;
  }
  .col-sm-9 {
    width: 75%;
    float: left;
  }
  .col-sm-10 {
    width: 83.3333333333%;
    float: left;
  }
  .col-sm-11 {
    width: 91.6666666667%;
    float: left;
  }
  .col-sm-12 {
    width: 100%;
    float: left;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.3333333333%;
    float: left;
  }
  .col-md-2 {
    width: 16.6666666667%;
    float: left;
  }
  .col-md-3 {
    width: 25%;
    float: left;
  }
  .col-md-4 {
    width: 33.3333333333%;
    float: left;
  }
  .col-md-5 {
    width: 41.6666666667%;
    float: left;
  }
  .col-md-6 {
    width: 50%;
    float: left;
  }
  .col-md-7 {
    width: 58.3333333333%;
    float: left;
  }
  .col-md-8 {
    width: 66.6666666667%;
    float: left;
  }
  .col-md-9 {
    width: 75%;
    float: left;
  }
  .col-md-10 {
    width: 83.3333333333%;
    float: left;
  }
  .col-md-11 {
    width: 91.6666666667%;
    float: left;
  }
  .col-md-12 {
    width: 100%;
    float: left;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.3333333333%;
    float: left;
  }
  .col-lg-2 {
    width: 16.6666666667%;
    float: left;
  }
  .col-lg-3 {
    width: 25%;
    float: left;
  }
  .col-lg-4 {
    width: 33.3333333333%;
    float: left;
  }
  .col-lg-5 {
    width: 41.6666666667%;
    float: left;
  }
  .col-lg-6 {
    width: 50%;
    float: left;
  }
  .col-lg-7 {
    width: 58.3333333333%;
    float: left;
  }
  .col-lg-8 {
    width: 66.6666666667%;
    float: left;
  }
  .col-lg-9 {
    width: 75%;
    float: left;
  }
  .col-lg-10 {
    width: 83.3333333333%;
    float: left;
  }
  .col-lg-11 {
    width: 91.6666666667%;
    float: left;
  }
  .col-lg-12 {
    width: 100%;
    float: left;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    width: 8.3333333333%;
    float: left;
  }
  .col-xl-2 {
    width: 16.6666666667%;
    float: left;
  }
  .col-xl-3 {
    width: 25%;
    float: left;
  }
  .col-xl-4 {
    width: 33.3333333333%;
    float: left;
  }
  .col-xl-5 {
    width: 41.6666666667%;
    float: left;
  }
  .col-xl-6 {
    width: 50%;
    float: left;
  }
  .col-xl-7 {
    width: 58.3333333333%;
    float: left;
  }
  .col-xl-8 {
    width: 66.6666666667%;
    float: left;
  }
  .col-xl-9 {
    width: 75%;
    float: left;
  }
  .col-xl-10 {
    width: 83.3333333333%;
    float: left;
  }
  .col-xl-11 {
    width: 91.6666666667%;
    float: left;
  }
  .col-xl-12 {
    width: 100%;
    float: left;
  }
  .col-xl-push-0 {
    left: 0%;
  }
  .col-xl-push-1 {
    left: 8.3333333333%;
  }
  .col-xl-push-2 {
    left: 16.6666666667%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-4 {
    left: 33.3333333333%;
  }
  .col-xl-push-5 {
    left: 41.6666666667%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-7 {
    left: 58.3333333333%;
  }
  .col-xl-push-8 {
    left: 66.6666666667%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-10 {
    left: 83.3333333333%;
  }
  .col-xl-push-11 {
    left: 91.6666666667%;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-pull-0 {
    right: 0%;
  }
  .col-xl-pull-1 {
    right: 8.3333333333%;
  }
  .col-xl-pull-2 {
    right: 16.6666666667%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-4 {
    right: 33.3333333333%;
  }
  .col-xl-pull-5 {
    right: 41.6666666667%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-7 {
    right: 58.3333333333%;
  }
  .col-xl-pull-8 {
    right: 66.6666666667%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-10 {
    right: 83.3333333333%;
  }
  .col-xl-pull-11 {
    right: 91.6666666667%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
}
/* @end */
/* @group Visibility */
.hidden {
  display: none !important;
}
@media (max-width: 577px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 578px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}

/* @end */
/* @group General */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  height: 100%;
  overflow-x: hidden;
  position: relative;
}

body {
  min-height: 100%;
  padding: 0;
  overflow-x: hidden;
  position: relative;
  background-color: #f7f4f2;
  -webkit-tap-highlight-color: transparent;
}
body.no-scroll {
  overflow: hidden;
  height: 100%;
  min-height: 100vh;
}

/* @end */
/* @group Other */
p {
  margin: 0 0 1.5rem 0;
}

/* @end */
/* @group Fonts */
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  src: url("../theme/fonts/opensans-400.eot"); /* IE9 Compat Modes */
  src: url("../theme/fonts/opensans-400.eot?#iefix") format("embedded-opentype"), url("../theme/fonts/opensans-400.woff") format("woff"), url("../theme/fonts/opensans-400.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  src: url("../theme/fonts/opensans-600.eot"); /* IE9 Compat Modes */
  src: url("../theme/fonts/opensans-600.eot?#iefix") format("embedded-opentype"), url("../theme/fonts/opensans-600.woff") format("woff"), url("../theme/fonts/opensans-600.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  src: url("../theme/fonts/opensans-700.eot"); /* IE9 Compat Modes */
  src: url("../theme/fonts/opensans-700.eot?#iefix") format("embedded-opentype"), url("../theme/fonts/opensans-700.woff") format("woff"), url("../theme/fonts/opensans-700.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: normal;
  src: url("../theme/fonts/opensans-800.eot"); /* IE9 Compat Modes */
  src: url("../theme/fonts/opensans-800.eot?#iefix") format("embedded-opentype"), url("../theme/fonts/opensans-800.woff") format("woff"), url("../theme/fonts/opensans-800.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* @end */
/* @group General */
html {
  font-size: 10px;
}

body {
  font-family: "Open Sans", arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.333;
  color: #686767;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

b,
strong {
  font-weight: 700;
}

s,
strike {
  text-decoration: line-through;
}

/* @end */
/* @group Headings */
h1 {
  display: block;
  position: relative;
  color: #686767;
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0 0 2.3rem 0;
  padding: 0 0 2rem 0;
  text-transform: uppercase;
}
h1::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: calc(50% - 3.5rem);
  height: 0.3rem;
  width: 7rem;
  background-color: #f98300;
}
h1 > i.help {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin: 0.6rem 0 0 0.3rem;
  opacity: 0.5;
  transition: opacity 150ms linear;
}
h1 > i.help:hover {
  opacity: 1;
}

h2 {
  display: block;
  color: #383737;
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
  padding: 0;
}

h3 {
  display: block;
  color: #383737;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
  margin: 0 0 2rem 0;
  padding: 0 0 1rem 0;
  border-bottom: 2px solid #E0E0E0;
}

/* @end */
/* @group Links */
a {
  text-decoration: none;
  color: #2FADA8;
  outline: none;
}
a:hover {
  text-decoration: underline;
  outline: none;
}

/* @end */
/* @group Aligns */
.text-left {
  text-align: left;
}

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

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

/* @end */
/* @group Fonts */
@font-face {
  font-family: "Custom Icons";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/custom-icons.eot"); /* IE9 Compat Modes */
  src: url("fonts/custom-icons.eot?#iefix") format("embedded-opentype"), url("fonts/custom-icons.ttf") format("truetype"), url("fonts/custom-icons.woff") format("woff");
}
@font-face {
  font-family: "New Icons";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/new-icons.eot"); /* IE9 Compat Modes */
  src: url("fonts/new-icons.eot?#iefix") format("embedded-opentype"), url("fonts/new-icons.ttf") format("truetype"), url("fonts/new-icons.woff") format("woff");
}
@font-face {
  font-family: "V2022 Icons";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/v2022-icons.eot"); /* IE9 Compat Modes */
  src: url("fonts/v2022-icons.eot?#iefix") format("embedded-opentype"), url("fonts/v2022-icons.woff") format("woff"), url("fonts/v2022-icons.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* @end */
/* @group General */
[class^=icon-],
[class*=" icon-"] {
  font-family: "Custom Icons" !important;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none !important;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-rendering: auto;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-earth:before {
  content: "\e900";
}

.icon-flickr:before {
  content: "\e901";
}

.icon-facebook:before {
  content: "\e902";
}

.icon-youtube:before {
  content: "\e903";
}

.icon-phone:before {
  content: "\e904";
}

.icon-monitor:before {
  content: "\e905";
}

.icon-tablet:before {
  content: "\e906";
}

.icon-search:before {
  content: "\e907";
}

.icon-error-circle:before {
  content: "\e908";
}

.icon-check-circle:before {
  content: "\e909";
}

.icon-info-circle:before {
  content: "\e90a";
}

.icon-logout:before {
  content: "\e90b";
}

.icon-download:before {
  content: "\e90c";
}

.icon-angle-left:before {
  content: "\e90d";
}

.icon-angle-right:before {
  content: "\e90e";
}

.icon-angle-up:before {
  content: "\e90f";
}

.icon-angle-down:before {
  content: "\e910";
}

.icon-email-outline:before {
  content: "\e911";
}

.icon-phone-outline:before {
  content: "\e912";
}

.icon-building-outline:before {
  content: "\e913";
}

.icon-comfort:before {
  content: "\e914";
}

.icon-eco:before {
  content: "\e915";
}

.icon-error:before {
  content: "\e916";
}

.icon-flame:before {
  content: "\e917";
}

.icon-snowflake:before {
  content: "\e918";
}

.icon-raindrops:before {
  content: "\e919";
}

.icon-off:before {
  content: "\e91a";
}

.icon-power:before {
  content: "\e91b";
}

.icon-plus:before {
  content: "\e91c";
}

.icon-minus:before {
  content: "\e91d";
}

.icon-tools:before {
  content: "\e91e";
}

.icon-user:before {
  content: "\e91f";
}

.icon-cog:before {
  content: "\e920";
}

.icon-clock:before {
  content: "\e921";
}

.icon-calendar:before {
  content: "\e922";
}

.icon-fan:before {
  content: "\e923";
}

[class^=icon-new-],
[class*=" icon-new-"] {
  font-family: "New Icons" !important;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  font-weight: 700;
  speak: none;
  text-decoration: none !important;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-rendering: auto;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-new-home:before {
  content: "\e926";
}

.icon-new-power-new:before {
  content: "\e927";
}

.icon-new-back:before {
  content: "\e924";
}

.icon-new-up:before {
  content: "\e928";
}

.icon-new-down:before {
  content: "\e925";
}

.icon-new-arrow-up:before {
  content: "\e930";
}

.icon-new-arrow-down:before {
  content: "\e931";
}

.icon-new-cross:before {
  content: "\e932";
}

[class^=icon-v2022-],
[class*=" icon-v2022-"] {
  font-family: "V2022 Icons" !important;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none !important;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: none;
  text-rendering: auto;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-v2022-linkedin:before {
  content: "\eaca";
}

/* @end */
/* @group General */
input[type=submit],
button,
a.button {
  display: table;
  background-color: #f98300;
  color: #FFFFFF;
  cursor: pointer;
  border: none;
  width: auto;
  font-size: 1.85rem;
  line-height: 2.6rem;
  padding: 1rem 2.5rem;
  text-transform: uppercase;
  margin: 0;
  font-weight: 600;
  text-align: center;
  border-radius: 6rem;
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0);
  transition: all 120ms linear;
}
input[type=submit]:focus,
button:focus,
a.button:focus {
  outline: 0;
}
input[type=submit]:disabled,
button:disabled,
a.button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
input[type=submit]:not(:disabled):hover,
button:not(:disabled):hover,
a.button:not(:disabled):hover {
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

/* @end */
/* @group Colors */
input[type=submit].red,
button.red,
a.button.red {
  background-color: #C60F13;
}

input[type=submit].gray,
button.gray,
a.button.gray {
  background-color: #686767;
}

/* @end */
/* @group Sizes */
input[type=submit].small,
button.small,
a.button.small {
  padding: 0.7rem 1.8rem;
  line-height: 2rem;
  font-size: 1.55rem;
}

/* @end */
/* @group Positions */
input[type=submit].left,
button.left,
a.button.left {
  width: auto;
  margin: 0 auto 0 0;
}

input[type=submit].right,
button.right,
a.button.right {
  width: auto;
  margin: 0 0 0 auto;
}

input[type=submit].center,
button.center,
a.button.center {
  width: auto;
  margin: 0 auto;
}

/* @end */
/* @group Icon */
input[type=submit].icon > span,
button.icon > span,
a.button.icon > span {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
}
input[type=submit].icon > i,
button.icon > i,
a.button.icon > i {
  display: inline-block;
  vertical-align: top;
  font-size: 0.85em;
  line-height: inherit;
}
input[type=submit].icon > i:first-child,
button.icon > i:first-child,
a.button.icon > i:first-child {
  margin-right: 0.5em;
}
input[type=submit].icon > i:last-child,
button.icon > i:last-child,
a.button.icon > i:last-child {
  margin-left: 0.5em;
}

/* @end */
/* @group General */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* @end */
/* @group General */
table {
  padding: 0;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  width: 100%;
}

table td,
table th {
  text-align: center;
  vertical-align: middle;
}
table td.left,
table th.left {
  text-align: left;
}
table td.center,
table th.center {
  text-align: center;
}
table td.right,
table th.right {
  text-align: right;
}
table td.nowrap,
table th.nowrap {
  white-space: nowrap;
}

/* @end */
/* @group Table list */
table.table-list {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1.5rem;
  font-size: 1.6rem;
}

table.table-list thead tr th {
  line-height: 2rem;
  padding: 0 2rem 0 2rem;
  font-weight: 600;
  color: #686767;
  white-space: nowrap;
}
table.table-list thead tr th:first-child {
  padding-left: 3rem;
}
table.table-list thead tr th:last-child {
  padding-right: 3rem;
}

table.table-list thead tr th span {
  display: inline-block;
  opacity: 0.6;
}

table.table-list thead tr th a {
  display: inline-block;
  opacity: 0.6;
  color: inherit;
  text-decoration: none;
  transition: opacity 100ms linear;
}
table.table-list thead tr th a:hover {
  opacity: 1;
}

table.table-list thead tr th i {
  line-height: inherit;
  vertical-align: top;
  font-size: 1.2rem;
  margin: 0 0 0 0.4rem;
}

table.table-list tbody tr td {
  position: relative;
  z-index: 1;
  padding: 2.4rem 2rem;
}
table.table-list tbody tr td:first-child {
  padding-left: 3rem;
}
table.table-list tbody tr td:last-child {
  padding-right: 3rem;
}

table.table-list tbody tr td span.background {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  transition: box-shadow 150ms linear;
}

table.table-list tbody tr.clickable td {
  cursor: pointer;
}

table.table-list tbody tr.clickable:hover td span.background {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

table.table-list tbody tr td.none {
  padding: 4rem 3rem;
  text-align: center;
  color: rgba(104, 103, 103, 0.6);
  font-weight: 600;
  text-transform: uppercase;
}

/* @end */
/* @group General */
ul,
ol {
  margin: 0 0 1rem 3rem;
  padding: 0;
}

ul li {
  list-style: square;
  margin: 0 0 0.5rem 0;
}

ol li {
  list-style: decimal;
  margin: 0 0 0.5rem 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-top: 0.5rem;
}

p + ul,
p + ol {
  margin-top: -0.7rem;
}

/* @end */
/* @group Elements */
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=file],
input[type=number],
textarea,
select {
  display: inline-block;
  padding: 1.1rem 1.2rem;
  margin: 0;
  font-weight: 400;
  color: #686767;
  font-size: 1.8rem;
  line-height: 2.2rem;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  transition: border-color 100ms linear;
}

input[type=file] {
  padding: 0;
}

input[type=checkbox] {
  padding: 0;
  vertical-align: middle;
}

textarea {
  height: auto;
  resize: vertical;
  white-space: pre-wrap;
  word-spacing: normal;
  word-wrap: break-word;
  min-height: 40px;
}

select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23686767' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");
  background-size: auto 1.2rem;
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
}
select[multiple] {
  height: auto;
}

input:focus,
textarea:focus,
select:focus {
  outline: 0;
}
input:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  -webkit-text-fill-color: #686767;
}
input[readonly],
textarea[readonly],
select[readonly] {
  cursor: not-allowed;
  opacity: 0.6;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #686767;
  opacity: 0.4;
}
input.center,
textarea.center,
select.center {
  text-align: center;
}

/* @end */
/* @group Structure */
.form-element::after {
  content: " ";
  display: table;
  clear: both;
}
.form-element {
  margin-bottom: 1.5rem;
}
.form-element.no-gutter {
  margin-bottom: 0;
}

.form-element-with-validation-icon {
  position: relative;
}
.form-element-with-validation-icon i {
  position: absolute;
  right: 10px;
  top: 25%;
  font-size: 25px;
  color: #81c341;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.form-element-with-validation-icon i.show {
  opacity: 1;
}

.form-element label {
  display: block;
  width: 100%;
  margin: 0 0 0.3rem 0;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.2;
  font-weight: 600;
  overflow: hidden;
}
.form-element label.required::after {
  content: "*";
  display: inline-block;
  color: #C60F13;
  font-size: 1.44rem;
  vertical-align: top;
  margin: 0 0 0 0.4rem;
}
.form-element label.required.no-star::after {
  content: "";
}
.form-element label.center {
  text-align: center;
}

span.star {
  display: inline-block;
  color: #C60F13;
  font-size: 1.44rem;
  vertical-align: top;
  margin: 0 0 0 0.4rem;
}

.form-separator {
  margin: 2.6rem auto 2rem auto;
  height: 0.3rem;
  width: 7rem;
  background-color: #52d3ce;
}
.row + .form-separator {
  margin-top: 1.2rem;
}

/* @end */
/* @group Checkbox */
.form-checkbox {
  display: block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  font-size: 1.8rem !important;
  line-height: 2rem !important;
  margin: 0 0 0.8rem 0 !important;
}
.form-checkbox.disabled {
  cursor: not-allowed;
}

.form-checkbox > input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
}

.form-checkbox > span {
  display: block;
  position: relative;
  font-size: inherit;
  line-height: inherit;
  text-align: left;
  font-weight: 400;
  padding: 0 0 0 2.6rem;
}
.form-checkbox > span::before, .form-checkbox > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  width: 2rem;
  transition: all 100ms linear;
}
.form-checkbox > span::before {
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
}
.form-checkbox > span::after {
  width: 6px;
  height: 12px;
  margin: 3px 0 0 7px;
  border-right: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  transform: rotate(45deg);
  opacity: 0;
}

.form-checkbox.no-star > span {
  padding: 0 0 0 4.6rem;
}

.form-checkbox > input:checked + span::before {
  border-color: transparent;
  background-color: #23abc3;
}
.form-checkbox > input:checked + span::after {
  opacity: 1;
}

.form-checkbox.right > span {
  padding: 0 2.6rem 0 0;
}
.form-checkbox.right > span::before, .form-checkbox.right > span::after {
  left: auto;
  right: 0;
}
.form-checkbox.right > span::after {
  margin: 3px 7px 0 0;
}

/* @end */
/* @group Radio */
.form-radio {
  position: relative;
  z-index: 1;
  user-select: none;
  font-weight: 400;
}

.form-radio > input {
  position: absolute;
  left: -99999px;
  visibility: hidden;
}

.form-radio > input:disabled + span {
  cursor: not-allowed;
}

.form-radio > span {
  display: block;
  cursor: pointer;
  font-weight: 400;
}

/* @end */
/* @group General */
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  color: #FFFFFF;
  border-radius: 4px;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-animation=scale][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=scale][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=scale][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=scale][data-state=hidden] {
  transform: scale(0.5);
  opacity: 0;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: rgba(56, 55, 55, 0.96);
}

.tippy-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: currentColor;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: currentColor;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow::before {
  right: -7px;
  border-width: 8px 0 8px 8px;
  border-left-color: currentColor;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: currentColor;
  transform-origin: center right;
}

.tippy-content {
  position: relative;
  z-index: 1;
}

.tippy-box[data-theme~=dark] {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
  border-radius: 4px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  background-color: rgba(56, 55, 55, 0.96);
  color: #FFFFFF;
}

.tippy-box[data-theme~=dark] .tippy-content {
  padding: 0.5rem 1rem;
  text-align: center;
}

.tippy-box[data-theme~=dark][data-placement^=top] > .tippy-arrow::before {
  border-top-color: rgba(56, 55, 55, 0.96);
}

.tippy-box[data-theme~=dark][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: rgba(56, 55, 55, 0.96);
}

.tippy-box[data-theme~=dark][data-placement^=left] > .tippy-arrow::before {
  border-left-color: rgba(56, 55, 55, 0.96);
}

.tippy-box[data-theme~=dark][data-placement^=right] > .tippy-arrow::before {
  border-right-color: rgba(56, 55, 55, 0.96);
}

.tippy-popper .tippy-tooltip {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
  padding: 0.5rem 1rem;
  background-color: rgba(56, 55, 55, 0.96);
}

.tippy-popper[x-placement^=top] .tippy-tooltip .tippy-arrow {
  border-top-color: rgba(56, 55, 55, 0.96);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip .tippy-arrow {
  border-bottom-color: rgba(56, 55, 55, 0.96);
}

.tippy-popper[x-placement^=left] .tippy-tooltip .tippy-arrow {
  border-left-color: rgba(56, 55, 55, 0.96);
}

.tippy-popper[x-placement^=right] .tippy-tooltip .tippy-arrow {
  border-right-color: rgba(56, 55, 55, 0.96);
}

/* @end */
/* @group General */
.c-header-app {
  display: block;
  position: relative;
  color: #FFFFFF;
  padding: 2rem 0;
  line-height: 1;
  background-image: url("images/geometric-bg.png"), linear-gradient(135deg, #52d3ce, #23abc3);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: 100% auto, auto;
}

.c-header-app .logo {
  display: block;
  width: 250px;
  max-width: 70%;
  height: auto;
  margin: 0 0 0 1.5rem;
}

.c-header-app .logo img {
  height: auto;
}

.c-header-app .logout {
  display: block;
  position: absolute;
  top: calc(50% - 1.5rem);
  right: 1.5rem;
  font-size: 3rem;
  color: inherit;
  text-decoration: none;
}

.c-header-app .logo {
  margin: 0 auto;
  max-width: 35%;
}

.c-header-app .weather {
  display: table;
  position: absolute;
  left: 1.5rem;
  top: calc(50% - 1.8rem);
}

.c-header-app .weather .icon {
  display: table-cell;
  vertical-align: middle;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 0 0 0;
  background: url("images/header-app-weather-icns.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
.c-header-app .weather .icon.sunny-cloudy {
  background-position: 0 20%;
}
.c-header-app .weather .icon.cloudy {
  background-position: 0 40%;
}
.c-header-app .weather .icon.rainy {
  background-position: 0 60%;
}
.c-header-app .weather .icon.stormy {
  background-position: 0 80%;
}
.c-header-app .weather .icon.snowy {
  background-position: 0 100%;
}

.c-header-app .weather .text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 1rem;
}

.c-header-app .weather .text .temperature {
  font-size: 1.6rem;
  font-weight: 700;
}

.c-header-app .weather .text .city {
  font-size: 1.1rem;
  line-height: 1.3;
  margin: 0.1rem 0 0 0;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}

@media (min-width: 768px) {
  .c-header-app .logo {
    width: 302px;
  }
  .c-header-app .weather {
    left: 3rem;
    top: calc(50% - 2.5rem);
  }
  .c-header-app .weather .icon {
    width: 5rem;
    height: 5rem;
  }
  .c-header-app .weather .text .temperature {
    font-size: 2rem;
  }
  .c-header-app .weather .text .city {
    font-size: 1.3rem;
    max-width: 160px;
  }
  .c-header-app .logout {
    right: 3rem;
  }
}
@media (min-width: 992px) {
  .c-header-app .weather .text .city {
    max-width: 260px;
  }
}
/* @end */
/* @group General */
.c-header-site {
  position: relative;
  background-color: #23abc3;
  background: url("images/header-site-bg.jpg") center center no-repeat;
  background-size: cover;
  color: #FFFFFF;
  padding: 0 0 75px 0;
  overflow: hidden;
}
.c-header-site::after {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -60px;
  height: 120px;
  background-color: #f7f4f2;
  transform: rotate(-2.5deg);
}

.c-header-site .logo {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  padding: 24px 0;
}

@media (min-width: 768px) {
  .c-header-site .logo {
    padding: 39px 0;
  }
}
/* @end */
/* @group General */
.c-navigation {
  display: block;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E0E0E0;
}

.c-navigation > ul {
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}

.c-navigation > ul > li {
  display: block;
  position: relative;
  margin: 0;
  list-style: none;
}

.c-navigation > ul > li > a {
  display: block;
  font-size: 1.6rem;
  line-height: 3.6rem;
  font-weight: 600;
  color: #686767;
  white-space: nowrap;
  text-transform: uppercase;
  transition: color 150ms linear;
}

.c-navigation > ul > li > a:hover,
.c-navigation > ul > li.active > a {
  color: #23abc3;
  text-decoration: none;
}

.c-navigation > ul > li > a > span {
  display: block;
}

/* @end */
/* @group General - Small */
@media (max-width: 577px) {
  .c-navigation > ul {
    padding: 1rem 0;
  }
  .c-navigation > ul > li {
    display: block;
  }
  .c-navigation > ul > li > a {
    display: block;
  }
}
/* @end */
/* @group General - Large */
@media (min-width: 578px) {
  .c-navigation > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 1rem 2.5rem;
  }
  .c-navigation > ul > li:not(:first-child)::before {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 1rem);
    left: 0;
    width: 1px;
    height: 2rem;
    background-color: #c3c3c3;
  }
  .c-navigation > ul > li > a {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .c-navigation > ul > li > a {
    font-size: 1.8rem;
    line-height: 4rem;
  }
}
/* @end */
/* @group General */
.c-notify {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  z-index: 999;
  top: 2rem;
  left: 2rem;
  right: 2rem;
  max-height: calc(100vh - 4rem);
}

.c-notify .notification {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.c-notify .notification .wrapper {
  position: relative;
  padding: 1.6rem 4.5rem 1rem 2rem;
  margin: 0 0 15px 0;
  color: #FFFFFF;
  border-radius: 0.4rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

.c-notify .notification.no-close .wrapper {
  padding-right: 2rem;
}

.c-notify .notification-success .wrapper {
  background-color: #5DA423;
}

.c-notify .notification-error .wrapper {
  background-color: #C60F13;
}

.c-notify .notification-warning .wrapper {
  background-color: #DA7515;
}

.c-notify .notification-info .wrapper {
  background-color: #2BA6CB;
}

.c-notify .notification .wrapper .message {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0 0 0.6rem 0;
  color: #FFFFFF;
}

.c-notify .notification .wrapper .message a {
  color: inherit;
  text-decoration: underline;
}

.c-notify .notification .wrapper .close {
  display: block;
  position: absolute;
  top: 2rem;
  right: 1.8rem;
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 1.4rem;
  text-decoration: none;
  opacity: 0.8;
}
.c-notify .notification .wrapper .close:hover {
  opacity: 1;
}

.c-notify .notification.no-close .wrapper .close {
  display: none;
  pointer-events: none;
}

@media (min-width: 578px) {
  .c-notify {
    width: 440px;
    right: auto;
    left: calc(50% - 220px);
  }
}
@media (min-width: 992px) {
  .c-notify {
    width: 500px;
    left: calc(50% - 250px);
  }
  .c-notify .notification .wrapper .message {
    font-size: 1.8rem;
  }
}
/* @end */
/* @group General */
.c-main {
  display: block;
}

/* @end */
/* @group General */
.c-help-app {
  padding-top: 90px;
  padding-bottom: 60px;
  display: block;
  position: relative;
  color: #686767;
  background-image: url("images/geometric-bg.png"), linear-gradient(135deg, #23abc3, #52d3ce);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: cover, auto;
}

.c-help-app .title {
  font-weight: 600;
  color: #FFFFFF;
}
.c-help-app .title::after {
  background-color: currentColor;
}

.c-help-app .back-top {
  position: absolute;
  left: calc(50% - 3.5rem);
  top: calc(100% - 3.5rem);
  width: 7rem;
  height: 7rem;
  line-height: 6.4rem;
  font-size: 2.6rem;
  text-align: center;
  border-radius: 7rem 7rem 0 0;
  color: #52d3ce;
  background-color: #f7f4f2;
  transition: top 150ms linear;
}
.c-help-app .back-top:hover {
  text-decoration: none;
  top: calc(100% - 4.5rem);
}

/* @end */
/* @group Contact */
.c-help-app section.contact {
  margin: 0 0 30px 0;
}

.c-help-app section.contact .panel {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

.c-help-app section.contact .panel .value {
  display: block;
  text-align: center;
  color: inherit;
  font-size: 1.8rem;
  font-weight: 600;
  text-decoration: none;
  margin: 0 0 15px 0;
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  transition: color 150ms linear;
}
.c-help-app section.contact .panel .value:last-child {
  margin-bottom: 0;
}

.c-help-app section.contact .panel a.value:hover {
  color: #2FADA8;
}

.c-help-app section.contact .panel .icon {
  display: block;
  text-align: center;
  font-size: 3.5rem;
  line-height: 1;
  color: #2FADA8;
  margin: 0 0 0.1rem 0;
}

@media (min-width: 992px) {
  .c-help-app section.contact .panel {
    height: 29rem;
  }
}
/* @end */
/* @group Docs */
.c-help-app section.docs {
  display: block;
  margin: 0 0 30px 0;
}

.c-help-app section.docs .item {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0 0 1rem 0;
}
.c-help-app section.docs .item:last-child {
  margin-bottom: 0;
}

.c-help-app section.docs .item .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #686767;
  font-size: 1.8rem;
  line-height: 2rem;
  padding: 1.5rem 1.8rem;
  flex: 1 1 auto;
  border-right: 1px solid #52d3ce;
}

.c-help-app section.docs .item .icon {
  display: block;
  flex: 0 0 auto;
  color: #23abc3;
  font-size: 2.2rem;
  width: 6rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  transition: color 150ms linear;
}
.c-help-app section.docs .item .icon:hover {
  color: #383737;
}

/* @end */
/* @group General */
.c-help-site {
  padding-top: 90px;
  padding-bottom: 60px;
  background-color: #52d3ce;
  background: url("images/help-site-bg.jpg") center center no-repeat;
  background-size: cover;
  color: #FFFFFF;
  text-align: center;
}

.c-help-site .section-title {
  display: block;
  font-size: 2.8rem;
  font-weight: 800;
  color: inherit;
  margin: 0 auto 2rem auto;
  padding: 0;
  max-width: 700px;
}
.c-help-site .section-title::after {
  display: none;
}

.c-help-site .section-text {
  display: block;
  max-width: 660px;
  margin: 0 auto 30px auto;
}

.c-help-site .panel {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  padding: 30px 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  margin: 0 0 15px 0;
}

.c-help-site .panel > .title {
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: none;
  color: #23abc3;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}
.c-help-site .panel > .title::after {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(50% - 50px);
  height: 1px;
  width: 100px;
  background-color: #c3c3c3;
}

.c-help-site .panel > .text {
  font-size: 2rem;
  color: #383737;
  font-weight: 800;
  text-transform: uppercase;
}

/* @end */
/* @group General */
.c-footer {
  text-align: center;
  padding: 51px 0 45px 0;
}

.c-footer > .socials {
  text-align: center;
  font-size: 0;
  line-height: 0;
  color: #c3c3c3;
}

.c-footer > .socials a {
  display: inline-block;
  position: relative;
  line-height: 60px;
  height: 60px;
  width: 60px;
  font-size: 3.2rem;
  box-shadow: inset 0 0 0 2px #c3c3c3;
  border-radius: 50%;
  margin: 0 1rem;
  transition: color 150ms linear;
}
.c-footer > .socials a::before {
  position: relative;
  z-index: 2;
}
.c-footer > .socials a:hover {
  color: #23abc3;
}
.c-footer > .socials a.icon-facebook:hover {
  color: #3b5998;
}
.c-footer > .socials a.icon-v2022-linkedin:hover {
  color: #0077b5;
}
.c-footer > .socials a.icon-youtube:hover {
  color: #ff0000;
}
.c-footer > .socials a.icon-flickr:hover {
  color: #ff0084;
}

.c-footer > .lang {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}
.c-footer > .lang a {
  margin: 10px;
  font-size: 1.5rem;
  color: rgb(169.5, 169.5, 169.5);
}
.c-footer > .lang a.disabled {
  pointer-events: none;
}
.c-footer > .lang a img {
  width: 30px;
  height: 20px;
  margin-bottom: 2px;
  filter: grayscale(100%);
  box-shadow: 2px 2px 2px #c3c3c3;
}
.c-footer > .lang a img.active {
  filter: grayscale(0);
  transform: scale(1.2);
}

.c-footer > .copyright {
  font-size: 1.4rem;
  color: rgb(169.5, 169.5, 169.5);
  padding: 0 30px;
}

.c-footer > .copyright a {
  text-decoration: none;
  color: inherit;
}
.c-footer > .copyright a:hover {
  color: #2FADA8;
}

/* @end */
.c-maintenance-banner {
  background-color: #f98300;
  color: #FFFFFF;
  text-align: center;
  padding: 1rem;
}
.c-maintenance-banner p {
  margin: 0;
}
.c-maintenance-banner p:first-child {
  font-weight: 600;
}
.c-maintenance-banner p + p {
  margin-top: 0.25rem;
  font-size: 0.9em;
  opacity: 0.9;
}

/* @group General */
.c-cookie-consent {
  display: block;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 0;
  color: #FFFFFF;
  background-color: rgba(56, 55, 55, 0.9);
  overflow: hidden;
  text-align: center;
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms linear 0ms, visibility 0ms linear 250ms;
}
.c-cookie-consent.hidden {
  display: block !important;
  opacity: 0;
  visibility: hidden;
}

.c-cookie-consent .text {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding: 0;
}

.c-cookie-consent .text a {
  color: #52d3ce;
}

.c-cookie-consent .buttons {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin: 0 -1rem;
}

.c-cookie-consent .button {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2rem;
  width: 14rem;
  padding: 1rem 2rem;
  margin: 1rem 1rem 0 1rem;
}

@media (min-width: 768px) {
  .c-cookie-consent {
    padding: 30px 0;
  }
}
@media (min-width: 992px) {
  .c-cookie-consent > .container {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: stretch;
  }
  .c-cookie-consent .buttons {
    flex: 0 0 auto;
  }
  .c-cookie-consent .buttons > .button {
    margin-top: 0;
  }
  .c-cookie-consent .text {
    float: 1 1 auto;
    text-align: left;
    padding: 0 30px 0 0;
  }
}
/* @end */
/* @group General */
.c-auth-panels {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  position: relative;
  min-height: 100vh;
  height: 100%;
}

.c-auth-panels > .panel {
  flex: 1 0 auto;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.c-auth-panels > .panel > .wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-flow: column nowrap;
  padding: 0 3rem;
  width: 100%;
  height: 100%;
}

.c-auth-panels > .panel > .separator {
  display: block;
  position: absolute;
  z-index: 3;
  bottom: -2rem;
  left: 0;
  width: 100%;
  height: 4rem;
  fill: #f7f4f2;
}
.c-auth-panels > .panel > .separator > #h {
  display: block;
}
.c-auth-panels > .panel > .separator > #v {
  display: none;
}

@media (min-width: 768px) {
  .c-auth-panels {
    flex-flow: row nowrap;
  }
  .c-auth-panels > .panel {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .c-auth-panels > .panel {
    min-height: 100vh;
  }
}
@media (min-width: 768px) {
  .c-auth-panels > .panel > .separator {
    bottom: auto;
    left: auto;
    top: 0;
    right: -2rem;
    width: 4rem;
    height: 100%;
  }
  .c-auth-panels > .panel > .separator > #h {
    display: none;
  }
  .c-auth-panels > .panel > .separator > #v {
    display: block;
  }
}
/* @end */
/* @group Panel link */
.c-auth-panels .panel-link {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-auth-panels .panel-link.client {
  background-image: url("images/auth-panels-client.jpg");
}
.c-auth-panels .panel-link.tech {
  background-image: url("images/auth-panels-tech.jpg");
}

.c-auth-panels .panel-link > .wrapper {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-auth-panels .panel-link > .wrapper {
    align-items: center;
  }
}

.c-auth-panels .panel-link .link {
  display: block;
  position: relative;
  margin: auto;
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3rem 3.4rem;
  transition: all 200ms ease-in-out;
}
.c-auth-panels .panel-link .link::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  transition: all 200ms ease-in-out;
}
.c-auth-panels .panel-link .link:not(.active):hover::after {
  top: -2rem;
  bottom: -2rem;
  background-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.c-auth-panels .panel-link .link i {
  display: block;
  font-size: 2.5em;
  line-height: 1;
  margin: 0 0 0.5em 0;
}

.c-auth-panels .panel-link .link span {
  display: block;
  font-size: 1em;
}

.c-auth-panels .panel-link .link b {
  display: block;
  font-weight: 800;
  font-size: 1.8em;
}

@media (min-width: 578px) {
  .c-auth-panels .panel-link .link {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .c-auth-panels .panel-link .link {
    padding: 4rem 4.4rem;
  }
  .c-auth-panels .panel-link .link:not(.active):hover::after {
    top: -3rem;
    bottom: -3rem;
  }
}
@media (min-width: 992px) {
  .c-auth-panels .panel-link .link {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .c-auth-panels .panel-link .link {
    font-size: 2rem;
  }
}
/* @end */
/* @group Panel content */
.c-auth-panels .panel-content .content {
  display: block;
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 400px;
}

.c-auth-panels .panel-content .content .login-form {
  margin: 0 auto;
  max-width: 320px;
}

.c-auth-panels .panel-content .forbidden-action {
  background-color: #E0E0E0;
  border-radius: 6px;
  padding: 30px;
  font-weight: 600;
  text-align: center;
}

.c-auth-panels .panel-content .back-home {
  margin: 0 auto;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-auth-panels .panel-content .back-home {
    align-self: center;
  }
}

@media (min-width: 768px) {
  .c-auth-panels .panel-content {
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (min-width: 1200px) {
  .c-auth-panels .panel-content .content {
    max-width: 440px;
  }
}
/* @end */
/* @group General */
.c-thermostat-card {
  display: block;
  z-index: 10;
  font-size: 1.8rem;
  line-height: 1.333;
  max-width: 400px;
  perspective-origin: 50% 50%;
  perspective: 1000px;
}

.c-thermostat-card > .wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 500ms ease-out;
}

.c-thermostat-card.flipped > .wrapper {
  transform: rotateY(180deg) translateZ(1px);
}

.c-thermostat-card .face {
  text-align: center;
  backface-visibility: hidden;
  width: 100%;
  padding: 2.5rem 3.5rem 1.5rem 3.5rem;
  background-color: #FFFFFF;
  border: 2px solid #D0D0D0;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.c-thermostat-card .face.front {
  position: relative;
  transform: rotateY(0deg);
}
.c-thermostat-card .face.back {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  transform: rotateY(180deg);
}

.grid-v2 .c-thermostat-card .front {
  background-color: transparent;
  border: 0;
  border-radius: none;
  box-shadow: none;
  padding: 2.7rem 5rem 1.5rem 5rem;
}

.grid-v2 .c-thermostat-card .wrapper .front {
  background: url("images/skin-th-2022-front-new.svg") center center no-repeat;
}

.grid-v2 .c-thermostat-card .wrapper .back {
  box-shadow: none;
  border-radius: 6px;
  padding: 2.5rem 3.5rem 0.5rem 3.5rem;
  max-height: 200px;
}

.c-thermostat-card .face .subtitle {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  color: #2FADA8;
  text-transform: uppercase;
  margin: 0 0 2rem 0;
}

.grid-v2 .c-thermostat-card .face .subtitle {
  margin: 0 0 1rem 0;
}

.c-thermostat-card .face .buttons {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.grid-v2 .c-thermostat-card .face .buttons {
  margin: 3.1rem 2.1rem 1.7rem 1.8rem;
}

.grid-v2 .c-thermostat-card .face.back .buttons {
  margin: 0 2rem 5rem 1.6rem;
}

.grid-v2 .c-thermostat-card .face div.buttons.buttons > a {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #383737;
  width: 5rem;
  border-radius: 0;
  height: 3rem;
  line-height: 2.8rem;
  border: none;
  font-size: 1.3rem;
  font-weight: 600;
  transition: border 150ms linear, color 150ms linear;
  user-select: none;
}
.grid-v2 .c-thermostat-card .face div.buttons.buttons > a.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.grid-v2 .c-thermostat-card .face div.buttons.buttons > a:not(.disabled):hover {
  color: #2FADA8;
  border-color: #2FADA8;
}

.c-thermostat-card .face .buttons > a {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #383737;
  width: 5rem;
  height: 5rem;
  line-height: 4.8rem;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 5rem;
  border: 0.1rem solid #A7A7A7;
  margin: 0 0 1.5rem 0;
  transition: border 150ms linear, color 150ms linear;
  user-select: none;
}
.c-thermostat-card .face .buttons > a.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.c-thermostat-card .face .buttons > a:not(.disabled):hover {
  color: #2FADA8;
  border-color: #2FADA8;
}

.c-thermostat-card .face .buttons > a > i {
  display: block;
  line-height: inherit;
  font-size: 2rem;
}

.grid-v2 .c-thermostat-card .front > .buttons > a:nth-child(3n-1) {
  margin-left: calc(49.999% - 7.5rem);
  margin-right: calc(49.999% - 7.5rem);
}

@media (min-width: 380px) {
  .grid-v2 .c-thermostat-card .face .buttons {
    margin: 3.1rem 2.5rem 1.7rem 1.9rem;
  }
}
@media (min-width: 420px) {
  .grid-v2 .c-thermostat-card .face .buttons {
    margin: 3rem 3rem 1.7rem 2.4rem;
  }
}
@media (min-width: 768px) {
  .grid-v2 .c-thermostat-card .face .buttons {
    margin: 3.1rem 2rem 1.7rem 1.6rem;
  }
}
@media (min-width: 1200px) {
  .grid-v2 .c-thermostat-card .face .buttons {
    margin: 3.1rem 2.7rem 1.7rem 2.3rem;
  }
}
/* @group Front */
.c-thermostat-card .front {
  display: block;
}

.c-thermostat-card .front > .buttons {
  text-align: left;
}

.c-thermostat-card .front > .buttons > a:nth-child(3n-1) {
  margin-left: calc(49.999% - 7.5rem);
  margin-right: calc(49.999% - 7.5rem);
}

.c-thermostat-card .front > .screen {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 700;
  color: #383737;
  background-color: #d8e7ec;
  border: 2px solid #D0D0D0;
  margin: 0 0 3rem 0;
  padding: 0.8rem;
}

.grid-v2 .c-thermostat-card .front > .screen {
  width: 22.6rem;
  margin: auto auto -0.4rem auto;
}

.c-thermostat-card .front > .screen .warning {
  display: none;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  right: 0.8rem;
  user-select: none;
  transform: translateY(-50%);
}

.c-thermostat-card .front > .screen svg {
  display: block;
  width: 100%;
  height: auto;
}

.c-thermostat-card .front > .screen svg path {
  fill: #383737;
  opacity: 0.05;
}

.c-thermostat-card .front > .screen svg g[class^=digit-] path,
.c-thermostat-card .front > .screen svg g[class*=" digit-"] path {
  opacity: 0.03;
}

.c-thermostat-card .front > .screen svg path.active {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-0 > path:not(.s1) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-1 > path:not(.s1):not(.s4):not(.s5):not(.s6):not(.s7) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-2 > path:not(.s3):not(.s5) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-3 > path:not(.s5):not(.s7) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-4 > path:not(.s4):not(.s6):not(.s7) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-5 > path:not(.s2):not(.s7) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-6 > path:not(.s2) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-7 > path:not(.s1):not(.s5):not(.s6):not(.s7) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-8 > path {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-9 > path:not(.s7) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-a > path:not(.s6) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-c > path:not(.s1):not(.s2):not(.s3) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-f > path:not(.s2):not(.s3):not(.s6) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-n > path:not(.s2):not(.s4):not(.s5):not(.s6) {
  opacity: 1;
}

.c-thermostat-card .front > .screen svg g.digit-o > path:not(.s1) {
  opacity: 1;
}

.c-thermostat-card.disconnected .front > .screen .warning {
  display: block;
}

.c-thermostat-card.disconnected .front > .screen svg path {
  opacity: 0.03 !important;
}

.c-thermostat-card.readonly {
  cursor: not-allowed;
  opacity: 0.5;
}

@media (min-width: 578px) {
  .c-thermostat-card .front {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
/* @end */
/* @group Back */
.c-thermostat-card .back {
  display: flex;
  flex-flow: column nowrap;
  padding-left: 3rem;
  padding-right: 3rem;
}

.c-thermostat-card .back > .subtitle {
  margin: 0 0 auto 0;
}

.c-thermostat-card .back > .buttons {
  margin: auto 0 0 0;
}

.c-thermostat-card .back > .line {
  display: block;
  margin: 1rem 0;
}

.c-thermostat-card .back > .line .label {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0 0 0.4rem 0;
}

.c-thermostat-card .back > .line .temps {
  display: flex;
  flex-flow: row nowrap;
  align-self: stretch;
  justify-content: stretch;
}
.c-thermostat-card .back > .line .temps.inactive {
  opacity: 0.5;
}

.c-thermostat-card .back > .line .temps > .temp {
  flex: 0 0 50%;
  display: block;
  user-select: none;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
}
.c-thermostat-card .back > .line .temps > .temp:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-thermostat-card .back > .line .temps > .temp:last-child {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-thermostat-card .back > .line .temps > .temp > .form-checkbox {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin: 0 !important;
  border-bottom: 1px solid #E0E0E0;
  background-color: #EFEFEF;
}

.c-thermostat-card .back > .line .temps > .temp > .form-checkbox > span {
  font-size: 1.6rem;
}

.c-thermostat-card .back > .line .temps.inactive > .temp > .form-checkbox > span::before {
  background-color: #FFFFFF !important;
  border: 1px solid #E0E0E0 !important;
}

.c-thermostat-card .back > .line .temps > .temp > .input {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: stretch;
}

.c-thermostat-card .back > .line .temps > .temp > .input > i {
  flex: 0 0 auto;
  display: block;
  cursor: pointer;
  width: 3.8rem;
  line-height: 5rem;
  font-size: 1.25rem;
  color: rgba(56, 55, 55, 0.8);
  transition: all 150ms linear;
}

.c-thermostat-card .back > .line .temps > .temp > .input > .value {
  flex: 1 1 auto;
  display: block;
  white-space: nowrap;
  color: #383737;
  text-align: center;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
}

.c-thermostat-card .back > .line .temps > .temp > .input.disabled > i {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.c-thermostat-card .back > .line .temps > .temp > .input:not(.disabled) > i:hover {
  color: #2FADA8;
}

/* @end */
/* @group Schedule */
.c-regulation-zone .schedule {
  display: block;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.c-regulation-zone .schedule table {
  border-collapse: separate;
  border-spacing: 2px;
  line-height: 2.8rem;
  user-select: none;
}

.c-regulation-zone .schedule table tr th {
  font-size: 1.6rem;
  font-weight: 400;
  white-space: nowrap;
}

.c-regulation-zone .schedule table tr th.horizontal {
  transform: translateX(1.5rem);
  font-size: 1.5rem;
  padding: 0 2px;
  text-align: right;
}

.c-regulation-zone .schedule table tr th.vertical {
  cursor: pointer;
  text-align: left;
  padding: 0 0.5rem;
  width: 130px;
  background-color: #EFEFEF;
}

.c-regulation-zone .schedule table tr td {
  cursor: pointer;
  color: #FFFFFF;
  font-size: 1.5rem;
  padding: 0;
  background-color: #E0E0E0;
}

.c-regulation-zone.off .schedule table tr td,
.c-regulation-zone.readonly .schedule table tr td {
  cursor: not-allowed;
}

.c-regulation-zone .schedule table tr td.temp-0,
.c-regulation-zone .schedule table.temp-0 tr th:hover ~ td,
.c-regulation-zone .schedule table.temp-0 tr td:hover {
  color: #686767;
  background-color: #E0E0E0;
}

.c-regulation-zone .schedule table tr td.temp-1,
.c-regulation-zone .schedule table.temp-1 tr th:hover ~ td,
.c-regulation-zone .schedule table.temp-1 tr td:hover {
  background-color: #4197c3;
}

.c-regulation-zone .schedule table tr td.temp-2,
.c-regulation-zone .schedule table.temp-2 tr th:hover ~ td,
.c-regulation-zone .schedule table.temp-2 tr td:hover {
  background-color: #81c341;
}

@media (min-width: 992px) {
  .c-regulation-zone .schedule {
    overflow-x: visible;
    overflow-y: visible;
  }
}
/* @end */
/* @group Actions */
.c-regulation-zone .actions::after {
  content: " ";
  display: table;
  clear: both;
}
.c-regulation-zone .actions {
  margin: 0 0 1rem 0;
  text-align: center;
}

.c-regulation-zone .actions .radios {
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.c-regulation-zone .actions .radios .form-radio {
  display: inline-block;
  margin: 0 0.5rem 1rem 0.5rem;
}

.c-regulation-zone .actions .radios .form-radio > span {
  position: relative;
  z-index: 2;
  padding: 0.8rem 1.2rem;
  margin: 0;
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
  color: #686767;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 2rem;
  width: 100%;
  background-color: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 4px;
  outline: none;
  transition: all 150ms linear;
}

.c-regulation-zone.readonly .actions .radios .form-radio > span {
  cursor: not-allowed;
}

.c-regulation-zone .actions .radios .form-radio > span > i {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #686767;
  margin: 0 1rem 0 0;
}
.c-regulation-zone .actions .radios .form-radio.temp-1 > span > i {
  font-size: 1.8rem;
  color: #4197c3;
}

.c-regulation-zone .actions .radios .form-radio.temp-2 > span > i {
  color: #81c341;
}

.c-regulation-zone .actions .radios .form-radio > input:checked + span {
  z-index: 1;
  border-color: #686767;
}
.c-regulation-zone .actions .radios .form-radio.temp-1 > input:checked + span {
  border-color: #4197c3;
}

.c-regulation-zone .actions .radios .form-radio.temp-2 > input:checked + span {
  border-color: #81c341;
}

.c-regulation-zone .actions .state {
  display: inline-block;
}

.c-regulation-zone .actions .state .form-radio {
  margin-left: 0;
  margin-right: 0;
  min-width: 70px;
}
.c-regulation-zone .actions .state .form-radio:first-child > span {
  border-radius: 4px 0 0 4px;
}
.c-regulation-zone .actions .state .form-radio:last-child > span {
  border-radius: 0 4px 4px 0;
}

.c-regulation-zone .actions .state .form-radio > input:checked + span {
  color: #FFFFFF;
}

.c-regulation-zone .actions .state .form-radio.mode-3 > input:checked + span {
  background-color: #81c341;
  border-color: rgb(103.664, 158.84, 50.16);
}

.c-regulation-zone .actions .state .form-radio.mode-0 > input:checked + span {
  background-color: #C60F13;
  border-color: rgb(150.5915492958, 11.4084507042, 14.4507042254);
}

@media (min-width: 578px) {
  .c-regulation-zone .actions .legend {
    float: right;
    margin: 0 -0.5rem 0 0;
  }
  .c-regulation-zone .actions .state {
    float: left;
    margin: 0;
  }
}
/* @end */
/* @group Zone selector */
.c-regulation-zones .zone-selector {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin: 1.5rem 0 0 0;
}

.c-regulation-zones .zone-selector > .form-radio {
  display: inline-block;
  margin: 0.5rem 0.25rem 0 0.25rem;
}

.c-regulation-zones .zone-selector > .form-radio > span {
  color: #383737;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  background-color: transparent;
  padding: 0.7rem 2rem;
  border: 2px solid transparent;
  border-radius: 10rem;
  transition: color 100ms linear, border 150ms linear;
}
.c-regulation-zones .zone-selector > .form-radio > span:hover {
  color: #2FADA8;
}

.c-regulation-zones .zone-selector > .form-radio > input:checked + span {
  color: #2FADA8;
  border-color: #2FADA8;
}

/* @end */
/* @group General */
.p-site-pages-home .section-title {
  color: #383737;
  font-size: 2.8rem;
  font-weight: 800;
  margin: 0 0 2rem 0;
  padding: 0;
}
.p-site-pages-home .section-title::after {
  display: none;
}

/* @end */
/* @group Header */
.p-site-pages-home header.header {
  position: relative;
  background-color: #23abc3;
  background: url("images/header-site-bg.jpg") center center no-repeat;
  background-size: cover;
  color: #FFFFFF;
  padding: 0 0 75px 0;
}
.p-site-pages-home header.header::after {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -60px;
  height: 120px;
  background-color: #f7f4f2;
  transform: rotate(-2.5deg);
}

.p-site-pages-home header.header .logo {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto 24px auto;
  padding: 24px 0;
}
.p-site-pages-home header.header .logo::after {
  content: "";
  position: absolute;
  top: 100%;
  left: -20%;
  width: 140%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.p-site-pages-home header.header .title {
  color: inherit;
  text-align: center;
  font-size: 3.6rem;
  padding: 0;
  font-weight: 800;
  text-transform: none;
  margin-bottom: 15px;
}
.p-site-pages-home header.header .title::after {
  display: none;
}

.p-site-pages-home header.header .text {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
}

.p-site-pages-home header.header .buttons {
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.p-site-pages-home header.header .buttons > .button {
  display: inline-block;
  background-color: #FFFFFF;
  color: #2FADA8;
  margin: 0 10px 15px 10px;
}
.p-site-pages-home header.header .buttons > .button.framed {
  color: #FFFFFF;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px #FFFFFF, 0 2px 6px rgba(0, 0, 0, 0);
}
.p-site-pages-home header.header .buttons > .button.framed:hover {
  box-shadow: inset 0 0 0 2px #FFFFFF, 0 2px 6px rgba(0, 0, 0, 0.25);
}

.p-site-pages-home header.header .thermostat {
  display: block;
  position: relative;
  z-index: 2;
  max-width: 300px;
  margin: 0 auto -10rem auto;
  animation-name: _thermostatSlide;
  animation-duration: 1.2s;
  animation-iteration-count: 1;
}

.p-site-pages-home header.header .thermostat img {
  display: block;
  width: 100%;
}
.p-site-pages-home header.header .thermostat img.t-2 {
  position: absolute;
  left: 0;
  top: 0;
  animation: _thermostatOpacity 8s linear infinite;
}

@keyframes _thermostatOpacity {
  0%, 40% {
    opacity: 0;
  }
  50%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes _thermostatSlide {
  0% {
    transform: translate3d(3000px, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  60% {
    transform: translate3d(-25px, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  75% {
    transform: translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media (min-width: 768px) {
  .p-site-pages-home header.header .logo {
    margin-bottom: 45px;
    padding: 39px 0;
  }
  .p-site-pages-home header.header .title,
  .p-site-pages-home header.header .text,
  .p-site-pages-home header.header .buttons {
    text-align: left;
  }
  .p-site-pages-home header.header .buttons > .button {
    margin-left: 0;
    margin-right: 30px;
  }
  .p-site-pages-home header.header .thermostat {
    max-width: 360px;
    margin-top: 4rem;
  }
}
@media (min-width: 992px) {
  .p-site-pages-home header.header .title {
    text-align: left;
    font-size: 4.6rem;
    margin-bottom: 30px;
  }
  .p-site-pages-home header.header .text {
    text-align: left;
    font-size: 2.2rem;
  }
  .p-site-pages-home header.header .thermostat {
    margin-top: 0;
    margin-bottom: -6.5rem;
  }
}
@media (min-width: 1200px) {
  .p-site-pages-home header.header .thermostat {
    margin-top: -1rem;
    margin-bottom: -9rem;
  }
}
/* @end */
/* @group How-to section */
.p-site-pages-home section.how-to {
  padding: 75px 0;
}

.p-site-pages-home section.how-to .section-video {
  text-align: center;
  position: relative;
}

.p-site-pages-home section.how-to iframe#connected-zoning-video {
  aspect-ratio: 16/9;
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 5rem;
}

@media screen and (min-width: 1000px) {
  .p-site-pages-home section.how-to iframe#connected-zoning-video {
    width: 72rem;
  }
}
.p-site-pages-home section.how-to .panel {
  position: relative;
  z-index: 1;
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 30px 30px 45px 30px;
  text-align: center;
  margin: 0 0 30px 0;
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1);
}
.p-site-pages-home section.how-to .panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -10px;
  top: -10px;
  right: -10px;
  height: 80%;
  background-image: linear-gradient(180deg, #f7f4f2 10%, rgba(247, 244, 242, 0));
  opacity: 1;
  transition: opacity 300ms linear;
}
.p-site-pages-home section.how-to .panel:hover::before {
  opacity: 0;
}

.p-site-pages-home section.how-to .panel > .title {
  font-size: 2.2rem;
  margin: 15px 0;
}

.p-site-pages-home section.how-to .panel > .image {
  width: 100px;
  margin: 0 auto;
}

.p-site-pages-home section.how-to .panel > .text {
  font-size: 1.6rem;
}

.p-site-pages-home section.how-to .section-button {
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto;
}
.p-site-pages-home section.how-to .section-button::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  width: 100%;
  height: 2px;
  margin: -1px 0 0 0;
  background-color: #E0E0E0;
}

.p-site-pages-home section.how-to .section-button .button {
  position: relative;
}
.p-site-pages-home section.how-to .section-button .button::before, .p-site-pages-home section.how-to .section-button .button::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  width: 30px;
  background-color: #f7f4f2;
}
.p-site-pages-home section.how-to .section-button .button::before {
  left: 100%;
}
.p-site-pages-home section.how-to .section-button .button::after {
  right: 100%;
}
.p-site-pages-home section.how-to .section-button .button i {
  margin: 0 -0.5rem 0 1rem;
}

@media (min-width: 992px) {
  .p-site-pages-home section.how-to .panel > .title {
    font-size: 2.8rem;
  }
  .p-site-pages-home section.how-to .panel > .text {
    font-size: 1.8rem;
  }
}
/* @end */
/* @group Responsive section */
.p-site-pages-home section.responsive {
  position: relative;
  padding: 0 0 60px 0;
  text-align: center;
}
.p-site-pages-home section.responsive::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 22vw;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
}

.p-site-pages-home section.responsive .section-image {
  display: block;
  width: 100%;
  max-width: 630px;
  margin: 0 auto 30px auto;
}

.p-site-pages-home section.responsive .section-text {
  margin: 0 auto 30px auto;
  max-width: 80rem;
}

.p-site-pages-home section.responsive .devices .device {
  display: inline-block;
  margin: 0 2rem 1rem 2rem;
}

.p-site-pages-home section.responsive .devices .device .icon {
  display: block;
  color: #52d3ce;
  line-height: 8rem;
  height: 8rem;
  width: 8rem;
  font-size: 4rem;
  box-shadow: inset 0 0 0 2px #E0E0E0;
  border-radius: 50%;
}

.p-site-pages-home section.responsive .devices .device .label {
  display: block;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0.6rem 0 0 0;
}

@media (min-width: 578px) {
  .p-site-pages-home section.responsive::before {
    top: 130px;
  }
  .p-site-pages-home section.responsive .devices .device .icon {
    line-height: 10rem;
    height: 10rem;
    width: 10rem;
    font-size: 5.4rem;
  }
}
@media (min-width: 768px) {
  .p-site-pages-home section.responsive::before {
    top: 150px;
  }
}
/* @end */
/* @group Manufacturers section */
.p-site-pages-home section.manufacturers {
  padding: 75px 0;
}

.p-site-pages-home section.manufacturers .section-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.p-site-pages-home section.manufacturers .section-list > li {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  list-style: none;
  padding: 1.5rem;
  margin: 0 1rem 2rem 1rem;
  background-color: #FFFFFF;
  background-color: #FFFFFF;
  border: 0.1rem solid #E0E0E0;
  border-radius: 0.6rem;
}

.p-site-pages-home section.manufacturers .section-list > li > img {
  display: block;
  margin: auto;
  height: auto;
  width: auto;
  max-height: 1.5rem;
}

.p-site-pages-home section.manufacturers .section-image {
  display: block;
  margin: 0 auto 2rem auto;
  width: 100%;
  max-width: 50rem;
}

.p-site-pages-home section.manufacturers .section-conditions {
  display: block;
  font-style: italic;
  font-size: 1.2rem;
  text-align: center;
}

@media (min-width: 768px) {
  .p-site-pages-home section.manufacturers .section-list > li {
    padding: 2rem;
  }
  .p-site-pages-home section.manufacturers .section-list > li > img {
    max-height: 2rem;
  }
}
@media (min-width: 992px) {
  .p-site-pages-home section.manufacturers .section-list > li > img {
    max-height: 2.2rem;
  }
}
/* @end */
/* Exemple 1 */
.p-client-news-index, .p-tech-news-index {
  padding-top: 90px;
  padding-bottom: 60px;
}

section.news-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0 auto;
}

section.news-list article.news {
  width: 500px;
  min-height: 600px;
  background: white;
  margin: 24px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 #c3c3c3;
  overflow: hidden;
  transition: transform 0.5s;
}

section.news-list article.news .news-image img {
  width: 500px;
  height: 300px;
  object-fit: cover;
}

section.news-list article.news .news-content {
  padding: 30px;
}

section.news-list article.news .news-content .news-date {
  font-size: 1.5rem;
  font-style: italic;
}

section.news-list article.news .news-content .news-title {
  color: #23abc3;
  font-size: 3rem;
}

/* Gestion du text-overflow ellipsis sur plusieurs lignes sur les cards des articles */
section.news-list article.news .news-content .news-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 5.4em;
  text-overflow: ellipsis;
  overflow: hidden;
}

section.news-list article.news .news-bottom {
  display: flex;
  justify-content: center;
}

section.news-list article.news .news-bottom a.button {
  margin: 0 1rem 3rem 1rem;
  font-size: 1.4rem;
  padding: 0.4rem 1.6rem;
}

section.news-list article.news .news-bottom a.button:hover {
  background-color: white;
  color: #23abc3;
}

.p-client-news-show .container, .p-tech-news-show .container {
  margin: 2rem auto;
  background-color: white;
  padding: 2rem;
  border: 2px solid #E0E0E0;
  border-radius: 3px;
}

.p-client-news-show .container .published, .p-tech-news-show .container .published {
  color: #c3c3c3;
  font-size: 1.7rem;
}

.p-client-news-show .container h1, .p-tech-news-show .container h1 {
  text-align: start;
  margin: 2rem 0 1rem 0;
  padding: 0;
  font-weight: bold;
  font-size: 3rem;
  color: #686767;
}

.p-client-news-show .container h1::after, .p-tech-news-show .container h1::after {
  width: 0;
}

.p-client-news-show .container img, .p-tech-news-show .container img {
  margin: 2rem auto;
}

.news-first-image-container {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.news-second-image-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.news-second-image-container .news-image {
  width: 500px;
}

.p-client-news-show .news-image, .p-tech-news-show .news-image {
  max-width: 450px;
  margin: auto;
}

.p-client-news-show .news-content, .p-tech-news-show .news-content {
  line-height: 3rem;
  font-weight: 600;
  padding: 10px;
  text-align: justify;
}

.p-client-news-show .news-video, .p-tech-news-show .news-video {
  display: flex;
  justify-content: center;
  margin: auto;
  width: 350px;
}

.p-client-news-show .news-link, .p-tech-news-show .news-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 450px;
}

.p-client-news-show .news-link a, .p-tech-news-show .news-link a {
  font-size: 5rem;
  transition: all 0.2s ease-in-out;
  color: #f98300;
}

.p-client-news-show .news-link a:hover, .p-tech-news-show .news-link a:hover {
  transform: translateY(5px);
  color: #383737;
}

@media screen and (min-width: 577px) {
  .p-client-news-show .news-content, .p-tech-news-show .news-content {
    padding: 50px;
  }
  .p-client-news-show .container .published, .p-tech-news-show .container .published {
    margin-left: 5.5rem;
  }
  .p-client-news-show .container h1, .p-tech-news-show .container h1 {
    margin: 2rem 0 1rem 5.5rem;
  }
  .p-client-news-show .news-video, .p-tech-news-show .news-video {
    width: auto;
  }
}
/* @group General */
.p-site-password-request form {
  margin: 0 auto;
  max-width: 440px;
}

/* @end */
/* @group General */
.p-site-password-reset form {
  margin: 0 auto;
  max-width: 440px;
}

/* @end */
/* @group General */
.p-client-account-edit {
  padding-top: 90px;
  padding-bottom: 60px;
}

.p-client-account-edit section {
  margin: 0 auto;
  max-width: 560px;
  padding-bottom: 90px;
}
.p-client-account-edit section:last-child {
  padding-bottom: 30px;
}

.p-client-account-edit section form {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
}

/* @end */
/* @group General */
.p-client-regulations-index {
  padding-top: 90px;
  padding-bottom: 60px;
}

.p-client-regulations-index section.regulations-grid {
  margin-left: -15px;
  margin-right: -15px;
}
.p-client-regulations-index section.regulations-grid::after {
  content: " ";
  display: table;
  clear: both;
}
.p-client-regulations-index section.regulations-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  text-align: center;
}

.p-client-regulations-index section.regulations-grid .regulation {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 1 auto;
  padding-bottom: 30px;
  width: 100%;
}

.p-client-regulations-index section.regulations-grid .regulation a.wrapper {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
}
.p-client-regulations-index section.regulations-grid .regulation a.wrapper:hover {
  transform: translateY(3px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.p-client-regulations-index section.regulations-grid .regulation :not(a).wrapper {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
}

.p-client-regulations-index section.regulations-grid .regulation .wrapper {
  display: flex;
  flex-flow: column nowrap;
  color: #686767;
  text-decoration: none;
  min-height: 100%;
}

.p-client-regulations-index section.regulations-grid .regulation .wrapper > .mode {
  display: block;
  font-size: 7rem;
  line-height: 1;
  color: #686767;
  margin: auto 0 2.5rem 0;
}
.p-client-regulations-index section.regulations-grid .regulation .wrapper > .mode.mode-1 {
  color: #44c3da;
}
.p-client-regulations-index section.regulations-grid .regulation .wrapper > .mode.mode-2 {
  color: #f77524;
}
.p-client-regulations-index section.regulations-grid .regulation .wrapper > .mode.mode-3 {
  color: #2b70b7;
}
.p-client-regulations-index section.regulations-grid .regulation .wrapper > .mode.mode-4 {
  color: #81c341;
}

.p-client-regulations-index section.regulations-grid .regulation .wrapper > .name {
  display: block;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 0.2rem 0;
  hyphens: auto;
}

.p-client-regulations-index section.regulations-grid .regulation .wrapper > .details {
  font-size: 1.6rem;
  margin-bottom: auto;
}

@media (min-width: 578px) {
  .p-client-regulations-index section.regulations-grid .regulation {
    width: 50%;
  }
  .p-client-regulations-index section.regulations-grid .regulation .wrapper > .name {
    font-size: 1.8rem;
  }
}
@media (min-width: 992px) {
  .p-client-regulations-index section.regulations-grid .regulation {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .p-client-regulations-index section.regulations-grid .regulation {
    width: 25%;
  }
}
/* @end */
/* @group None */
.p-client-regulations-index section.regulations-grid .regulation.none {
  width: 100%;
  max-width: 580px;
  min-height: 200px;
}

.p-client-regulations-index section.regulations-grid .regulation .text {
  color: rgba(104, 103, 103, 0.6);
  font-weight: 600;
  text-align: center;
  margin: auto 0;
}

/* @end */
/* @group Regulation - General */
.p-client-regulations-show section.regulation {
  padding-top: 90px;
  padding-bottom: 60px;
}

/* @end */
/* @group Regulation - Settings */
.p-client-regulations-show section.regulation .settings {
  margin: 0 0 60px 0;
}

.p-client-regulations-show section.regulation .settings .panel {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  margin: 0 auto;
  max-width: 940px;
}

.p-client-regulations-show section.regulation .settings .panel .infos {
  display: block;
  text-align: center;
  position: relative;
  padding: 0 0 1.5rem 0;
  margin: 0 0 1rem 0;
}
.p-client-regulations-show section.regulation .settings .panel .infos::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 25px);
  height: 2px;
  width: 50px;
  background-color: #E0E0E0;
}

.p-client-regulations-show section.regulation .settings .panel .infos .name {
  display: block;
  font-size: 2.2rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: #2FADA8;
  padding: 0;
  margin: 0 0 0.6rem 0;
}

.p-client-regulations-show section.regulation .settings .panel .infos .details {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  margin: 0 -0.4rem;
}

.p-client-regulations-show section.regulation .settings .panel .infos .details > * {
  flex: 0 0 auto;
  margin: 0 0.4rem 0.5rem 0.4rem;
  color: inherit;
  text-decoration: none;
}

.p-client-regulations-show section.regulation .settings .panel .infos .details > a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: stretch;
  transition: all 150ms linear;
}
.p-client-regulations-show section.regulation .settings .panel .infos .details > a:hover {
  color: #2FADA8;
}

.p-client-regulations-show section.regulation .settings .panel .infos .details > a > i {
  flex: 0 0 auto;
  font-size: 1.5rem;
  margin: 0 0.4rem 0 0;
}

.p-client-regulations-show section.regulation .settings .panel .infos .details .action {
  cursor: pointer;
  font-size: 1.4rem;
  padding: 0.1rem 0.7rem;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 4px;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
  transition: all 120ms linear;
}
.p-client-regulations-show section.regulation .settings .panel .infos .details .action.errors {
  background-color: #C60F13;
}
.p-client-regulations-show section.regulation .settings .panel .infos .details .action.update {
  background-color: #81c341;
}
.p-client-regulations-show section.regulation .settings .panel .infos .details .action:hover {
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.p-client-regulations-show section.regulation .settings .panel .ecowatt {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  text-align: center;
  position: relative;
  padding: 1.5rem 2rem 1.5rem 3rem;
  margin: auto;
  border: 2px solid #E0E0E0;
  border-radius: 6px;
  width: 80%;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt a {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: calc(50% - 25px);
  height: 2px;
  width: 50px;
  background-color: #E0E0E0;
}

.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-] {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: 1.2rem;
  font-family: inherit;
  margin: 0.5rem 0;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-] .learn-more {
  width: 14rem;
  height: auto;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-] .learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 1.625rem;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-] .learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #FFFFFF;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-] .learn-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.55rem;
  height: 0rem;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-] .learn-more .circle .icon.arrow::before {
  position: absolute;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-] .learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: -1.5px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 2.5rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-]:hover .circle {
  width: 100%;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-]:hover .circle .icon.arrow {
  background: #FFFFFF;
  transform: translate(1rem, 0);
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt [class^=day-]:hover .button-text {
  color: #FFFFFF;
}

.p-client-regulations-show section.regulation .settings .panel .ecowatt .day-0.green .circle {
  box-shadow: 0 0 20px #3EF4D4;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .day-0.orange .circle {
  box-shadow: 0 0 20px #F4B23E;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .day-0.red .circle {
  box-shadow: 0 0 20px #F43E3E;
}

.p-client-regulations-show section.regulation .settings .panel .ecowatt .green .circle {
  background: #0D7A77;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .green .circle .icon.arrow::before {
  content: "";
  top: -0.5rem;
  left: 0.25rem;
  width: 1.4rem;
  height: 0.75rem;
  border-top: 0.25rem solid #fff;
  border-right: 0.25rem solid #fff;
  transform: rotate(135deg);
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .green .button-text {
  color: #0D7A77;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .orange .circle {
  background: #DA811C;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .orange .circle .icon.arrow::before {
  top: -1.3rem;
  left: 0.65rem;
  content: "!";
  color: #FFFFFF;
  font-size: 2rem;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .orange .button-text {
  color: #DA811C;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .red .circle {
  background: #DA2A1C;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .red .circle .icon.arrow .triangle-1 {
  position: absolute;
  width: 0;
  height: 0;
  top: -1.2rem;
  left: 0.35rem;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 13px solid #FFFFFF;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .red .circle .icon.arrow .triangle-2 {
  position: absolute;
  width: 0;
  height: 0;
  top: -0.1rem;
  left: 0.75rem;
  border-left: 0px solid transparent;
  border-right: 8px solid transparent;
  border-top: 13px solid #FFFFFF;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .red .button-text {
  color: #DA2A1C;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .grey .circle {
  background: #97928E;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .grey .circle .icon.arrow::before {
  top: -1.3rem;
  left: 0.6rem;
  content: "?";
  color: #FFFFFF;
  font-size: 2rem;
}
.p-client-regulations-show section.regulation .settings .panel .ecowatt .grey .button-text {
  color: #97928E;
}

.p-client-regulations-show section.regulation .settings .panel .buttons {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  margin: 1rem -0.7rem 0 -0.7rem;
}

.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio {
  flex: 0 1 auto;
  display: block;
  width: calc(50% - 1.4rem);
  height: 10rem;
  line-height: 10rem;
  font-size: 6rem;
  margin: 1.5rem 0.7rem 0 0.7rem;
}

.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  color: #E0E0E0;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #E0E0E0;
  overflow: hidden;
  transition: color 150ms linear, box-shadow 150ms linear;
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > span::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-image: linear-gradient(135deg, rgb(142.2971014493, 141.2028985507, 141.2028985507), #686767);
  transition: all 150ms linear;
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > span.mode-1::after {
  background-image: linear-gradient(135deg, rgb(110.5758928571, 208.6607142857, 226.4241071429), #44c3da);
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > span.mode-2::after {
  background-image: linear-gradient(135deg, rgb(248.7973568282, 148.0044052863, 85.2026431718), #f77524);
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > span.mode-3::after {
  background-image: linear-gradient(135deg, rgb(66.3318584071, 137.4690265487, 210.6681415929), #2b70b7);
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > span.mode-4::after {
  background-image: linear-gradient(135deg, rgb(154.704, 207.24, 103.76), #81c341);
}

.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > input:not(:disabled) + span:hover {
  box-shadow: inset 0 0 0 2px #686767;
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > input:not(:disabled) + span:hover.mode-1:hover {
  box-shadow: inset 0 0 0 2px #44c3da;
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > input:not(:disabled) + span:hover.mode-2:hover {
  box-shadow: inset 0 0 0 2px #f77524;
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > input:not(:disabled) + span:hover.mode-3:hover {
  box-shadow: inset 0 0 0 2px #2b70b7;
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > input:not(:disabled) + span:hover.mode-4:hover {
  box-shadow: inset 0 0 0 2px #81c341;
}

.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > input:checked + span {
  color: #FFFFFF;
}
.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > input:checked + span::after {
  opacity: 1;
}

.p-client-regulations-show section.regulation .settings .panel .buttons .form-radio > span > i {
  display: inline-block;
  line-height: inherit;
}

@media (min-width: 578px) {
  .p-client-regulations-show section.regulation .settings .panel .buttons.count-5 .form-radio {
    width: calc(33.333% - 1.4rem);
  }
}
@media (min-width: 768px) {
  .p-client-regulations-show section.regulation .settings .panel .buttons.count-4 .form-radio {
    width: calc(25% - 1.4rem);
  }
  .p-client-regulations-show section.regulation .settings .panel .buttons.count-5 .form-radio {
    width: calc(20% - 1.4rem);
  }
}
/* @end */
/* @group Regulation - Thermostats */
.p-client-regulations-show section.regulation .thermostats .thermostats-models {
  display: flex;
  justify-content: center;
  margin-bottom: 6rem;
  margin-top: 8rem;
}

.p-client-regulations-show section.regulation .thermostats .thermostats-models .v1 {
  background-image: url("images/th-2018-button.svg");
  background-color: white;
  filter: grayscale(100%);
  background-repeat: no-repeat;
}

.p-client-regulations-show section.regulation .thermostats .thermostats-models .v2 {
  background-image: url("images/th-2022-button.svg");
  filter: grayscale(100%);
  background-repeat: no-repeat;
}

.p-client-regulations-show section.regulation .thermostats .thermostats-models .v1.active, .p-client-regulations-show section.regulation .thermostats .thermostats-models .v2.active {
  filter: none;
}

.p-client-regulations-show section.regulation .thermostats .thermostats-models .thermostats-models-button {
  height: 120px;
  width: 120px;
  margin-left: 1rem;
  margin-right: 1rem;
  box-shadow: 0 3px 3px lightgrey;
  border-radius: 3%;
}

.p-client-regulations-show section.regulation .thermostats .thermostats-models > .thermostats-models-button.active {
  height: 140px;
  width: 140px;
  margin-top: -1rem;
}

.p-client-regulations-show section.regulation .thermostats .grid {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin: 0 -2rem;
}

.p-client-regulations-show section.regulation .thermostats .grid.disco-th-list {
  opacity: 0;
  height: 0;
}

.p-client-regulations-show section.regulation .thermostats .grid.disco-th-list.visible {
  opacity: 1;
  height: auto;
}

i.toggle-icon {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin: 0.6rem 0 0 0.9rem;
  opacity: 0.5;
  transition: opacity 150ms linear;
}

i.toggle-icon:hover {
  opacity: 1;
}

#checkbox-toggle {
  display: none;
}

.p-client-regulations-show section.regulation .thermostats .grid .c-thermostat-card {
  display: inline-block;
  vertical-align: top;
  padding: 0 2.6rem 4rem 2.6rem;
  width: 100%;
}

@media (min-width: 768px) {
  .p-client-regulations-show section.regulation .thermostats .grid .c-thermostat-card {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .p-client-regulations-show section.regulation .thermostats .grid .c-thermostat-card {
    width: 33.333%;
  }
}
/* @end */
/* @group Zones - General */
.p-client-regulations-show section.zones {
  position: relative;
  padding: 90px 0;
  background-color: #FFFFFF;
}

/* @end */
/* Privacy Policy Overlay */
.privacy-policy-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  pointer-events: all;
}
.privacy-policy-overlay.hide {
  display: none;
}

/* Privacy Policy Container */
.privacy-policy-container {
  width: 95%;
  height: 95%;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: inset 0 0 0 2px #e0e0e0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 3rem;
}
.privacy-policy-container.hide {
  display: none;
}

.privacy-policy-container .privacy-policy-content {
  height: 200px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 2px #e0e0e0;
  overflow: auto;
  overflow-x: hidden;
  font-size: smaller;
  text-align: justify;
  padding: 1rem;
}

.privacy-policy-container .privacy-policy-text {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-height: 650px) {
  .privacy-policy-container .privacy-policy-content {
    height: 250px;
  }
}
@media screen and (min-height: 720px) {
  .privacy-policy-container .privacy-policy-content {
    height: 300px;
  }
}
@media screen and (min-height: 770px) {
  .privacy-policy-container .privacy-policy-content {
    height: 350px;
  }
}
@media screen and (min-height: 820px) {
  .privacy-policy-container .privacy-policy-content {
    height: 400px;
  }
}
@media screen and (min-height: 870px) {
  .privacy-policy-container .privacy-policy-content {
    height: 450px;
  }
}
@media screen and (min-height: 920px) {
  .privacy-policy-container .privacy-policy-content {
    height: 600px;
  }
}
/* @group General */
.p-client-regulations-associate {
  padding-top: 90px;
  padding-bottom: 60px;
}

.p-client-regulations-associate form {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  margin: 0 auto 30px auto;
  max-width: 560px;
}

/* @end */
/* @group General */
.p-client-regulation-settings-show {
  padding-top: 90px;
  padding-bottom: 60px;
}

.p-client-regulation-settings-show section {
  margin: 0 auto;
  padding-bottom: 90px;
}

.p-client-regulation-settings-show section .panel {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
}

.p-client-regulation-settings-show section .panel .none {
  font-size: 1.6rem;
  color: rgba(104, 103, 103, 0.6);
  font-weight: 600;
  padding: 0 0 3rem 0;
}

/* @end */
/* @group Guests */
.p-client-regulation-settings-show section.guests .panel {
  padding-bottom: 0;
}

.p-client-regulation-settings-show section.guests .guests-form {
  padding-bottom: 3rem;
}

.p-client-regulation-settings-show section.guests .guests-form .checkboxes {
  font-size: 0;
  line-height: 0;
  text-align: left;
  margin: 0.6rem 0 0 0;
}

.p-client-regulation-settings-show section.guests .guests-form .checkboxes .form-checkbox {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.p-client-regulation-settings-show section.guests .guests-list {
  padding: 0 0 1.5rem 0;
}

.p-client-regulation-settings-show section.guests .guests-list .guest {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 1.5rem;
}

.p-client-regulation-settings-show section.guests .guests-list .guest .content {
  flex: 1 1 auto;
  overflow: hidden;
}

.p-client-regulation-settings-show section.guests .guests-list .guest .content .name {
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-client-regulation-settings-show section.guests .guests-list .guest .content .name > span {
  font-weight: 600;
}

.p-client-regulation-settings-show section.guests .guests-list .guest .content .thermostats {
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.p-client-regulation-settings-show section.guests .guests-list .guest .content .thermostats span {
  display: inline-block;
  vertical-align: top;
  font-size: 1.2rem;
  line-height: 1.2rem;
  background-color: #EFEFEF;
  padding: 0.4rem 0.6rem;
  margin: 0.6rem 0.6rem 0 0;
  border-radius: 0.3rem;
}

.p-client-regulation-settings-show section.guests .guests-list .guest .delete {
  flex: 0 0 auto;
  margin: auto 0 auto 1rem;
}

.p-client-regulation-settings-show section.guests .guests-list .guest .delete button {
  font-size: 1.16rem;
  color: #FFFFFF;
  padding: 0.8rem;
}

@media (min-width: 578px) {
  .p-client-regulation-settings-show section.guests .guests-form .checkboxes .form-checkbox {
    width: 50%;
  }
  .p-client-regulation-settings-show section.guests .guests-list .guest .content .thermostats span {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
/* @end */
/* @group Tech */
.p-client-regulation-settings-show section.tech .line {
  display: block;
  margin: 0 0 2rem 0;
  line-height: 2.4rem;
}

.p-client-regulation-settings-show section.tech .line > .label {
  display: block;
  text-align: center;
  padding: 0 3rem 0 0;
  font-weight: 600;
  white-space: nowrap;
}

.p-client-regulation-settings-show section.tech .line > .label > .icon {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 2.2rem;
  line-height: inherit;
  font-weight: normal;
  color: #2FADA8;
  margin: 0 0.6rem 0 0;
}

.p-client-regulation-settings-show section.tech .line > .value {
  display: block;
  color: inherit;
  font-size: 1.8rem;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  text-align: center;
  transition: color 150ms linear;
}

.p-client-regulation-settings-show section.tech .line a.value:hover {
  color: #2FADA8;
}

@media (min-width: 578px) {
  .p-client-regulation-settings-show section.tech .line {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .p-client-regulation-settings-show section.tech .line > .label {
    flex: 0 0 auto;
    text-align: left;
  }
  .p-client-regulation-settings-show section.tech .line > .value {
    flex: 0 1 auto;
    text-align: right;
  }
}
/* temp-diff */
.p-client-regulation-settings-show section.diff form .slider-input {
  -webkit-appearance: none;
  width: 100%;
  height: 20px;
  background: white;
  outline: none;
  border-radius: 100px;
  border: 1px solid #e5e5e5;
}

.p-client-regulation-settings-show section.diff form .slider-input:hover {
  cursor: pointer;
}

.p-client-regulation-settings-show section.diff form .slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background-color: #f85c50;
  border-radius: 100px;
}

.p-client-regulation-settings-show section.diff form .diff-input-help {
  font-size: smaller;
  color: #c3c3c3;
}

/* offline */
.p-client-regulation-settings-show section.offline .offline-form {
  padding-bottom: 3rem;
}

.p-client-regulation-settings-show section.offline .offline-form .checkboxes {
  font-size: 0;
  line-height: 0;
  text-align: left;
  margin: 0.6rem 0 0 0;
}

.p-client-regulation-settings-show section.offline .offline-form .checkboxes .form-checkbox {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 578px) {
  .p-client-regulation-settings-show section.offline .offline-form .checkboxes .form-checkbox {
    width: 50%;
  }
}
.p-client-regulation-settings-show section.fahr form .radios {
  display: flex;
  justify-content: space-around;
  margin-bottom: 1.5rem;
}
.p-client-regulation-settings-show section.fahr form .radios .radio-element label {
  border: 1px solid #E0E0E0;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  margin: 1rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 100ms linear;
}
.p-client-regulation-settings-show section.fahr form .radios .radio-element label > div {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #23abc3;
  border-radius: 50%;
  opacity: 0;
}
.p-client-regulation-settings-show section.fahr form .radios .radio-element input[type=radio] {
  display: none;
}
.p-client-regulation-settings-show section.fahr form .radios .radio-element input[type=radio]:checked + label > div {
  opacity: 1;
  transition: all 100ms linear;
}
.p-client-regulation-settings-show section.fahr form .radios .radio-element span {
  font-weight: bold;
}

/* @end */
/* @group General */
.p-tech-account-edit {
  padding-top: 90px;
  padding-bottom: 60px;
}

.p-tech-account-edit section {
  margin: 0 auto;
  max-width: 560px;
  padding-bottom: 90px;
}
.p-tech-account-edit section:last-child {
  padding-bottom: 30px;
}
.p-tech-account-edit section.details {
  max-width: 900px;
}

.p-tech-account-edit section form {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
}

/* @end */
/* @group General */
.p-tech-clients-index {
  padding-top: 90px;
  padding-bottom: 60px;
}

/* @end */
/* @group Clients list */
.p-tech-clients-index .clients-list {
  display: block;
  overflow-y: hidden;
  overflow-x: auto;
  margin: 0 -0.5rem;
  -webkit-overflow-scrolling: touch;
}

.p-tech-clients-index .clients-list table {
  display: inline-table;
  vertical-align: top;
  width: calc(100% - 1rem);
  margin: 0 0.5rem 2.5rem 0.5rem;
}

.p-tech-clients-index .clients-list table tr th.name {
  text-align: left;
}

.p-tech-clients-index .clients-list table tr th.date {
  display: none;
  text-align: right;
}

.p-tech-clients-index .clients-list table tr td.name {
  text-align: left;
}

.p-tech-clients-index .clients-list table tr td.name a {
  display: inline-block;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none;
}

.p-tech-clients-index .clients-list table tr td.name span {
  display: block;
  font-size: 1.4rem;
  opacity: 0.8;
}

.p-tech-clients-index .clients-list table tr td.counts {
  white-space: nowrap;
}

.p-tech-clients-index .clients-list table tr td.counts span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 3rem;
  color: #FFFFFF;
  min-width: 3rem;
  padding: 0 0.5rem;
  border-radius: 3rem;
  background-color: #383737;
}
.p-tech-clients-index .clients-list table tr td.counts span:not(:first-child) {
  margin-left: 0.4rem;
}
.p-tech-clients-index .clients-list table tr td.counts span.green {
  background-color: #81c341;
}
.p-tech-clients-index .clients-list table tr td.counts span.blue {
  background-color: #4197c3;
}

.p-tech-clients-index .clients-list table tr td.city {
  white-space: nowrap;
}

.p-tech-clients-index .clients-list table tr td.date {
  display: none;
  font-size: 1.5rem;
  text-align: right;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .p-tech-clients-index .clients-list table tr th.date,
  .p-tech-clients-index .clients-list table tr td.date {
    display: table-cell;
  }
}
/* @end */
/* @group General */
.p-tech-clients-show {
  padding-top: 90px;
  padding-bottom: 60px;
}

/* @end */
/* @group Client details */
.p-tech-clients-show section.client-details .panel {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  padding-bottom: 2rem;
  margin: 0 auto 6rem auto;
  max-width: 800px;
}

.p-tech-clients-show section.client-details .panel .value {
  text-align: center;
  font-size: 1.6rem;
  margin: 0 0 1rem 0;
}

.p-tech-clients-show section.client-details .panel .value b {
  color: #686767;
  font-weight: 700;
}

.p-tech-clients-show section.client-details .panel .value a {
  color: #686767;
  font-weight: 700;
}
.p-tech-clients-show section.client-details .panel .value a:hover {
  color: #2FADA8;
  text-decoration: none;
}

.p-tech-clients-show section.client-details .section-buttons {
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin: 0 0 1rem 0;
}

.p-tech-clients-show section.client-details .section-buttons button,
.p-tech-clients-show section.client-details .section-buttons a {
  display: inline-block;
  margin: 0 1rem 1rem 1rem;
}

/* @end */
/* @group Regulations list - General */
.p-tech-clients-show section.regulations-list {
  padding: 0 0 3rem 0;
}

.p-tech-clients-show section.regulations-list .item {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  padding: 0;
  margin: 0 0 1.5rem 0;
}

.p-tech-clients-show section.regulations-list .form-element {
  display: flex;
  flex-flow: row nowrap;
  width: auto;
  line-height: 2.2rem;
  margin: 0 0 1.5rem 0;
  align-items: center;
  border-radius: 3px;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
}
.p-tech-clients-show section.regulations-list .form-element.error {
  border-color: #C60F13;
}

.p-tech-clients-show section.regulations-list .form-element label {
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  padding: 0.7rem 0.9rem;
  font-size: 1.4rem;
  line-height: inherit;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  border-right: 1px solid #E0E0E0;
  background-color: #f7f4f2;
}

.p-tech-clients-show section.regulations-list .form-element input,
.p-tech-clients-show section.regulations-list .form-element select {
  flex: 1 1 auto;
  width: 20px;
  border: none;
  text-align: left;
  line-height: inherit;
  padding: 0.7rem 0.9rem;
  opacity: 1;
  font-size: 1.4rem;
  background-color: transparent;
}
.p-tech-clients-show section.regulations-list .form-element input:disabled,
.p-tech-clients-show section.regulations-list .form-element select:disabled {
  user-select: text !important;
}

.p-tech-clients-show section.regulations-list .form-element select {
  padding-right: 2.4rem;
}

/* @end */
/* @group Regulations list - Regulation */
.p-tech-clients-show section.regulations-list .regulation {
  padding: 3rem 3rem 1.5rem 3rem;
}

.p-tech-clients-show section.regulations-list .regulation .infos .name {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
  hyphens: auto;
}

.p-tech-clients-show section.regulations-list .regulation .infos .board {
  margin: 0 0 3rem 0;
}

.p-tech-clients-show section.regulations-list .regulation .infos .text {
  text-align: center;
  font-size: 1.6rem;
}

.p-tech-clients-show section.regulations-list .regulation .infos .icon-mode {
  display: block;
  font-size: 7rem;
  line-height: 1;
  color: #686767;
  margin: 0 auto 1.5rem auto;
}
.p-tech-clients-show section.regulations-list .regulation .infos .icon-mode.mode-1 {
  color: #44c3da;
}
.p-tech-clients-show section.regulations-list .regulation .infos .icon-mode.mode-2 {
  color: #f77524;
}
.p-tech-clients-show section.regulations-list .regulation .infos .icon-mode.mode-3 {
  color: #2b70b7;
}
.p-tech-clients-show section.regulations-list .regulation .infos .icon-mode.mode-4 {
  color: #81c341;
}

.p-tech-clients-show section.regulations-list .regulation .infos .docs {
  display: flex;
  justify-content: center;
  margin: 0 0 3rem 0;
}

.p-tech-clients-show section.regulations-list .regulation .infos .docs .docs-btn {
  display: table;
  background-color: #f98300;
  color: #FFFFFF;
  cursor: pointer;
  border: none;
  width: auto;
  line-height: 2.6rem;
  padding: 1rem 2.5rem;
  text-transform: uppercase;
  margin: 0;
  font-weight: 600;
  text-align: center;
  border-radius: 6rem;
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0);
  transition: all 120ms linear;
}

.p-tech-clients-show section.regulations-list .regulation .infos .docs .docs-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale {
  z-index: 3;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .notices-list .item {
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0 0 1rem 0;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .notices-list .item .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #686767;
  font-size: 1.8rem;
  line-height: 2rem;
  padding: 1.5rem 0.8rem;
  flex: 1 1 auto;
  border-right: 1px solid #52d3ce;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .notices-list .item .icon {
  display: block;
  flex: 0 0 auto;
  color: #23abc3;
  font-size: 2.2rem;
  width: 6rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  transition: color 150ms linear;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .notices-list .item .icon:hover {
  color: #383737;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .modale {
  background: #f1f1f1;
  padding: 20px;
  position: fixed;
  top: 30%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .modale h2 {
  text-align: center;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .modale .btn-modale {
  position: absolute;
  background: #F98300;
  border-radius: 6px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  top: 10px;
  right: 10px;
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0);
  transition: all 120ms linear;
}

.p-tech-clients-show section.regulations-list .regulation .infos .bloc-modale .modale .btn-modale:hover {
  transform: translateY(-3px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

.p-tech-clients-show section.regulations-list .regulation .data .name {
  font-size: 1.8rem;
  margin: 0;
  padding: 0 0 0.8rem 0;
}

.p-tech-clients-show section.regulations-list .regulation .toggle {
  width: 100%;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 0.9rem 1.2rem;
  margin: 0 0 1.5rem 0;
  border-radius: 3px;
  white-space: nowrap;
}
.p-tech-clients-show section.regulations-list .regulation .toggle > i {
  display: inline-block;
  vertical-align: top;
  font-size: 0.8em;
  line-height: inherit;
  margin: 0 0 0 0.4rem;
}

@media (min-width: 992px) {
  .p-tech-clients-show section.regulations-list .regulation {
    display: flex;
    flex-flow: row nowrap;
  }
  .p-tech-clients-show section.regulations-list .regulation .infos {
    align-self: center;
    padding-right: 3rem;
    flex: 0 0 auto;
    width: 25%;
  }
  .p-tech-clients-show section.regulations-list .regulation .infos > *:last-child {
    margin: 0 0 1.5rem 0;
  }
  .p-tech-clients-show section.regulations-list .regulation .infos .icon {
    font-size: 8.4rem;
  }
  .p-tech-clients-show section.regulations-list .regulation .data {
    flex: 1 1 auto;
  }
}
/* @end */
/* @group Regulations list - Thermostats */
.p-tech-clients-show section.regulations-list .thermostats {
  border-top: 1px dashed #c3c3c3;
  padding: 3rem 0 0 0;
}

.p-tech-clients-show section.regulations-list .thermostats .thermostat {
  position: relative;
  padding: 0 3rem;
  margin: 0 0 2rem 0;
}

.p-tech-clients-show section.regulations-list .thermostats .thermostat .name {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 1.2rem 0;
}

@media (min-width: 992px) {
  .p-tech-clients-show section.regulations-list .thermostats {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .p-tech-clients-show section.regulations-list .thermostats .thermostat {
    width: 50%;
  }
  .p-tech-clients-show section.regulations-list .thermostats .thermostat:nth-child(2n)::before {
    content: "";
    position: absolute;
    left: -0.1rem;
    top: calc(50% - 5rem);
    height: 12rem;
    width: 0.2rem;
    background: #E0E0E0;
  }
}
/* @end */
/* @group Regulations list - Zones */
.p-tech-clients-show section.regulations-list .zones {
  border-top: 1px dashed #c3c3c3;
  padding: 3rem;
}

/* @end */
/* @group General */
.p-tech-clients-edit {
  padding-top: 90px;
  padding-bottom: 60px;
}

.p-tech-clients-edit form {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow 150ms linear, transform 150ms linear;
  margin: 0 auto 30px auto;
  max-width: 560px;
}

/* @end */