/* Minification failed. Returning unminified contents.
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-primary'
(463,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-normal'
(465,17): run-time error CSS1039: Token not allowed after unary operator: '-c-primary'
(493,25): run-time error CSS1039: Token not allowed after unary operator: '-s-borderRadius'
(495,17): run-time error CSS1039: Token not allowed after unary operator: '-c-primary'
(508,28): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(509,25): run-time error CSS1039: Token not allowed after unary operator: '-s-borderRadius'
(510,28): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(511,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(513,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-medium'
(515,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(529,32): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(530,21): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(544,27): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(548,21): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(609,22): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryLight'
(622,28): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(653,22): run-time error CSS1039: Token not allowed after unary operator: '-c-containerBackground'
(708,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(709,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-large'
(734,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(774,25): run-time error CSS1039: Token not allowed after unary operator: '-s-borderRadius'
(777,28): run-time error CSS1039: Token not allowed after unary operator: '-c-contentBackground'
(778,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-contentShadow'
(827,25): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryLight'
(855,28): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(901,48): run-time error CSS1039: Token not allowed after unary operator: '-c-contentBackground'
(1112,22): run-time error CSS1039: Token not allowed after unary operator: '-c-contentBackground'
(1113,25): run-time error CSS1039: Token not allowed after unary operator: '-s-borderRadius'
(1127,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xlarge'
(1135,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1136,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xlarge'
(1198,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1200,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-medium'
(1227,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-medium'
(1275,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1276,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-large'
(1313,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1314,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-medium'
(1328,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(1407,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-primary'
(1409,17): run-time error CSS1039: Token not allowed after unary operator: '-c-primary'
(1441,22): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(1442,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1445,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(1482,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-primary'
(1483,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-normal'
(1540,17): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryLight'
(1612,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1767,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1775,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(1821,25): run-time error CSS1039: Token not allowed after unary operator: '-s-borderRadius'
(1822,28): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(1823,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(1827,21): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(1831,28): run-time error CSS1039: Token not allowed after unary operator: '-c-primary'
(1832,17): run-time error CSS1039: Token not allowed after unary operator: '-c-contentBackground'
(1846,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1851,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-small'
(1853,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(1858,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xlarge'
(1877,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1882,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-large'
(1885,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(1915,28): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(1916,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(1920,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(1929,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryLight'
(1943,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(1947,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(2120,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-large'
(2128,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-medium'
(2190,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(2191,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-small'
(2192,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(2205,28): run-time error CSS1039: Token not allowed after unary operator: '-c-containerBackground'
(2230,25): run-time error CSS1039: Token not allowed after unary operator: '-s-borderRadius'
(2232,28): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryContrast'
(2233,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-contentShadow'
(2235,17): run-time error CSS1039: Token not allowed after unary operator: '-c-primary'
(2241,28): run-time error CSS1039: Token not allowed after unary operator: '-c-primary'
(2242,17): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryContrast'
(2251,28): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(2252,17): run-time error CSS1039: Token not allowed after unary operator: '-c-secondaryContrast'
(2274,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary'
(2328,21): run-time error CSS1039: Token not allowed after unary operator: '-c-secondary'
(2340,32): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryLight'
(2344,34): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryLight'
(2348,35): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryLight'
(2352,33): run-time error CSS1039: Token not allowed after unary operator: '-c-primaryLight'
 */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,body>form,html{height:100%;width: 100%;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item;list-style:outside}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:"";content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
         -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
              box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #baguetteBox-overlay .full-image figcaption {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      line-height: 1.8;
      white-space: normal;
      color: #ccc;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.6);
      font-family: sans-serif; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
            animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
            animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
       border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button {
    right: 2%; }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px; }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0; }

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

/**
 * VARIABLES
 */

:root {
    --c-primary: #171c32;
    --c-primaryContrast: #fff;
    --c-primaryLight: rgba(23, 28, 50, .6);
    --c-secondary: #9b8e68;
    --c-secondaryContrast: #fff;
    --c-secondaryLight: rgba(255, 255, 255, .5);
    --c-containerBackground: #fafafa;
    --c-contentBackground: var(--c-primaryContrast);
    --ff-primary: "Avenir", sans-serif;
    --ff-secondary: "Barlow", sans-serif;
    --fs-xxlarge: 6rem;
    --fs-xlarge: 4rem;
    --fs-large: 2.5rem;
    --fs-medium: 2rem;
    --fs-normal: 1.5rem;
    --fs-small: 1.35rem;
    --fs-xsmall: 1.2rem;
    --s-borderRadius: 8px;
    --bs-contentShadow: rgba(0,0,0,.05) 0 0 25px;
}

/**
 * FONTS
 */

@font-face {
    font-family: "Avenir";
    src: url("/css/fonts/AvenirLTStd-Black.woff2") format("woff2"), url("/css/fonts/AvenirLTStd-Black.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Avenir";
    src: url("/css/fonts/AvenirLTStd-Book.woff2") format("woff2"), url("/css/fonts/AvenirLTStd-Book.woff") format("woff");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: "Avenir";
    src: url("/css/fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("/css/fonts/AvenirLTStd-Roman.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Barlow";
    src: url("/css/fonts/BarlowCondensed-Regular.woff2") format("woff2"), url("/css/fonts/BarlowCondensed-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Barlow";
    src: url("/css/fonts/BarlowCondensed-SemiBold.woff2") format("woff2"), url("/css/fonts/BarlowCondensed-SemiBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

/**
 * ICONS
 */

@font-face {
    font-family: "IntranetIcons";
    src: url("/css/fonts/IntranetIcons.woff2?v=1.4") format("woff2"), url("/css/fonts/IntranetIcons.woff?v=1.4") format("woff");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
    font-family: "IntranetIcons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:not(:empty)::before,
[class*=" icon-"]:not(:empty)::before {
    margin-right: 10px;
}

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

.icon-google:before {
    content: "\ea8a";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * GENERAL
 */

html {
    font-family: var(--ff-primary);
    font-size: 62.5%;
    scrollbar-width: thin;
    scrollbar-color: #595d6c #dcdcdc;
}

body {
    margin: 0;
    padding: 0;
    font-size: var(--fs-normal);
    font-weight: 300;
    color: var(--c-primary);
}

a,
a:hover,
a:focus,
a:active {
    color: currentColor;
    outline: none;
}

    a:hover {
        text-decoration: none;
    }

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

input,
textarea {
    padding: 12px;
    border: none;
    outline: none;
    border-radius: var(--s-borderRadius);
    background-color: #ebe8e1;
    color: var(--c-primary);
}

textarea {
    box-sizing: border-box;
    max-width: 100%;
}

button,
input[type=button],
input[type=submit] {
    display: inline-block;
    padding: 7px 25px;
    border: 2px solid var(--c-secondary);
    border-radius: var(--s-borderRadius);
    background-color: var(--c-secondaryContrast);
    font-family: var(--ff-secondary);
    font-weight: bold;
    font-size: var(--fs-medium);
    letter-spacing: .1rem;
    color: var(--c-secondary);
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    transition: all 200ms linear;
}

    button:hover,
    button:focus,
    input[type=button]:hover,
    input[type=button]:focus,
    input[type=submit]:hover,
    input[type=submit]:focus {
        background-color: var(--c-secondary);
        color: var(--c-secondaryContrast);
    }

input[type=checkbox],
input[type=radio] {
    position: absolute;
    left: -9999px;
}

    input[type=checkbox] + label,
    input[type=radio] + label {
        position: relative;
        padding-left: 1em;
        cursor: pointer;
        font-family: var(--ff-secondary);
        font-size: 1.6rem;
        font-weight: bold;
        text-transform: uppercase;
        color: var(--c-secondary);
        transition: opacity .15s ease-out;
    }

    input[type=checkbox]:not(:checked) + label,
    input[type=radio]:not(:checked) + label {
        opacity: .5;
    }

    input[type=checkbox] + label::before,
    input[type=checkbox] + label::after,
    input[type=radio] + label::before,
    input[type=radio] + label::after {
        content: "";
        position: absolute;
        left: 0;
        top: .3em;
        width: .75em;
        height: .75em;
        box-sizing: border-box;
        border-radius: 50%;
    }

    input[type=checkbox] + label::before,
    input[type=radio] + label::before {
        border: 2px solid currentColor;
    }

    input[type=checkbox] + label::after,
    input[type=radio] + label::after {
        background-color: currentColor;
        transition: opacity .15s ease-out, transform .15s ease-out;
    }

    input[type=checkbox]:not(:checked) + label::after,
    input[type=radio]:not(:checked) + label::after {
        transform: scale3d(0, 0, 1);
    }

    input[type=checkbox]:checked + label::after,
    input[type=radio]:checked + label::after {
        transform: scale3d(1, 1, 1);
    }

/* LOADER */

.Loader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 50;
}

.Loader-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: var(--c-secondaryLight);
}

.Loader-spinner {
    width: 70px;
    margin: 0 auto 0;
    text-align: center;
}

.Loader-bounce {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: var(--c-secondary);
    border-radius: 100%;
    animation: bounce 1.4s infinite ease-in-out both;
    transition: background-color 0.5s ease-in-out;
}

    .Loader-bounce:nth-child(1) {
        animation-delay: -0.32s;
    }

    .Loader-bounce:nth-child(2) {
        animation-delay: -0.16s;
    }

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1.0);
    }
}

/* LAYOUT */

.Container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--c-containerBackground);
}

.InnerContent {
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    box-sizing: border-box;
    gap: 50px;
}

.Col {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 50px;
    min-width: 22%;
    max-width: 31%;
    max-height: 1100px;
}

.Row {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    gap: 20px;
}

.BlockGroup {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.Block,
.InnerBlock {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

.Row > .Block {
    flex-shrink: 1;
}

.Block--full,
.InnerBlock--full {
    flex: 1 1 auto;
    min-height: 100px;
}

.Block-title,
.InnerBlock-title {
    margin: 0 0 15px 25px;
    width: 100%;
    font-family: var(--ff-secondary);
    font-size: var(--fs-large);
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    color: currentColor;
}

    .Block-title[class*=" icon-"] {
        display: flex;
        align-items: center;
    }

        .Block-title[class*=" icon-"]::before {
            display: inline-block;
            font-size: 1.7em;
        }

.Row > .Block > .Block-title {
    align-self: center;
    margin-left: 0;
    width: auto;
}

.InnerBlock-title {
    margin: 0 0 10px;
    color: var(--c-secondary);
}

.Block-title--subtitle,
.InnerBlock-title--subtitle {
    display: flex;
    align-items: center;
}

    .Block-title--subtitle .Block-titleIcon {
        font-size: 4.5rem;
        margin-right: 10px;
    }

    .InnerBlock-title--subtitle .InnerBlock-titleIcon {
        font-size: 4.5rem;
        margin-right: 25px;
    }

    .Block-title--subtitle .Block-titleText,
    .InnerBlock-title--subtitle .InnerBlock-titleText {
        display: flex;
        flex-direction: column;
        line-height: 1;
    }

        .Block-title--subtitle .Block-titleText .Block-subTitle,
        .InnerBlock-title--subtitle .InnerBlock-titleText .InnerBlock-subTitle {
            font-size: 1.4rem;
            font-weight: normal;
        }

.Block-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 25px;
    flex: 1 1 auto;
    padding: 30px;
    border-radius: var(--s-borderRadius);
    overflow: hidden;
    color: currentColor;
    background-color: var(--c-contentBackground);
    box-shadow: var(--bs-contentShadow);
}

    .Block-content > .Block-updatePanel {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        flex: 1 1 auto;
    }

.InnerBlock--full .InnerBlock-content,
.InnerBlock--full .InnerBlock-content > .InnerBlock-updatePanel {
    flex: 1 1 auto;
}

.Block-scrollArea,
.InnerBlock-scrollArea {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    margin-right: -10px;
    scrollbar-width: thin;
    scrollbar-color: #595d6c #dcdcdc;
}

    .Block-content:empty,
    .Block-content > .Block-updatePanel:empty,
    .Block-scrollArea:empty,
    .InnerBlock-content:empty,
    .InnerBlock-scrollArea:empty,
    .Links-content:empty,
    .Popup-innerContent:empty {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow-y: hidden;
    }

        .Block-content:empty::before,
        .Block-content > .Block-updatePanel:empty::before,
        .Block-scrollArea:empty::before,
        .InnerBlock-content:empty::before,
        .InnerBlock-scrollArea:empty::before,
        .Links-content:empty::before,
        .Popup-innerContent:empty::before {
            content: "Aucun contenu pour le moment";
            padding: 15px 0;
            color: var(--c-primaryLight);
            font-size: 1.6rem;
            font-weight: 300;
            font-style: italic;
        }

.Block-loader {
    position: absolute;
}

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

.Block-action {
    display: inline-block;
    margin: 20px 0;
    padding: 2px 5px;
    border: 2px solid currentColor;
    font-weight: 500;
    text-decoration: none;
    color: currentColor;
    cursor: pointer;
}

.Block-separator {
    height: 2px;
    min-height: 2px;
    background-color: var(--c-secondary);
    opacity: .5;
}

.FloatingContainer {
    position: relative;
}

.FloatingContainer-button {
    position: relative;
    cursor: pointer;
}

    .FloatingContainer-button::before {
        margin-right: 0 !important;
    }

.FloatingContainer-block {
    position: absolute;
    top: calc(100% + 20px);
    box-sizing: border-box;
    max-height: 80vh;
    max-width: 98vw;
    z-index: 10;
}

.FloatingContainer-block--left {
    left: 5px;
}

.FloatingContainer-block--right {
    right: -25px;
}

.FloatingContainer-block:not(.isOpen) {
    display: none;
}

.FloatingContainer-block::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent var(--c-contentBackground) transparent;
    z-index: 1;
}

.FloatingContainer-block--left::before {
    left: 16px;
}

.FloatingContainer-block--right::before {
    right: 16px;
}

.FloatingContainer-block .Block-content {
    box-shadow: rgba(0,0,0,.25) 0 0 25px;
}

.InnerBlock--wrappable .InnerBlock-content,
.Links-category .Links-content {
    overflow: hidden;
    transition: max-height .25s ease-out;
}

.InnerBlock--wrappable.isOpen .InnerBlock-content,
.InnerBlock--wrappable .InnerBlock-content.isOpen {
    max-height: 100px;
}

.Links-category.isOpen .Links-content {
    max-height: none;
}

/*.InnerBlock--wrappable:not(.isOpen) .InnerBlock-content,*/
.InnerBlock--wrappable:not(.isOpen) .InnerBlock-content:not(.isOpen),
.Links-category:not(.isOpen) .Links-content {
    max-height: 0;
}

.InnerBlock-wrapperBtn,
.Links-wrapperBtn {
    margin-left: 0.5em;
    opacity: .75;
}

    .InnerBlock-wrapperBtn::before,
    .Links-wrapperBtn::before {
        content: "\e913";
        display: inline-block;
        font-family: "IntranetIcons" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        transition: transform .25s ease-out;
    }

.InnerBlock--wrappable.isOpen .InnerBlock-wrapperBtn::before,
.Links-category.isOpen .Links-wrapperBtn::before {
    transform: rotate3d(0);
}

.InnerBlock--wrappable:not(.isOpen) .InnerBlock-wrapperBtn::before,
.Links-category:not(.isOpen) .Links-wrapperBtn::before {
    transform: rotate3d(0, 0, 1, 180deg);
}

.WrapperBtn {
    cursor: default;
}

/* MESSAGE */

.Messages {
    position: fixed;
    top: 25px;
    left: 0;
    width: 100%;
    z-index: 9999999;
    pointer-events: none;
}

.Message {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 850px;
    margin: 10px auto;
    padding: 15px 40px 15px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 7px -4px rgba(0,0,0,0.54);
    -moz-box-shadow: 0px 4px 7px -4px rgba(0,0,0,0.54);
    box-shadow: 0px 4px 7px -4px rgba(0,0,0,0.54);
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-family: Arial;
    line-height: 17px;
    pointer-events: auto;
    animation: message 0.5s ease-out;
}

    .Message::before {
        margin-right: 15px;
        font-family: "boonIco";
        font-size: 28px;
        font-weight: lighter;
    }

.Message-content {
}

.Message-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 32px;
    text-decoration: none;
    line-height: 0.6;
    cursor: pointer;
    user-select: none;
    transition: 0.2s all ease-out;
}

    .Message-close:hover {
        opacity: 0.5;
    }

.Message--info {
    background: #0082b4;
    color: #ffffff;
}

    .Message--info::before {
        content: "\ea5a";
        font-size: 23px;
        width: 28px;
        text-align: center;
    }

.Message--succes {
    background: #3ea53a;
    color: #ffffff;
}

    .Message--succes::before {
        content: "\e97c";
    }

.Message--alerte {
    background: #ff8d0f;
    color: #ffffff;
}

    .Message--alerte::before {
        content: "\e9a5";
    }

.Message--erreur {
    background: #ce0600;
    color: #ffffff;
}

    .Message--erreur::before {
        content: "\e988";
    }

@keyframes message {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}


/* POPUP */

.Popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: rgba(23, 28, 50, .8);
}

    .Popup-container.isOpen {
        display: block;
    }

.Popup {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    flex-direction: column;
    transform: translate(-50%, -50%);
    min-width: 500px;
    max-width: 90vw;
    max-height: 90vh;
    padding: 30px 30px 20px;
    box-sizing: border-box;
    background: var(--c-contentBackground);
    border-radius: var(--s-borderRadius);
    overflow: hidden;
    user-select: none;
}

.Popup-container > .Popup {
    display: flex;
}

.Popup-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 20px;
    font-size: var(--fs-xlarge);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.Popup-title {
    margin: 0 0 20px;
    font-family: var(--ff-secondary);
    font-size: var(--fs-xlarge);
    font-weight: bold;
    text-transform: uppercase;
}

.Popup-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
}

.Popup-innerContent {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #595d6c #dcdcdc;
}

/* FORMULAIRES */

.Form-field {
    display: flex;
    flex-direction: column;
    margin: 25px 0;
}

    .Form-field:first-child {
        margin-top: 0;
    }

    .Form-field:last-child {
        margin-bottom: 0;
    }

    .Form-field input[type="text"]:first-child,
    .Form-field input[type="email"]:first-child,
    .Form-field input[type="tel"]:first-child,
    .Form-field input[type="number"]:first-child,
    .Form-field input[type="password"]:first-child,
    .Form-field textarea:first-child {
        width: 100%;
    }

.Form-field--row {
    display: flex;
    flex-direction: row;
}

.Form-field--submit,
.Form-field--forgottenPassword {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

    .Form-field--submit .btn {
        margin: 0 10px;
    }

.Form-label {
    width: 100%;
    margin-bottom: 5px;
    font-family: var(--ff-secondary);
    font-weight: bold;
    font-size: var(--fs-medium);
    text-transform: uppercase;
    color: #9b8e68;
}

.Form-message {
    margin-top: 10px;
}

    .Form-message.error {
        color: #f05050;
    }

/* FORMATTED CONTENT */

.FormattedContent h1 {
    margin: 5px 0 10px;
    font-size: 2.6rem;
}

.FormattedContent h2 {
    margin: 5px 0 10px;
    font-size: 2.3rem;
}

.FormattedContent h3 {
    margin: 5px 0;
    font-size: var(--fs-medium);
}

.FormattedContent p {
    margin: 5px 0;
}

/* SCROLLBARS */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: #dcdcdc;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #595d6c;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #474b5b;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: #333746;
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        opacity: 0.5;
    }

/**
 * OFFLINE
 */

.Offline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.Offline-title {
    font-family: var(--ff-secondary);
    font-size: var(--fs-large);
    text-transform: uppercase;
}

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

/**
 * CONNEXION
 */

.Form--connexion {
    width: 250px;
    max-width: 100%;
    margin-top: 30px;
}

/**
 * HOME
 */

.Container-content--home {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

/* HEADER */

.Header {
    display: flex;
    justify-content: space-between;
    height: auto;
    padding: 0 50px;
    min-height: 0;
    font-family: var(--ff-secondary);
    font-size: var(--fs-medium);
    font-weight: bold;
    text-transform: uppercase;
}

.Header-right,
.Header-center,
.Header-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Header-left {
    color: var(--c-secondary);
}

.Header-center {
    flex: 1 1 auto;
}

.Header-right {
    background-color: #eeebe6;
}

.Header-wrapper .FloatingContainer-button {
    font-size: 2.4rem;
    margin-left: 25px;
}

.Header a {
    text-decoration: none;
}

.Header-logo {
    flex: 0 1 auto;
    width: 75px;
    height: 75px;
    object-fit: contain;
}

.Header-item {
    display: flex;
    align-items: center;
    margin: 0 25px;
}

    .Header-item::before {
        font-size: 2.4rem;
    }

.Header-separator {
    width: 2px;
    height: 45px;
    background-color: currentColor;
}

.Header-item--name {
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Header-item--ephemeris::before {
    font-size: 3.2rem;
}

.Header-item--lienDeconnexion {
    margin-right: 0;
}

/* DATETIME */

.DateTime {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.DateTime-time {
    opacity: .5;
}

/* WEATHER */

.Weather {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.Weather-item {
    font-family: var(--ff-primary);
    font-size: 1.3rem;
    color: var(--c-primary);
    text-transform: capitalize;
    text-align: center;
    opacity: .6;
}

    .Weather-item:first-child {
        opacity: 1;
    }

.Weather-icon {
    width: 25px;
    height: 25px;
    background-size: contain;
}

.Weather-temp {
    font-weight: normal;
}

/* NOTIFICATIONS */

.Notifications-button {
    font-size: 2.4rem;
}

.Notifications-counter {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 8px;
    border-radius: 50%;
    background: var(--c-secondary);
    font-family: var(--ff-secondary);
    font-size: 1.3rem;
    line-height: .5rem;
    color: var(--c-secondaryContrast);
}

.Notifications-listing {
    width: 400px;
}

    .Notifications-listing .Block-content:empty::before {
        content: "Aucune notification pour le moment";
    }

.Notifications-item {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
}

.Notifications-item--clickable {
    cursor: pointer;
}

.Notifications-title {
    flex: 1 1 50%;
    margin: 0 5px 0 0 !important;
    font-family: Barlow,sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
}

.Notifications-date {
    font-size: 1.2rem;
    font-weight: 300;
}

.Notifications-content {
    flex: 0 1 100%;
    font-family: var(--ff-primary);
    font-size: var(--fs-normal);
    font-weight: normal;
    text-transform: none;
}

/* SEARCH BAR */

.SearchBar {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    max-width: 500px;
    width: 100%;
    margin: 0 15px;
}

.SearchBar-input {
    flex: 1 1 auto;
}

    .SearchBar-input::placeholder {
        font-style: italic;
    }

.SearchBar-submitBtn {
    margin-left: 15px;
}

/* SEARCH RESULTS */

.SearchResults {
    overflow-y: scroll;
}

    .SearchResults:empty::before {
        content: "Votre recherche n'a donné aucun résultat...";
    }

.SearchResult {
    display: flex;
    justify-content: space-between;
    margin: 5px 10px 5px 0;
    text-decoration: none;
}

.SearchResult-title {
    font-weight: bold;
    text-decoration: underline;
}

.SearchResult:hover .SearchResult-title {
    text-decoration: none;
}

.SearchResult-type {
    font-style: italic;
    color: var(--c-primaryLight);
    margin-left: 10px;
}

    .SearchResult-type::before {
        content: "(";
    }

    .SearchResult-type::after {
        content: ")";
    }

/* CONTENT */

.MainContent {
    display: flex;
    flex: 1 1 auto;
}

.MainContent-innerContent {
    display: flex;
    justify-content: center;
}

/* BIRTHDAYS */

.Birthdays {
    display: flex;
    flex-direction: column;
}

    .Birthdays:empty::before {
        content: "Aucun anniversaire ce mois-ci";
        color: rgba(255,255,255,.5);
    }

.Birthday {
    display: flex;
}

    .Birthday.isHighlighted {
        font-weight: bold;
    }

.Birthday-date {
    margin-right: 25px;
    flex: 0 1 45px;
    text-align: center;
}

/* DOCS */

.Docs {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.Doc {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 120px;
    text-align: center;
    text-decoration: none;
}

.Doc-icon {
    font-size: 2.8rem;
}

.Doc-title {
    font-family: var(--ff-secondary);
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
}

    .Doc-title:hover {
        text-decoration: none;
    }

/* LINKS */

.Links {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.Links-title {
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.Links-content:empty::before {
    content: "Aucun lien pour le moment";
}

.Links-item {
    display: flex;
    margin: 5px 0;
    list-style: none;
}

    .Links-item::before {
        content: "\e90e";
        margin-right: .8rem;
        font-family: "IntranetIcons" !important;
        font-size: .9em;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

.Links-link {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Links-deleteBtn {
    visibility: hidden;
}

.Links-item:hover > .Links-deleteBtn {
    visibility: visible;
}

.Links-deleteBtn::before {
    display: inline-block;
    transform: rotate3d(0, 0, 1, 45deg);
}

/* PICTURES */

.Pictures {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Picture {
    display: inline-block;
    width: 47.5%;
    margin-bottom: 20px;
    outline: none;
    cursor: pointer;
}

.Picture--important {
    width: 100%;
}

.Picture-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* NEWS */

.News .Block-updatePanel {
    height: 100%;
    padding-right: 10px;
    margin-right: -10px;
    overflow: hidden;
}

.News-filters ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 30px;
}

.News-filters li {
    list-style: none;
}

.News-filterTitles {
    display: flex;
}

.News-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .News-list:empty::before {
        content: "Aucune actualité pour le moment";
    }

.News-item {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
}

.News-thumbnail {
    width: 125px;
    height: 125px;
    min-width: 125px;
    min-height: 125px;
    object-fit: cover;
}

.News-content {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.News-infos,
.News-title,
.NewsPopup-infos {
    font-family: var(--ff-secondary);
    font-weight: bold;
    text-transform: uppercase;
}

.News-infos,
.NewsPopup-infos {
    font-size: 1.4rem;
    color: var(--c-secondary);
}

.News-title {
    font-size: 1.8rem;
}

.NewsPopup-infos {
    margin-bottom: 10px;
    font-size: 1.8rem;
    text-align: right;
}

.NewsPopup-pictures .Picture {
    width: 150px;
}

/* BLOCS */

.RH-entities {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.RH-entities--in:empty::before {
    content: "Aucun nouvel arrivant pour le moment";
}

.RH-entities--out:empty::before {
    content: "Aucun départ prévu pour le moment";
}

.RH-entity {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.RH-entityName {
    font-weight: bold;
}

.InnerBlock--birthdays {
    margin: 0 -15px;
    padding: 20px 35px;
    border-radius: var(--s-borderRadius);
    background-color: var(--c-secondary);
    color: var(--c-secondaryContrast);
}

    .InnerBlock--birthdays .InnerBlock-title {
        color: var(--c-secondaryContrast);
    }

.Block--stats .Block-content {
    background-color: var(--c-primary);
    color: var(--c-contentBackground);
}

.Stats {
    display: grid;
    grid-template-columns: 45% 45%;
    column-gap: 20px;
}

.StatsItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: var(--ff-secondary);
    font-weight: bold;
}

.StatsItem-title {
    font-size: var(--fs-small);
    text-align: center;
    color: var(--c-secondary);
    text-transform: uppercase;
}

.StatsItem-value {
    font-size: var(--fs-xlarge);
}

.Podium {
    flex-direction: row;
}

.Podium-col {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    width: 50%;
    min-width: 33%;
}

.PodiumItem {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-family: var(--ff-secondary);
}

.PodiumItem-title {
    width: 0.8em;
    font-size: var(--fs-large);
    font-weight: bold;
    margin-right: 10px;
    color: var(--c-secondary);
}

.PodiumItem-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.PodiumItem-user,
.PodiumItem-location {
    font-size: 1.7rem;
    /*color: var(--c-secondary);*/
}

.PodiumItem-user {
    font-weight: bold;
    margin-right: 10px;
}

.PodiumItem--etab .PodiumItem-title {
    /*color: var(--c-secondary);*/
}

.PodiumItem--etab .PodiumItem-location {
    font-weight: bold;
    /*color: var(--c-primary);*/
}

.Block--perso .Block-content {
    background-color: var(--c-secondary);
    color: var(--c-secondaryContrast);
}

.Block--perso .InnerBlock-title {
    color: var(--c-secondaryContrast);
}

.PersonnalLinks .InnerBlock-title {
    display: flex;
    justify-content: space-between;
}

.PersonnalLinks .Links-content:empty::before {
    color: var(--c-secondaryLight);
}

.PersonnalLinks-btn {
    cursor: pointer;
}

.Tools-row--bottom {
    flex-direction: row;
}

.Tools-title,
.VallatLinks-title {
    margin: 0 0 15px;
    font-family: var(--ff-secondary);
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--c-secondary);
}

.Tools-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.Tools-item,
.VallatLinks-item {
    color: #171c32;
    font-size: 2.8rem;
    text-decoration: none;
}

.Tools-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 3.5rem;
}

    .Tools-item::before {
        margin: 0 !important;
    }

    .Tools-item img {
        max-width: 110px;
        max-height: 110px;
    }

.VallatLinks-vallat .InnerBlock-content {
    display: flex;
    justify-content: space-between;
}

.VallatLinks-vallat ul {
    flex: 1 1 auto;
}

.VallatLinks-external {
    flex-direction: row;
    justify-content: space-between;
    min-height: 0;
}

.VallatLinks-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.VallatLinks-cell {
    display: flex;
    flex-direction: column;
    min-width: 40%;
}

.IdeasBox .Block-content {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
}

.IdeasBox .Block-title {
    margin: 0;
}

.IdeasBox-btn {
    display: flex;
    align-self: center;
    font-size: 2.8rem;
    cursor: pointer;
}

/* PhoneBook */

.Popup--phonebook {
    height: 100%;
}

.PhoneBook {
    overflow-y: scroll;
}

    .PhoneBook .Block-separator {
        margin: 0 5px 0 0;
    }

        .PhoneBook .Block-separator:last-of-type {
            display: none;
        }

.PhoneBookItem {
    display: flex;
    justify-content: flex-start;
    margin: 25px 0;
}

.PhoneBookItem-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.PhoneBookItem-photo {
    width: 100px;
    max-height: 100px;
    object-fit: contain;
}

.PhoneBookItem-center {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    padding: 10px;
}

    .PhoneBookItem-center [class^="icon-"]::before,
    .PhoneBookItem-center [class*=" icon-"]::before {
        display: inline-block;
        width: 1.5rem;
    }

.PhoneBookItem-name {
    font-weight: bold;
}

.PhoneBookItem-job {
    margin-bottom: 5px;
}

.PhoneBookItem-email {
    margin-bottom: 10px;
}

    .PhoneBookItem-email::before {
        display: inline-block;
        font-size: .7em;
        vertical-align: middle;
        text-decoration: none;
    }

.PhoneBookItem-phone {
    display: inline-flex;
    align-items: center;
    margin-right: 25px;
    text-decoration: none;
}

    .PhoneBookItem-phone::before {
        display: inline-block;
        font-size: 1.1em;
    }

    .PhoneBookItem-phone:empty {
        display: none;
    }

.PhoneBookItem-right {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-right: 10px;
}

.PhoneBookItem-detailsBtn {
    padding: 5px;
    font-size: var(--fs-large);
    text-decoration: none;
}

/* Contact */

.Contact-header {
    display: flex;
    font-size: var(--fs-medium);
}

.Contact-photo {
    width: 150px;
    max-height: 150px;
    object-fit: contain;
}

.Contact-headerRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
}

.Contact-name {
    font-weight: bold;
}

.Contact-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}

.Contact-contentLeft {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    flex: 1 1 auto;
}

.Contact-contentRight {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.Contact-phone {
    text-decoration: none;
}

    .Contact-phone:empty {
        display: none;
    }

.Contact-email::before {
    display: inline-block;
    font-size: .7em;
    text-decoration: none;
}

.Contact-item {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

.Contact-itemTitle {
    font-family: var(--ff-secondary);
    font-size: var(--fs-small);
    color: var(--c-secondary);
    text-transform: uppercase;
}

/* Organigramme */

.debug .google-visualization-orgchart-table,
.debug .google-visualization-orgchart-table td {
    outline: 1px solid lightgreen;
}

.Popup--orgchart {
    width: 100%;
    background-color: var(--c-containerBackground);
}

.OrgChart-backBtn {
    position: absolute;
    margin-top: -18px;
}

.OrgChart-main {
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    user-select: none;
}

.OrgChart-table {
    margin: 0 auto;
    border-collapse: separate;
}

.OrgChartNode {
    width: 0;
    min-width: 110px;
    height: 100%;
    padding: 0 !important;
    border-radius: var(--s-borderRadius);
    vertical-align: middle;
    background-color: var(--c-primaryContrast);
    box-shadow: var(--bs-contentShadow);
    overflow: hidden;
    color: var(--c-primary);
    cursor: pointer;
    transition: all 200ms linear;
}

.OrgChartNode--selected {
    background-color: var(--c-primary);
    color: var(--c-primaryContrast);
}

.OrgChartNode--fake {
    visibility: hidden;
    pointer-events: none;
}

.OrgChartNode--entity:not(.OrgChartNode--v1) {
    background-color: var(--c-secondary);
    color: var(--c-secondaryContrast);
}

.OrgChartItem {
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0 !important;
}

.OrgChartItem-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.OrgChartItem--entity .OrgChartItem-content,
.OrgChartItem--establishment .OrgChartItem-content,
.OrgChartItem--businessUnit .OrgChartItem-content {
    padding: 10px 15px;
    box-sizing: border-box;
    font-family: var(--ff-secondary);
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: .1rem;
    text-align: center;
    text-transform: uppercase;
}

.OrgChartItem--v1::before {
    content: "";
    min-height: 100%;
    min-width: 85px;
    background: url("/images/logo.svg") no-repeat center center / cover;
}

.OrgChartItem--v1 .OrgChartItem-content {
    text-align: left;
}

.OrgChartItem--user {
    margin: 0;
    min-width: 250px;
}

    .OrgChartItem--user .PhoneBookItem-left,
    .OrgChartItem--user .PhoneBookItem-photo {
        height: 100%;
    }

    .OrgChartItem--user .PhoneBookItem-left {
        flex: 0 0 50%;
        width: 130px;
        height: 130px;
        min-width: 130px;
        min-height: 130px;
        padding: 5px;
        box-sizing: border-box;
    }

    .OrgChartItem--user .PhoneBookItem-photo {
        max-height: none;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        object-fit: cover;
    }

    .OrgChartItem--user .PhoneBookItem-center {
        padding: 5px 15px;
        box-sizing: border-box;
    }

    .OrgChartItem--user .PhoneBookItem-job,
    .OrgChartItem--user .PhoneBookItem-businessUnit {
        color: var(--c-secondary);
    }

    .OrgChartItem--user .PhoneBookItem-job {
        margin: 5px 0;
    }

.OrgChart .google-visualization-orgchart-connrow-medium {
    height: 20px;
}

.OrgChart .google-visualization-orgchart-linetop {
    border-top: 2px solid var(--c-primaryLight);
}

.OrgChart .google-visualization-orgchart-lineright {
    border-right: 2px solid var(--c-primaryLight);
}

.OrgChart .google-visualization-orgchart-linebottom {
    border-bottom: 2px solid var(--c-primaryLight);
}

.OrgChart .google-visualization-orgchart-lineleft {
    border-left: 2px solid var(--c-primaryLight);
}

.OrgChart .google-visualization-orgchart-linenode {
    min-width: 10px;
}

/**
 * RESPONSIVE
 */

@media screen and (max-width: 1590px) {
    .MainContent-innerContent {
        flex-wrap: wrap;
    }

    /*    .Col--4 {
        flex-direction: row;
        max-width: none;
    }
}

@media screen and (max-width: 1270px) {*/
    .Col,
    .Col--4 {
        max-width: 46%;
    }

    .Col--4 {
        flex-direction: column;
    }
}

@media screen and (min-width: 1200px) {
    .Header-wrapper .FloatingContainer-button {
        display: none;
    }

    .Header-wrapper .FloatingContainer-block {
        position: static;
        display: block;
        width: auto;
        max-height: none;
    }

        .Header-wrapper .FloatingContainer-block::before {
            display: none;
        }

    .Header-wrapper .Block-content {
        flex-direction: row;
        align-items: center;
        gap: 0;
        margin: 0;
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }
}

@media screen and (max-width: 1199px) {
    .Header-wrapper .Block-content {
        align-items: center;
    }

    .Header-wrapper .Header-separator {
        height: 2px;
        width: 100%;
    }
}

@media screen and (max-width: 1070px) {
    .OrgChartLine {
        flex-direction: column;
    }

    .OrgChartLine-title {
        flex-basis: auto;
        margin-top: 0;
    }
}

@media screen and (max-width: 880px) {
    .Col {
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 750px) {
    .Header {
        flex-wrap: wrap;
    }

    .Header-center {
        order: 3;
        margin: 15px 0 0;
    }
}

@media screen and (max-width: 550px) {
    .Header {
        padding: 0;
    }

    .InnerContent {
        padding: 50px 15px;
    }

    .Popup {
        min-width: 0;
        max-width: 100vw;
        width: 100%;
        padding: 30px 15px 20px;
    }

    .PhoneBookItem-photo {
        max-width: 13vw;
    }

    .Contact-photo {
        max-width: 17vw;
    }
}

@media screen and (max-width: 460px) {
    .Col > .Row {
        flex-direction: column;
        gap: 50px;
    }

    .Row > .Block > .Block-title {
        align-self: start;
        margin-left: 25px;
    }
}

@media screen and (max-width: 445px) {
    .Header-item--name {
        display: none;
    }

    .Header-item--lienDeconnexion {
        margin-right: 25px;
    }
}

/**
 * iOS
 */

.iOS .Col,
.iOS .Block,
.iOS .Col > .Row {
    margin: 0 0 50px 0;
}

    .iOS .Col:last-child,
    .iOS .Block:last-child {
        margin-bottom: 0;
    }

.iOS .Block-content > .InnerBlock,
.iOS .Block-content > .Block-separator {
    margin: 0 0 25px 0;
}

    .iOS .Block-content > .InnerBlock:last-child,
    .iOS .Block-content > .Block-separator:last-child {
        margin-bottom: 0;
    }

.iOS .Block-content > .Header-item {
    margin: 25px;
}

    .iOS .Block-content > .Header-item:first-child {
        margin-top: 0;
    }

    .iOS .Block-content > .Header-item:last-child {
        margin-bottom: 0;
    }

.iOS .Weather > .Weather-item {
    margin: 0 20px 0 0;
}

    .iOS .Weather > .Weather-item:last-child {
        margin-right: 0;
    }

.iOS .Links > .Links-category {
    margin: 0 0 25px 0;
}

    .iOS .Links > .Links-category:last-child {
        margin-bottom: 0;
    }

.iOS .News-filters ul > li {
    margin: 5px 10px;
}

.iOS .News-list > .News-item {
    margin: 0 0 10px 0;
}

    .iOS .News-list > .News-item:last-child {
        margin-bottom: 0;
    }

.iOS .News-thumbnail {
    margin-right: 20px;
    min-height: 0;
    height: 96px;
}

.iOS .News-desc {
    max-height: 21px;
}