/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

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


/* make sure to set some focus styles for accessibility */

:focus {
    outline: 0;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
    padding: 15px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}


/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
    *display: inline;
    *zoom: 1;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}


/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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


/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    /* 1 */
    -ms-interpolation-mode: bicubic;
    border: 0;
    /* 2 */
}


/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}


/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid #c0c0c0;
}


/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    /* 1 */
    padding: 0;
    white-space: normal;
    border: 0;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}


/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}


/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    /* 2 */
    cursor: pointer;
    -webkit-appearance: button;
    /* 3 */
    *overflow: visible;
    /* 4 */
}


/**
 * Re-set default cursor for disabled elements.
 */

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


/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type=search] {
    -webkit-box-sizing: content-box;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/**
 * Remove most spacing between table cells.
 */

table {
    border-spacing: 0;
    border-collapse: collapse;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: .2em 0;
    padding: .2em 0;
    color: #000;
    background: #ccc;
}

html,
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    position: relative;
    background: #f9f9f9;
    background: var(--bg-color);
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

b,
strong {
    font-weight: 600;
}

#legal-popup .popup-body {
    overflow-y: auto;
}

#legal-popup.popup-container.popup-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: popup-open .25s;
    animation: popup-open .25s;
}

#legal-popup.popup-container {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    display: none;
    flex-direction: row;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
}

#legal-popup.popup-container .popup {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 80%;
    height: 95%;
    padding: 15px 25px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

#legal-popup.popup-container .txt {
    display: none;
}

#legal-popup.popup-container .show {
    display: block;
}

#legal-popup ul {
    padding: revert;
    margin: revert;
    list-style: revert;
}

body.popup-open {
    overflow: hidden;
    height: 100vh;
}

h2.title.mobile, h2.title.mobile-offer, .mobile-carrousel {
    display: none;
}

@media screen and (max-width: 860px) {
    h2.title.mobile {
        font-size: 1.4em;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        min-height: 90px;
        margin: 0 auto;
        margin-top: -24px;
        margin-bottom: 24px;
        padding: 12px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        background: -webkit-gradient(linear, left top, right top, from(rgba(72, 72, 72, .8)), to(rgba(72, 72, 72, .8))), var(--header-bg);
        background: linear-gradient(to right, rgba(72, 72, 72, .8), rgba(72, 72, 72, .8)), "";
        background: linear-gradient(to right, rgba(72, 72, 72, .8), rgba(72, 72, 72, .8)), var(--header-bg);
        background-size: cover;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.main-header {
    position: fixed;
    z-index: 1;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: var(--header-height);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-header .header-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--header-bg);
    background-position: center;
    background-size: cover;
}

.main-header .header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(72, 72, 72, .59);
}

.main-header .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 1250px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-header .container h1,
.main-header .container p {
    text-align: center;
    color: white;
}

.main-header .container h1 {
    font-size: 2em;
    line-height: 1.3em;
}

@media screen and (max-width: 860px) {
    .main-header {
        display: none;
    }
}

.navs {
    position: fixed;
    z-index: 3;
    top: 0;
    width: 100%;
    height: 50px;
    -webkit-transition: height .25s;
    transition: height .25s;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.main-nav,
.second-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 50px;
    -webkit-transition: all .25s;
    transition: all .25s;
    background: #fff;
    background: var(--bg-color2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-nav .container,
.second-nav .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    max-width: 1250px;
    height: 100%;
    margin-right: 32px;
    margin-left: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-nav .container .menu-buttons,
.second-nav .container .menu-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-nav .container .arrow-back,
.second-nav .container .arrow-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-nav .container .arrow-back:hover,
.second-nav .container .arrow-back:hover {
    cursor: pointer;
}

.main-nav .container .arrow-back svg path,
.second-nav .container .arrow-back svg path {
    fill: #60787c !important;
    fill: var(--accent-color) !important;
}

.main-nav .container .menu-button,
.second-nav .container .menu-button {
    display: none;
    width: 50px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-nav .container .menu-button:hover,
.second-nav .container .menu-button:hover {
    cursor: pointer;
}

.main-nav .container .menu-button svg line,
.second-nav .container .menu-button svg line {
    -webkit-transition: all .25s;
    transition: all .25s;
    stroke: #4c84ec !important;
    stroke: var(--primary-color) !important;
}

.main-nav .container .brand,
.second-nav .container .brand {
    display: block;
    height: 100%;
    margin-right: 16px;
}

.main-nav .container .brand img,
.second-nav .container .brand img {
    max-height: 100%;
}

.main-nav .container .title,
.second-nav .container .title {
    display: none;
}

.main-nav .container .menu,
.second-nav .container .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
}

.main-nav .container .menu .menu-item,
.second-nav .container .menu .menu-item {
    height: 100%;
}

.main-nav .container .menu .menu-item {
    position: relative;
}

.menu-item a span.dot {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: var(--primary-color);
    border-radius: 50%;
    margin-bottom: 15px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: var(--font-primary-color);
    border: 1px solid var(--primary-color);
}

.menu-item a span.dot[data-nb-messages=""] {
    display: none;
}

.main-nav .container .menu .menu-item svg,
.second-nav .container .menu .menu-item svg {
    display: none;
}

.main-nav .container .menu .menu-item a,
.second-nav .container .menu .menu-item a {
    font-weight: 600;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* width: 120px; */
    height: 100%;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #373737;
    color: var(--font-color);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-nav .container .menu .menu-item a::after,
.second-nav .container .menu .menu-item a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: '';
    -webkit-transition: height .25s;
    transition: height .25s;
    background-color: #4c84ec;
    background-color: var(--primary-color);
}

.main-nav .container .menu .menu-item a:hover,
.second-nav .container .menu .menu-item a:hover {
    background-color: rgba(0,0,0,0.05);
}

.main-nav .container .menu .menu-item a:hover::after,
.second-nav .container .menu .menu-item a:hover::after {
    height: 2px;
    background-color: #4c84ec;
    background-color: var(--primary-color);
}

.main-nav .container .menu .menu-item.active>a::after,
.second-nav .container .menu .menu-item.active>a::after {
    height: 4px;
    background-color: #4c84ec;
    background-color: var(--primary-color);
}

.main-nav .container .menu .menu-item.dropdown,
.second-nav .container .menu .menu-item.dropdown {
    position: relative;
}

.main-nav .container .menu .menu-item.dropdown>a,
.second-nav .container .menu .menu-item.dropdown>a {
    cursor: pointer;
    padding: 5px 20px 5px 10px;
}

.main-nav .container .menu .menu-item.dropdown>a::before,
.second-nav .container .menu .menu-item.dropdown>a::before {
    font-size: .7em;
    position: absolute;
    right: 2px;
    content: '\0025BC';
}

.main-nav .container .menu .menu-item.dropdown ul,
.second-nav .container .menu .menu-item.dropdown ul {
    position: absolute;
    z-index: 2;
    top: 100%;
    display: none;
    overflow: auto;
    max-height: 300px;
    min-width: 250px;
    padding-bottom: 4px;
    padding-top: 4px;
    /*border-radius: 5px;*/
    background: #fff;
    background: var(--bg-color2);
    border-top: 2px solid var(--primary-color);
    /*-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);*/
    /*        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);*/
    -webkit-box-shadow: 0 2px 1px -1px rgba(var(--primary-color-rgb), .2), 0 1px 1px 0 rgba(var(--primary-color-rgb), .14), 0 1px 3px 0 rgba(var(--primary-color-rgb), .12);
    box-shadow: 0 2px 1px -1px rgba(var(--primary-color-rgb), .2), 0 1px 1px 0 rgba(var(--primary-color-rgb), .14), 0 1px 3px 0 rgba(var(--primary-color-rgb), .12);
}

.main-nav .container .menu .menu-item.dropdown ul li.cat,
.second-nav .container .menu .menu-item.dropdown ul li.cat {
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 8px 10px;
    color: #373737;
    /*color: var(--font-color);*/
    color: var(--font-primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.5);
}

.main-nav .container .menu .menu-item.dropdown ul li.separator,
.second-nav .container .menu .menu-item.dropdown ul li.separator {
    height: 3px !important;
    width: 100%;
    background: #EFEFEF;
}

.main-nav .container .menu .menu-item.dropdown ul li a,
.second-nav .container .menu .menu-item.dropdown ul li a {
    width: 100%;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
}

.main-nav .container .menu .menu-item.dropdown ul li a::after,
.second-nav .container .menu .menu-item.dropdown ul li a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    -webkit-transition: all .25s;
    transition: all .25s;
    background: #4c84ec;
    background: var(--primary-color);
}

.main-nav .container .menu .menu-item.dropdown ul li a:hover::after,
.second-nav .container .menu .menu-item.dropdown ul li a:hover::after {
    width: 3px;
}

.main-nav .container .menu .menu-item.dropdown ul li.active>a::after,
.second-nav .container .menu .menu-item.dropdown ul li.active>a::after {
    width: 5px;
}

.main-nav .container .menu .menu-item.dropdown:hover ul,
.second-nav .container .menu .menu-item.dropdown:hover ul {
    display: block;
}

.main-nav .container .menu .menu-item.dropdown .dropdown ul,
.second-nav .container .menu .menu-item.dropdown .dropdown ul {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    z-index: 100;
}

.main-nav .container .menu .menu-item.dropdown .dropdown>a::before,
.main-nav .container .menu .menu-item.dropdown .dropdown>a::before {
    transform: rotateZ(-90deg);
}

.main-nav .container .menu .menu-item.dropdown .dropdown:hover ul {
    display: block;
}

.main-nav .container .menu .menu-item.dropdown .dropdown:hover > a {
    background-color: rgba(0,0,0,0.05);
}

.main-nav .container .menu .menu-item-button,
.second-nav .container .menu .menu-item-button {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-nav .container .menu .menu-item-button button,
.second-nav .container .menu .menu-item-button button {
    font-size: .9em;
    height: 100%;
    max-height: 40px;
    -webkit-transition: all .25s;
    transition: all .25s;
    vertical-align: middle;
    text-transform: uppercase;
}

.main-nav .container .menu.left,
.second-nav .container .menu.left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.second-nav {
    position: absolute;
    width: 100%;
    height: 75px;
    background-color: #f2f2f2;
}

.has-second-nav .navs {
    height: 125px;
}

.has-second-nav .navs .main-nav {
    height: 50px;
}

.has-header .navs .main-nav .btn,
.has-header .navs .main-nav .danger.flat,
.has-header .navs .main-nav #applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center .has-header .navs .main-nav .danger.btn.rounded,
.has-header .navs .main-nav #applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center .has-header .navs .main-nav button.danger.rounded {
    max-height: 48px !important;
}

.has-header .navs {
    position: absolute;
    height: 75px;
    margin-top: var(--header-height);
}

.has-header .navs .main-nav {
    position: relative;
    z-index: 1;
    height: 75px;
}

.has-header .navs .second-nav {
    z-index: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.show-second-nav .navs {
    position: absolute;
    top: 0;
    left: 0;
    height: 125px;
    margin-top: var(--header-height);
}

.show-second-nav .navs .main-nav {
    height: 50px;
}

.show-second-nav .navs .main-nav .btn,
.show-second-nav .navs .main-nav .danger.flat,
.show-second-nav .navs .main-nav #applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center .show-second-nav .navs .main-nav .danger.btn.rounded,
.show-second-nav .navs .main-nav #applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center .show-second-nav .navs .main-nav button.danger.rounded {
    line-height: 14px !important;
    max-height: 40px !important;
}

.show-second-nav .navs .second-nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fixed-nav .navs {
    position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    margin-top: 0;
}

.fixed-nav .navs .main-nav {
    height: 50px;
}

.fixed-nav .navs .main-nav .btn,
.fixed-nav .navs .main-nav .danger.flat,
.fixed-nav .navs .main-nav #applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center .fixed-nav .navs .main-nav .danger.btn.rounded,
.fixed-nav .navs .main-nav #applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center .fixed-nav .navs .main-nav button.danger.rounded {
    line-height: 14px !important;
    max-height: 40px !important;
}

.fixed-nav.has-second-nav .navs {
    height: 125px;
}

.fixed-nav.has-second-nav .navs .second-nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dropdown.language>a {
    width: 50px !important;
}

.dropdown.language>ul {
    width: 45px !important;
}

.logout>a {
    width: 45px !important;
}

.logout svg {
    display: block !important;
}

.logout svg path {
    fill: #60787c;
    fill: var(--accent-color);
}

.logout span {
    display: none;
}

.side-nav {
    position: fixed;
    z-index: 100;
    top: 50px;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    max-height: 100%;
    padding-bottom: 0;
    -webkit-transition: all .25s;
    transition: all .25s;
    pointer-events: none;
    background-color: transparent;
    background-color: #fff;
    background-color: var(--bg-color2);
}

.side-nav .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: var(--bg-color2);
}

.side-nav .container .menu.left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.side-nav .container .menu.left>.cat {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    padding-left: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #373737;
    color: var(--font-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.side-nav .container .menu.left>.menu-item {
    position: relative;
    height: 50px;
}

.side-nav .container .menu.left .menu-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-left: 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #373737;
    color: var(--font-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.side-nav .container .menu.left .menu-item.small {
    font-size: .9em;
    height: 30px;
}

.side-nav .container .menu.left>.menu-item.small > a {
    padding-left: 48px;
    text-align: left;
}

.side-nav .container .menu.left>.menu-item > a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    -webkit-transition: all .25s;
    transition: all .25s;
    background: #4c84ec;
    background: var(--primary-color);
}

.side-nav .container .menu.left>.menu-item:hover > a::after {
    width: 3px;
}

.side-nav .container .menu.left>.menu-item.active > a::after {
    width: 5px;
}

.side-nav .container .menu.right .menu-item-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.side-nav .container .menu.left > .menu-item.small.dropdown {
    height: auto;
    padding-left: 48px;
    padding-right: 48px;
}

.side-nav .container .menu.left > .menu-item.small.dropdown ul {
    position: relative;
    display: none;
}

.side-nav .container .menu.left > .menu-item.small.dropdown.active {
    background: rgba(0,0,0,0.05);
}

.side-nav .container .menu.left > .menu-item.small.dropdown.active ul {
    display: block;
}

.side-nav .container .menu.left .dropdown > p {
    position: relative;
    height: 30px;
    font-size: 14.4px;
    line-height: 30px;
}

.side-nav .container .menu.left .dropdown > p::after {
    font-size: .7em;
    position: absolute;
    right: 2px;
    content: '\0025BC';
    transform: rotateZ(-180deg);
}


.side-nav .container .menu.left .dropdown.active > p::after {
    transform: rotateZ(0deg);
}

.menu-open .side-nav {
    height: auto;
    overflow: auto;
    padding-bottom: 16px;
    pointer-events: all;
    border-bottom: 1px solid rgba(160, 160, 160, .2);
}

@media screen and (min-width: 860px) {
    .menu-open .side-nav {
        display: none;
    }
}

.menu-open .side-nav .container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu-open .main-nav .menu-button svg {
    overflow: visible;
}

.menu-open .main-nav .menu-button svg line:nth-child(1) {
    -webkit-transform: translate(25.5px, 121.5px) rotate(44deg);
    transform: translate(25.5px, 121.5px) rotate(44deg);
}

.menu-open .main-nav .menu-button svg line:nth-child(2) {
    -webkit-transform: translate(12.5px, 130px) rotate(44deg);
    transform: translate(12.5px, 130px) rotate(44deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.menu-open .main-nav .menu-button svg line:nth-child(3) {
    -webkit-transform: translate(25.5px, 141.5px) rotate(-44deg);
    transform: translate(25.5px, 141.5px) rotate(-44deg);
}

@media screen and (max-width: 860px) {
    .navs {
        position: fixed !important;
        height: 50px !important;
        margin-top: 0 !important;
    }
    .navs .main-nav {
        height: 50px !important;
    }
    .navs .main-nav .container {
        margin-right: 0 !important;
        margin-left: 0 !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .navs .main-nav .container .brand {
        margin-right: 0 !important;
    }
    .navs .main-nav .container .menu-button {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .navs .main-nav .container .menu-button svg {
        max-height: 20px;
    }
    .navs .main-nav .container .menu.left {
        display: none !important;
    }
    .navs .main-nav .container .menu-item {
        display: none;
    }
    .navs .main-nav .container .menu-item.language,
    .navs .main-nav .container .menu-item.logout {
        display: block;
    }
    .navs .main-nav .container .menu-item a {
        width: 50px !important;
    }
    .navs .main-nav .container .menu-item a svg {
        max-height: 25px;
    }
    .navs .main-nav .container .menu-item a svg path {
        fill: #60787c !important;
        fill: var(--accent-color) !important;
    }
    .navs .main-nav .container .menu-item a span {
        display: none;
    }
    .navs .main-nav .container .menu-item-button {
        display: none !important;
    }
    .navs .main-nav .container .menu-item-button button {
        font-size: .85em !important;
        height: 40px !important;
    }
    .navs .second-nav {
        display: none;
    }
    /*.main-nav {

        .container {
            margin-left: 0 !important;
            margin-right: 0 !important;
            justify-content: space-between !important;
        }

        .brand {
            margin-right: 0 !important;
        }

        .menu-button {
            display: flex !important;
            svg {
                max-height: 20px;
            }
        }
        .menu.left {
            display: none !important;
        }
        .menu-item {
            display: none;
            &.language, &.logout {
                display: block;
            }
            a {
                width: 50px !important;

                svg {
                    max-height: 25px;
                    path {
                        fill: var(--accent-color) !important;
                    }
                }
                span {
                    display: none;
                }
            }
        }
        .menu-item-button {
            display: none !important;
            button {
                height: 40px !important;
                font-size: 0.85em !important;
            }
        }
    }*/
}

.main-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 48px;
    padding: 10px;
    font-size: 14px;
    background-color: #707070;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-footer .container {
    width: 100%;
    max-width: 1250px;
}

.main-footer .container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-footer .container ul li a {
    font-size: 1.1em;
    padding: 0 8px;
    text-decoration: none;
    color: #fff;
}

.main-footer .container p {
    text-align: center;
    color: #fff;
}

.main-content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f9f9f9;
    background: var(--bg-color);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-content .container {
    width: 100%;
    max-width: 1250px;
    height: 100%;
    padding-top: 48px;
}

@media screen and (max-width: 860px) {
    .main-content .container {
        padding-top: 24px;
    }
}

.has-header .main-content {
    margin-top: var(--main-top);
}

@media screen and (min-width: 860px) {
    .show-second-nav .main-content {
        padding-top: 25px;
    }
}

@media screen and (max-width: 860px) {
    .main-content {
        margin-top: 50px !important;
    }
}

section {
    margin-bottom: 32px;
    padding: 8px;
}

section .section-title {
    font-size: 1.5em;
    font-weight: 600;
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 16px;
    text-transform: uppercase;
}

section .section-title::after {
    position: absolute;
    bottom: -10px;
    left: 10px;
    width: 100%;
    height: 4px;
    content: '';
    border-radius: 2px;
    background: var(--main-color);
}

.has-sidebar {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 16px 350px;
    grid-template-columns: auto 350px;
    grid-gap: 16px;
}

.has-sidebar aside {
    padding: 8px;
}

@media screen and (max-width: 992px) {
    .has-sidebar {
        -ms-grid-rows: auto 16px auto;
        grid-template-rows: auto auto;
        -ms-grid-columns: auto;
        grid-template-columns: 100%;
    }
    .has-sidebar>*:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .has-sidebar>*:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .has-sidebar section {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .has-sidebar aside {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

button,
.btn,
.danger.flat,
#applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center button.danger.rounded {
    font-family: inherit;
    height: 36px;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
    color: var(--font-primary-color);
    border: none;
    border-radius: 10px;
    background-color: #4c84ec;
    background-color: var(--primary-color);
}

button svg,
.btn svg,
.danger.flat svg,
#applications-popup .btn-group.center .danger.btn.rounded svg,
#applications-popup .btn-group.center button.danger.rounded svg {
    height: 100%;
}

button:hover,
.btn:hover,
.danger.flat:hover,
#applications-popup .btn-group.center .danger.btn.rounded:hover,
#applications-popup .btn-group.center button.danger.rounded:hover {
    cursor: pointer;
    background-color: #3574ea;
    background-color: var(--primary-color-dark);
}

button:active,
.btn:active,
.danger.flat:active,
#applications-popup .btn-group.center .danger.btn.rounded:active,
#applications-popup .btn-group.center button.danger.rounded:active {
    background-color: #1e64e7;
    background-color: var(--primary-color-dark2);
}

button.flat,
#applications-popup .btn-group.center button.btn.rounded,
#applications-popup .btn-group.center button.rounded.danger.flat,
#applications-popup .btn-group.center button.rounded,
.btn.flat,
.flat.danger,
#applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center .btn.rounded,
#applications-popup .btn-group.center .rounded.danger.flat {
    color: #4c84ec;
    color: var(--primary-color);
    border: 1px solid #4c84ec;
    border: 1px solid var(--primary-color);
    background-color: transparent;
}

button.flat:hover,
#applications-popup .btn-group.center button.rounded:hover,
.btn.flat:hover,
.flat.danger:hover,
#applications-popup .btn-group.center button.danger.rounded:hover,
#applications-popup .btn-group.center .btn.rounded:hover,
#applications-popup .btn-group.center .rounded.danger.flat:hover {
    color: #fff;
    color: var(--font-primary-color);
    background-color: #4c84ec;
    background-color: var(--primary-color);
}

button.accent,
.btn.accent,
.accent.danger.flat,
#applications-popup .btn-group.center .accent.danger.btn.rounded,
#applications-popup .btn-group.center .danger.rounded#btnStartTest,
#applications-popup .btn-group.center button.accent.danger.rounded,
#btnStartTest {
    color: #fff;
    color: var(--font-accent-color);
    background-color: #60787c;
    background-color: var(--accent-color);
}

button.accent:hover,
.btn.accent:hover,
.accent.danger.flat:hover,
#applications-popup .btn-group.center .accent.danger.btn.rounded:hover,
#applications-popup .btn-group.center .danger.rounded#btnStartTest:hover,
#applications-popup .btn-group.center button.accent.danger.rounded:hover,
#btnStartTest:hover {
    cursor: pointer;
    background-color: #556a6e;
    background-color: var(--accent-color-dark);
}

button.accent:active,
.btn.accent:active,
.accent.danger.flat:active,
#applications-popup .btn-group.center .accent.danger.btn.rounded:active,
#applications-popup .btn-group.center .danger.rounded#btnStartTest:active,
#applications-popup .btn-group.center button.accent.danger.rounded:active,
#btnStartTest:active {
    background-color: #4a5c5f;
    background-color: var(--accent-color-dark2);
}

button.danger,
.btn.danger,
.danger.flat,
#applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center button.danger.rounded {
    color: #fff;
    background-color: #dc3545;
}

button.danger.flat,
#applications-popup .btn-group.center button.danger.rounded,
.btn.danger.flat,
.danger.flat,
#applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center .danger.rounded.flat {
    color: #dc3545;
    border: 1px solid #dc3545;
    background-color: transparent;
}

button.danger.flat:hover,
#applications-popup .btn-group.center button.danger.rounded:hover,
.btn.danger.flat:hover,
.danger.flat:hover,
#applications-popup .btn-group.center .danger.btn.rounded:hover,
#applications-popup .btn-group.center button.danger.rounded:hover,
#applications-popup .btn-group.center .danger.rounded.flat:hover {
    color: #fff;
    background-color: #dc3545;
}

button.rounded,
.btn.rounded,
.rounded.danger.flat {
    color: #4c84ec;
    color: var(--primary-color);
    border: 1px solid #4c84ec;
    border: 1px solid var(--primary-color);
    border-radius: 34px;
    background-color: transparent;
}

.chips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    max-width: 350px;
    min-height: 32px;
    padding: 5px 10px;
    cursor: text;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    background: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chips .chips-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chips svg {
    max-width: 20px;
    height: 20px;
}

.chips svg path {
    fill: #919191;
}

.chips input {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    width: 10px;
    max-width: calc(100% - 8px);
    padding-left: 5px;
    color: #373737;
    color: var(--font-color);
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.chips .chips-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    max-width: 100%;
    padding-left: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.chips .chips-container .text-measurement {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
}

.chips .chips-container .chip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
    height: 20px;
    margin: 2px;
    padding: 2px;
    padding: 0 5px;
    border-radius: 5px;
    background-color: #4c84ec;
    background-color: var(--primary-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chips .chips-container .chip~input::-webkit-input-placeholder {
    color: transparent;
}

.chips .chips-container .chip~input::-moz-placeholder {
    color: transparent;
}

.chips .chips-container .chip~input:-ms-input-placeholder {
    color: transparent;
}

.chips .chips-container .chip~input::-ms-input-placeholder {
    color: transparent;
}

.chips .chips-container .chip~input::placeholder {
    color: transparent;
}

.chips .chips-container .chip:first-child:nth-last-child(n + 4) span:first-child,
.chips .chips-container .chip:first-child:nth-last-child(n + 4)~.chip span:first-child {
    max-width: 66px;
}

.chips .chips-container .chip span {
    line-height: 20px;
    display: block;
    overflow: hidden;
    height: 100%;
    text-overflow: ellipsis;
    color: #fff;
    color: var(--font-primary-color);
}

.chips .chips-container .chip span:last-child {
    font-size: .75em;
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    text-align: center;
    border-radius: 50%;
}

.chips .chips-container .chip span:last-child:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .2);
}

.form-input-nav {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-direction: row;
    width: 100%;
    max-width: 350px;
    min-height: 32px;
    padding: 5px 10px;
    cursor: text;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    background: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-input-nav .img {
    max-width: 20px;
    height: 20px;
}

.form-input-nav .img path {
    fill: #919191;
}


/* .form-input-nav .img + input */


/* { */


/* margin-left: 8px; */


/* } */

.form-input-nav input {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    min-width: 0;
    padding-left: 10px;
    color: #373737;
    color: var(--font-color);
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
}

.form-input.grey {
    padding: 8px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #f9f9f9;
}

.form-input>label,
.form-input .label {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 8px;
    margin-left: 10px;
    color: #373737;
    color: var(--font-color);
}

.form-input input,
.form-input select,
.form-input textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    position: relative;
    height: 34px;
    padding: 5px 10px;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #373737;
    color: var(--font-color);
    border: 1px solid #cecece;
    border-radius: 5px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-input input:focus,
.form-input select:focus,
.form-input textarea:focus {
    border-color: #60787c;
    border-color: var(--accent-color);
}

.form-input .error {
    font-family: 'Open Sans', sans-serif;
    font-size: .8em;
    font-style: italic;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 10px;
    color: #dc3545;
}

.form-input .error:empty {
    display: none;
}

.form-input i {
    font-size: .7em;
    font-style: italic;
    margin-left: 10px;
}

.form-input.has-error>label,
.form-input.has-error .label {
    color: #dc3545;
}

.form-input.has-error input,
.form-input.has-error select,
.form-input.has-error textarea {
    border-color: #dc3545;
}

.form-input.has-success {
    /*& > label, .label {
            color: #28a745;
        }*/
}

.form-input.has-success input,
.form-input.has-success select,
.form-input.has-success textarea {
    border-color: #28a745;
}

.form-input .form-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-input .form-radio input {
    display: none;
}

.form-input .form-radio label {
    line-height: 1em;
    line-height: 1.2em;
    min-width: 90px;
    height: 35px;
    margin-left: 8px;
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #efefef;
    border-radius: 5px;
    line-height: 21px;
    font-size: 16px;
}

.form-input .form-radio label:nth-child(2) {
    margin-left: 0;
}

.form-input .form-radio label:hover {
    cursor: pointer;
}

.form-input .form-radio input:checked+label {
    border-color: #60787c;
    border-color: var(--accent-color);
}

.form-input.has-success {
    /*& > label, .label {
            color: #28a745;
        }*/
}

.form-input.has-success>input,
.form-input.has-success select {
    border-color: #28a745;
}

.form-input.has-success input:checked + label::before {
    /*color: #28a745;*/
    /*border-color: #28a745;*/
    background-color: rgba(40, 167, 69, 0.15);
    border-color: rgba(40, 167, 69, 0.5);
}

.form-input.has-success input:checked + label {
    /*color: #28a745;*/
    /*border-color: #28a745;*/
    background-color: rgba(40, 167, 69, 0.15);
    border-color: rgba(40, 167, 69, 0.5);
}

.form-input textarea {
    min-height: 125px;
    -webkit-transition: none;
    transition: none;
}

.select-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 34px;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    border: 1px solid #efefef;
    border-radius: 5px;
}

.has-success .select-input {
    border-color: #28a745;
}

.has-error .select-input {
    border-color: #ff4900;
}

.select-input input:hover {
    cursor: pointer;
}

.select-input.active {
    border-color: #60787c;
    border-color: var(--accent-color);
    border-radius: 5px 5px 0 0;
}

.select-input input {
    height: 100%;
    padding: 2px 2px 2px 10px;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.select-input input:focus {
    outline: none;
}

.select-input .arrow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    padding: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-input .arrow {
    width: 0;
    height: 0;
    border-width: 5px 4.5px 0 5px;
    border-style: solid;
    border-color: #373737 transparent transparent transparent;
    border-color: var(--font-color) transparent transparent transparent;
}

.select-input .list-container {
    position: absolute;
    z-index: 1;
    top: 32px;
    left: -1px;
    display: none;
    overflow: auto;
    width: calc(100% + 2px);
    height: auto;
    max-height: 250px;
    -webkit-transition: all .25s;
    transition: all .25s;
    border: 1px solid #60787c;
    border: 1px solid var(--accent-color);
    background-color: #fff;
}

.select-input .list-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.select-input .list-container ul li {
    font-size: .85em;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 34px;
    padding: 2px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-input .list-container ul li span {
    font-size: 1em;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.select-input .list-container ul li:nth-child(even) {
    background-color: #efefef;
}

.select-input .list-container ul li:hover {
    cursor: pointer;
    background-color: #d7d7d7 !important;
}

.select-input .list-container ul li .checkbox {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #a7a7a7;
    border-radius: 2px;
    background-color: transparent;
}

.select-input.active .list-container {
    display: block;
    height: auto;
}

.select-input .list-container ul li[data-selected=selected] .checkbox {
    background-color: #a7a7a7;
}

.select-input-container {
    z-index: 10;
}

.has-success .select-input-container {
    border-color: #28a745;
}

.has-error .select-input-container {
    border-color: #ff4900;
}

.select-input-container input:hover {
    cursor: pointer;
}

.select-input-container.active {
    border-color: #60787c;
    border-color: var(--accent-color);
    border-radius: 5px 5px 0 0;
}

.select-input-container input {
    height: 100%;
    padding: 2px 2px 2px 10px;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.select-input-container input:focus {
    outline: none;
}

.select-input-container .arrow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    padding: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-input-container .arrow {
    width: 0;
    height: 0;
    border-width: 5px 4.5px 0 5px;
    border-style: solid;
    border-color: #373737 transparent transparent transparent;
    border-color: var(--font-color) transparent transparent transparent;
}

.select-input-container .list-container {
    position: absolute;
    overflow: auto;
    width: calc(100% + 2px);
    height: auto;
    max-height: 250px;
    -webkit-transition: all .25s;
    transition: all .25s;
    border: 1px solid #60787c;
    border: 1px solid var(--accent-color);
    background-color: #fff;
}

.select-input-container .list-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.select-input-container .list-container ul li {
    font-size: .85em;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 34px;
    padding: 2px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-input-container .list-container ul li span {
    font-size: 1em;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.select-input-container .list-container ul li:nth-child(even) {
    background-color: #efefef;
}

.select-input-container .list-container ul li:hover {
    cursor: pointer;
    background-color: #d7d7d7 !important;
}

.select-input-container .list-container ul li .checkbox {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #a7a7a7;
    border-radius: 2px;
    background-color: transparent;
}

.select-input-container.active .list-container {
    display: block;
    height: auto;
}

.select-input-container .list-container ul li[data-selected=selected] .checkbox {
    background-color: #a7a7a7;
}

.form-input.cgu {
    margin-left: 15px;
    margin-right: 15px;
}

.form-input.cgu input[type=checkbox] {
    display: none;
}

.form-input.cgu label::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    content: ' ';
    -webkit-transition: all .25s;
    transition: all .25s;
    color: transparent;
    border: 1px solid #cecece;
    border-radius: 5px;
    background: #fff;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 25px;
}

.form-input.cgu label {
    font-size: 1em;
    position: relative;
    padding-left: 45px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 15px;
}

.form-input.cgu label:hover {
    cursor: pointer;
}

.form-input.cgu input[type=checkbox]:checked+label::before {
    line-height: 30px;
    content: '\2713';
    text-align: center;
    color: #28a745;
    border-color: #28a745;
    font-size: 30px;
}

.form-input.has-error input[type=checkbox]+label::before {
    color: #ff4900;
    border-color: #ff4900;
}

.form-input.cgu .error {
    text-align: center;
}

.form-input.cgu.has-success label {
    color: #373737 !important;
    color: var(--font-color) !important;
}

.multi-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 15px;
}

.multi-input .form-input,
.multi-input .langue-input {
    position: relative;
    min-width: 215px;
    margin-right: 16px;
    -ms-flex-preferred-size: calc(33% - 16px);
    flex-basis: calc(33% - 16px);
}

.multi-input .form-input input,
.multi-input .langue-input input {
    padding-right: 20px;
}

.multi-input .form-input .remove,
.multi-input .langue-input .remove {
    font-size: 1.5em;
    line-height: .7em;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    -webkit-transition: all .125s;
    transition: all .125s;
    text-align: center;
    border-radius: 100%;
}

.multi-input .form-input .remove:hover,
.multi-input .langue-input .remove:hover {
    color: #fff;
    background-color: rgba(220, 53, 69, .3);
}

.multi-input .langue-input {
    width: 291px;
    margin-bottom: 16px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

@media screen and (max-width: 860px) {
    .multi-input .langue-input {
        width: 100%;
        margin-bottom: 16px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.multi-input .link-add {
    font-size: .8em;
    font-size: .9em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 250px;
    height: 34px;
    margin-bottom: 16px;
    text-decoration: none;
    text-decoration: none;
    color: #4c84ec;
    color: var(--primary-color);
    outline: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: center;
}

.multi-input .link-add span {
    font-size: 1.2em;
    line-height: 1.25em;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    text-align: center;
    color: #fff;
    color: var(--font-primary-color);
    border-radius: 50%;
    background: #4c84ec;
    background: var(--primary-color);
}


.form-group.inline {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form-group.inline .all-width {
    max-width: calc(100%) !important;
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
}

@media screen and (max-width: 860px) {
    .form-group.inline {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

.form-group .sub-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-group .sub-group>.label {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 8px;
    margin-left: 10px;
    color: #373737;
    color: var(--font-color);
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.form-group .sub-group>span {
    font-family: 'Open Sans', sans-serif;
    font-size: .8em;
    font-weight: 400;
    margin-top: 8px;
    margin-left: 10px;
    color: #373737;
    color: var(--font-color);
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.form-group .sub-group>ul {
    width: 100%;
    margin-bottom: 16px;
}

.form-group .sub-group>ul>li {
    position: relative;
    margin-top: 16px;
    padding: 8px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background: #f9f9f9;
}

.form-group .sub-group>ul>li:first-child {
    margin-top: 0;
}

.form-group .sub-group>ul>li .remove {
    font-size: 1.5em;
    line-height: .7em;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    -webkit-transition: all .125s;
    transition: all .125s;
    text-align: center;
    border-radius: 100%;
}

.form-group .sub-group>ul>li .remove:hover {
    color: #fff;
    background-color: rgba(220, 53, 69, .3);
}

.form-group .sub-group .link-add {
    font-size: .8em;
    font-size: .9em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 250px;
    height: 34px;
    text-decoration: none;
    text-decoration: none;
    color: #4c84ec;
    color: var(--primary-color);
    outline: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
}

.form-group .sub-group .link-add span {
    font-size: 1.2em;
    line-height: 1.25em;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    text-align: center;
    color: #fff;
    color: var(--font-primary-color);
    border-radius: 50%;
    background: #4c84ec;
    background: var(--primary-color);
}

.period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.period .period-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.period .period-group select {
    margin: 0 4px;
}

.period .period-group p {
    margin: 0 4px;
}

@media screen and (max-width: 860px) {
    .period {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.langue-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 8px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background: #f9f9f9;
}

.langue-input .form-input {
    position: relative;
    min-width: 175px;
    margin-bottom: 0;
}

.langue-input .form-input input {
    position: relative;
    width: inherit;
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rating .rating-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rating .rating-label p {
    font-size: 12px;
    margin: 0;
    text-align: center;
}

.rating .rating-input>input {
    display: none;
}

.rating .rating-input>label {
    width: 20px;
    height: 20px;
    margin-top: auto;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'126.729\' height=\'126.73\'%3e%3cpath fill=\'%23C2C2C2\' d=\'M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z\'/%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
}

.rating .rating-input>input:checked~label,
.rating .rating-input>input:checked~label~label {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'126.729\' height=\'126.73\'%3e%3cpath fill=\'%23ED8A19\' d=\'M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z\'/%3e%3c/svg%3e');
}

.rating .rating-input>input:not(:checked)~label:hover,
.rating .rating-input>input:not(:checked)~label:hover~label {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'126.729\' height=\'126.73\'%3e%3cpath fill=\'%23d67c15\' d=\'M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z\'/%3e%3c/svg%3e');
}

.form-input .form_doc_tests {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-input .form_doc_tests button {
    font-size: .7em;
    min-width: 94px;
    height: 20px;
    padding: 2px 15px;
    color: #292b2c;
    border-color: transparent;
    background-color: #fff;
}

.form-input .form_doc_tests.done button {
    color: #fff;
    background-color: #05ac2c;
}

.form-input.has-error .form_doc_tests button {
    border-color: #ff4900;
}

.form-input .form_doc_tests .label {
    margin-bottom: 0;
    margin-left: 10px;
}

.form-input .form_doc_tests .label span {
    color: #ababab;
}

.form-input .form_doc_tests input {
    display: none;
}

.slider-container {
    position: relative;
    margin-top: 10px;
    margin-bottom: 28px;
    padding: 0 12px;
}

.slider-container input {
    display: none;
}

.slider-container .tooltip {
    position: absolute;
    bottom: -28px;
    white-space: nowrap;
}

.slider-container .slider-bar {
    position: absolute;
    z-index: 1;
    left: 12px;
    height: 8px;
    pointer-events: none;
    border: 1px solid #004494;
    border: 1px solid #4c84ec;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    background: #004494;
    background: #4c84ec;
    background: var(--primary-color);
}

.slider-container .slider {
    height: 8px;
    /* background: none;
    border: none; */
    border: none;
    border-radius: 4px;
    background: #ededed;
}

.slider-container .ui-slider-handle {
    font-size: 16px;
    line-height: 20px;
    width: 40px;
    height: 25px;
    margin-top: -4px;
    margin-left: -20px;
    text-align: center;
    color: #b2b2b2;
    border-color: #b2b2b2;
    border-radius: 4px;
    outline: none;
    background: #fff;
    border: 2px solid #EFEFEF;
}

.slider-container .ui-slider-handle:hover {
    cursor: pointer;
    background: #fafafa;
}

.slider-container .ui-slider-handle.ui-state-active {
    color: #b2b2b2 !important;
    border-color: #b2b2b2 !important;
    background: #e8e8e8 !important;
}

.form-loading {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form-loading.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-loading svg {
    overflow: visible;
    height: 75px;
}

.form-loading .dot-bricks {
    margin-bottom: 20px;
}

.form-loading p {
    font-size: 25px;
    font-weight: 400;
    margin: 0;
    color: #34a4dc;
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: auto;
    text-decoration: none;
    border-radius: 10px;
    outline: none;
    background-color: #fff;
    background-color: var(--bg-color2);
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.card .card-media {
    max-width: 100%;
    max-height: 100%;
}

.card .card-media .card-img {
    width: 100%;
    height: 100%;
}

.card .card-media .card-img img {
    width: 100%;
    height: 100%;
}

.card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card .card-header .card-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 75px;
    height: 75px;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card .card-header .card-img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.card .card-header .card-info {
    width: 100%;
}

.card .card-header .card-info .title {
    font-size: 1em;
    overflow: hidden;
    max-width: 100%;
    height: 20px;
    text-overflow: ellipsis;
    color: #373737;
    color: var(--font-color);
}

.card .card-header .card-info .title.upper {
    text-transform: uppercase;
}

.card .card-header .card-info .title a {
    text-decoration: none;
    color: #373737;
    color: var(--font-color);
}

.card .card-header .card-info .title.accent {
    color: #60787c;
    color: var(--accent-color);
}

.card .card-header .card-info .title.accent a {
    text-decoration: none;
    color: #60787c;
    color: var(--accent-color);
}

.card .card-header .card-info .subtitle {
    font-size: .8em;
    font-weight: 300;
    margin-top: 2px;
}

.card .card-header .card-tags {
    margin-top: 8px;
}

.card .card-header .card-tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card .card-header .card-tags ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 20px;
    margin: 2px;
    padding: 0 5px;
    color: #fff;
    color: var(--font-primary-color);
    border-radius: 5px;
    background-color: #4c84ec;
    background-color: var(--primary-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card .card-header .card-img+.card-info {
    width: calc(100% - 75px);
    padding: 0;
    padding-left: 16px;
}

.card .card-body {
    line-height: 1.3em;
    font-size: 1em;
    padding: 16px;
    color: #373737;
    color: var(--font-color);
}

.card.maps {
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.card.maps .card-body {
    padding: 0;
}

.card.maps .card-body .map-control {
    line-height: 20px;
    position: relative;
    padding: 16px;
}

.card.maps .card-body .map-control .btn,
.card.maps .card-body .map-control .danger.flat,
.card.maps .card-body .map-control #applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center .card.maps .card-body .map-control .danger.btn.rounded,
.card.maps .card-body .map-control #applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center .card.maps .card-body .map-control button.danger.rounded {
    font-size: 2em;
    line-height: .6em !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
}

.card.maps .card-body .map-control .btn:first-child,
.card.maps .card-body .map-control .danger.flat:first-child,
.card.maps .card-body .map-control #applications-popup .btn-group.center .danger.btn.rounded:first-child,
#applications-popup .btn-group.center .card.maps .card-body .map-control .danger.btn.rounded:first-child,
.card.maps .card-body .map-control #applications-popup .btn-group.center button.danger.rounded:first-child,
#applications-popup .btn-group.center .card.maps .card-body .map-control button.danger.rounded:first-child {
    left: 16px;
}

.card.maps .card-body .map-control .btn:last-child,
.card.maps .card-body .map-control .danger.flat:last-child,
.card.maps .card-body .map-control #applications-popup .btn-group.center .danger.btn.rounded:last-child,
#applications-popup .btn-group.center .card.maps .card-body .map-control .danger.btn.rounded:last-child,
.card.maps .card-body .map-control #applications-popup .btn-group.center button.danger.rounded:last-child,
#applications-popup .btn-group.center .card.maps .card-body .map-control button.danger.rounded:last-child {
    right: 16px;
}

.card.maps .card-body .map-headers {
    overflow: hidden;
    margin-right: 32px;
    margin-left: 32px;
}

.card.maps .card-body .map-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.card.maps .card-body .map-header-container .map-header {
    width: 100%;
    text-align: center;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination li {
    line-height: 35px;
    width: 35px;
    height: 35px;
    margin: 8px;
    text-align: center;
}

.pagination li a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all .125s;
    transition: all .125s;
    text-decoration: none;
    color: #373737;
    color: var(--font-color);
    border: none;
    border-radius: 10px;
    outline: none;
    background: #fff;
    background: var(--bg-color2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.pagination li a:hover {
    color: #4c84ec;
    color: var(--primary-color);
}

.pagination li a:active {
    border: 1px solid rgba(160, 160, 160, .2);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination li.disabled {
    color: #fff;
    color: var(--font-primary-color);
    border-radius: 10px;
    background: #4c84ec;
    background: var(--primary-color);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.pagination li.prev a,
.pagination li.next a {
    font-size: 2em;
    line-height: 30px;
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tags>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 20px;
    margin: 2px;
    padding: 0 5px;
    color: #fff;
    color: var(--font-primary-color);
    border-radius: 5px;
    background-color: #4c84ec;
    background-color: var(--primary-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tags.accent>li {
    color: #fff;
    color: var(--font-accent-color);
    background-color: #60787c;
    background-color: var(--accent-color);
}

.tags.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tags.big>li {
    min-height: 30px;
    padding: 5px 10px;
}

@-webkit-keyframes indeterminate {
    0% {
        right: 100%;
        left: -35%;
    }
    60% {
        right: -90%;
        left: 100%;
    }
    100% {
        right: -90%;
        left: 100%;
    }
}

@keyframes indeterminate {
    0% {
        right: 100%;
        left: -35%;
    }
    60% {
        right: -90%;
        left: 100%;
    }
    100% {
        right: -90%;
        left: 100%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        right: 100%;
        left: -200%;
    }
    60% {
        right: -8%;
        left: 107%;
    }
    100% {
        right: -8%;
        left: 107%;
    }
}

@keyframes indeterminate-short {
    0% {
        right: 100%;
        left: -200%;
    }
    60% {
        right: -8%;
        left: 107%;
    }
    100% {
        right: -8%;
        left: 107%;
    }
}

.autocomplete-input {
    position: fixed;
    z-index: 10000;
    top: 0;
    display: none;
    overflow: auto;
    max-height: 250px;
    border: 1px solid #c1c1c1;
    border-radius: 0 0 10px 10px;
    background: #fff;
}

.autocomplete-input .loader {
    position: relative;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
    background-clip: padding-box;
}

.autocomplete-input .loader:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    background-color: #60787c;
    background-color: var(--accent-color);
    will-change: left, right;
}

.autocomplete-input .loader:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
    background-color: #60787c;
    background-color: var(--accent-color);
    will-change: left, right;
}

.autocomplete-input.loading {
    border-color: transparent;
}

.autocomplete-input.loading .loader {
    display: block;
}

.autocomplete-input .list-container {
    width: 100%;
    height: 100%;
}

.autocomplete-input .list-container li {
    font-size: smaller;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 4px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #373737;
    color: var(--font-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.autocomplete-input .list-container li.no-data span {
    text-align: center;
}

.autocomplete-input .list-container li:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .1);
}

.autocomplete-input .list-container li:hover.no-data {
    cursor: default;
    background: #fff;
}

.autocomplete-input .list-container li:hover.no-data span {
    text-align: center;
}

.autocomplete-input .list-container li .icon-ville {
    max-width: 25px;
    max-height: 25px;
    padding: 5px;
}

.autocomplete-input .list-container li .data-localisation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.autocomplete-input .list-container li .data-localisation div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.autocomplete-input .list-container li .data-localisation div span {
    font-weight: 400;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.autocomplete-input.active {
    display: block;
}

.autocomplete.open {
    max-height: 150px !important;
}

#applications-popup {
    position: absolute;
}

#applications-popup * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#popupLoad {
    z-index: 10000 !important;
}

#applications-popup.popup-container,
.box {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    display: none;
    flex-direction: row;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#applications-popup .box {
    position: absolute;
    background: rgba(0, 0, 0, .2);
}

#applications-popup.popup-container.popup-open,
#applications-popup .box.box-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: popup-open .25s;
    animation: popup-open .25s;
}

@-webkit-keyframes popup-open {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes popup-open {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#applications-popup.popup-container .popup,
#applications-popup.popup-container .box .box-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-width: 860px;
    min-height: 150px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (min-width:  860px) {
    #applications-popup.popup-container .popup,
    #applications-popup.popup-container .box .box-container {
        max-height: 98%;
        height: fit-content;
    }
}

.box-container {
    overflow: auto;
    max-height: 100%;
}

.popup-container.popup-open.anim .popup {
    -webkit-animation: showPopup .3s both;
    animation: showPopup .3s both;
}

.popup-container.popup-close.anim .popup {
    -webkit-animation: hidePopup .125s both;
    animation: hidePopup .125s both;
}

.popup-container.popup-open.anim .popup .popup-body,
.popup-container.popup-open.anim .popup .popup-header {
    -webkit-animation: showPopupContent .3s .2s both;
    animation: showPopupContent .3s .2s both;
}

.popup-container.popup-open .popup .popup-body.exit {
    -webkit-animation: nextPageExit .3s both;
    animation: nextPageExit .3s both;
}

.popup-container.popup-open .popup .popup-body.enter {
    -webkit-animation: nextPageEnter .3s both;
    animation: nextPageEnter .3s both;
}

.popup-container.popup-open .popup .popup-body.exitback {
    -webkit-animation: backPageExit .3s both;
    animation: backPageExit .3s both;
}

.popup-container.popup-open .popup .popup-body.enterback {
    -webkit-animation: backPageEnter .3s both;
    animation: backPageEnter .3s both;
}

@-webkit-keyframes showPopup {
    from {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes showPopup {
    from {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes hidePopup {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes hidePopup {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

@-webkit-keyframes showPopupContent {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes showPopupContent {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes nextPageExit {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@keyframes nextPageExit {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@-webkit-keyframes nextPageEnter {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes nextPageEnter {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes backPageExit {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@keyframes backPageExit {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@-webkit-keyframes backPageEnter {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes backPageEnter {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.popup-container.popup-open .popup .popup-close,
.box .box-close {
    font-size: 20px;
    font-weight: 400;
    line-height: 19px;
    position: absolute;
    top: 2px;
    right: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    padding-left: 1px;
    -webkit-transition: all .125s;
    transition: all .125s;
    text-align: center;
    border-radius: 50%;
}

.popup-container.popup-open .popup .popup-close:hover,
.box .box-close:hover {
    cursor: pointer;
    color: #fff;
    background-color: rgba(205, 92, 92, .35);
}

.popup-container.popup-open .popup .popup-header {
    /*border-bottom: 1px solid rgba(0, 0, 0, .2);*/
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    background: #F6F6F6;
}

.popup-container.popup-open .popup .popup-header .img {
    height: 75px;
    width: 75px;
    min-width: 75px;
    background: #FFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.popup-container.popup-open .popup .popup-header .img img {
    max-height: 100%;
    max-width: 100%;
}

.popup-container.popup-open .popup .popup-header .details {
    width: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.popup-container.popup-open .popup .popup-header h1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    margin: 0;
    color: #004494;
    color: #4c84ec;
    color: var(--primary-color);
    text-align: center;
}

.popup-container.popup-open .popup .popup-header p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    text-align: center;
}

.popup-container.popup-open .popup .popup-header p:nth-child(2) {
    font-weight: 400;
}

.popup-container.popup-open .popup .popup-header p:nth-child(3) {
    font-style: italic;
}

@media screen and (min-width: 860px) {
    .popup-container.popup-open .popup .popup-header {
        flex-direction: row;
    }

    .popup-container.popup-open .popup .popup-header .img {
        height: 50px;
        width: 50px;
        min-width: 50px;
    }

    .popup-container.popup-open .popup .popup-header .details {
        align-items: flex-start;
    }
}

.popup-container.popup-open .popup .popup-body {
    padding-top: 10px;
    height: 100%;
}

.popup-container.popup-open .popup .popup-body.hide-all {
    visibility: hidden !important;
}

.popup-container.popup-open .popup .popup-body.hide-all * {
    visibility: hidden !important;
}

.alert {
    width: 100%;
    max-width: 916px;
    margin-bottom: 16px;
    padding: 16px;
    text-align: center;
    color: #373737;
    color: var(--font-color);
    border: 1px solid #efefef;
    border-color: #efefef;
    border-radius: 10px;
    background: #fff;
}

.alert.success {
    color: #fff;
    background: #28a745;
}

.alert.info {
    color: #fff;
    background: #17a2b8;
}

.alert.error {
    color: #fff;
    background: #dc3545;
}

.video-list {
    display: -ms-grid;
    display: grid;
    margin-bottom: 16px;
    -ms-grid-columns: 2.5fr 32px 1fr;
    grid-template-columns: 2.5fr 1fr;
    -ms-grid-rows: 117px 32px 117px 32px 117px;
    grid-template-rows: repeat(3, 117px);
    grid-gap: 32px;
}

.video-grid {
    display: grid;
    margin-bottom: 16px;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(7, 1fr);
    -ms-grid-rows: 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px;
    grid-template-rows: repeat(8, 24px);
    grid-gap: 32px;
}

.video-grid>*:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / 5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    grid-row: 1 / 6;
}

.video-grid>*:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: 5 / 8;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 5;
}

.video-grid>*:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 6;
    -ms-grid-row-span: 3;
    grid-row: 6 / 9;
}

.video-grid>*:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
    -ms-grid-row: 6;
    -ms-grid-row-span: 3;
    grid-row: 6 / 9;
}

.video-grid>*:nth-child(5) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: 5 / 8;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / 9;
}

@media screen and (max-width: 860px) {
    .video-grid {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px;
        grid-template-rows: repeat(11, 24px);
    }
    .video-grid>*:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        grid-row: 1 / 6;
    }
    .video-grid>*:nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 3;
        grid-row: 6 / 9;
    }
    .video-grid>*:nth-child(3) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 6;
        -ms-grid-row-span: 3;
        grid-row: 6 / 9;
    }
    .video-grid>*:nth-child(4) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 9;
        -ms-grid-row-span: 3;
        grid-row: 9 / 12;
    }
    .video-grid>*:nth-child(5) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 9;
        -ms-grid-row-span: 3;
        grid-row: 9 / 12;
    }
}

.video-grid.inverted {
    direction: rtl;
}

.video-grid+.video-grid {
    margin-top: 32px;
}

.video-list>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.video-list>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.video-list>*:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.video-list>*:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.video-list>*:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.video-list>*:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.video-list.one {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 117px 32px 117px 32px 117px;
    grid-template-rows: repeat(3, 117px);
}

.video-list.one>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.video-list.one>*:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.video-list.one>*:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.video-grid>a,
.video-list>a {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.video-grid>a svg,
.video-list>a svg {
    position: absolute;
    bottom: 8px;
    left: 8px;
    height: 30px;
}

.video-grid>a svg #path7,
.video-list>a svg #path7 {
    -webkit-transition: all .25s;
    transition: all .25s;
    fill: #4c84ec;
    fill: var(--primary-color);
}

.video-list>a:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
}

.video-list.inverted>a:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1;
}

.video-list>a:nth-child(1) svg {
    top: 50%;
    left: 50%;
    height: 75px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-list.inverted>a:nth-child(1) svg {
    top: auto;
    position: absolute;
    bottom: 8px;
    left: 8px;
    height: 30px;
    -webkit-transform: none;
    transform: none;
}

.video-list.inverted>a:nth-child(2) svg {
    top: 50%;
    left: 50%;
    height: 75px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-list.inverted>a:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
}

.video-list>a .overlay,
.video-grid>a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11.2%, rgba(223, 234, 247, .5)), color-stop(91.1%, var(--primary-color)));
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, #4c84ec 91.1%);
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, var(--primary-color) 91.1%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.video-list>a img,
.video-grid>a img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-list>a:hover,
.video-grid>a:hover {
    cursor: pointer;
}

.video-list>a:hover .overlay,
.video-grid>a:hover .overlay {
    -webkit-transform: rotate(40deg) scale(2.25);
    transform: rotate(40deg) scale(2.25);
    opacity: .5;
}

.video-list>a:hover svg #path7,
.video-grid>a:hover svg #path7 {
    fill: #3574ea;
    fill: var(--primary-color-dark);
}

@media screen and (max-width: 1200px) {
    .video-list {
        -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: 2fr 32px 117px;
        grid-template-rows: 2fr 117px;
    }
    .video-list>*:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .video-list>*:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .video-list>*:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }
    .video-list>*:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .video-list>*:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .video-list>*:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    .video-list>a:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
}

.company-img.video {
    padding: 0 !important;
}

.company-img.video>a {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.company-img.video>a svg {
    position: absolute;
    bottom: 4px;
    left: 4px;
    height: 20px;
}

.company-img.video>a svg #path7 {
    -webkit-transition: all .25s;
    transition: all .25s;
    fill: #4c84ec;
    fill: var(--primary-color);
}

.company-img.video>a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11.2%, rgba(223, 234, 247, .5)), color-stop(91.1%, var(--primary-color)));
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, #4c84ec 91.1%);
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, var(--primary-color) 91.1%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-img.video>a img {
    position: relative;
    width: calc(100% - 16px) !important;
    height: calc(100% - 16px) !important;
    margin: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.company-img.video>a:hover {
    cursor: pointer;
}

.company-img.video>a:hover .overlay {
    -webkit-transform: rotate(40deg) scale(2.25);
    transform: rotate(40deg) scale(2.25);
    opacity: .5;
}

.company-img.video>a:hover svg #path7 {
    fill: #3574ea;
    fill: var(--primary-color-dark);
}

#popup-video {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#popup-video.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#popup-video .close {
    font-size: 4em;
    position: absolute;
    top: 0;
    right: 16px;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #fff;
}

#popup-video .close:hover {
    cursor: pointer;
    color: #4c84ec;
    color: var(--primary-color);
}

#popup-video .popup-content {
    width: 640px;
    height: 360px;
}

#popup-video .popup-content iframe {
    width: 100%;
    height: 100%;
}

.images-grid {
    display: -ms-grid;
    display: grid;
    margin-bottom: 16px;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(7, 1fr);
    -ms-grid-rows: 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px;
    grid-template-rows: repeat(8, 24px);
    grid-gap: 32px;
}

.images-grid>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
}

.images-grid>*:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 13;
}

.images-grid>*:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(16) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(17) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(18) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(19) {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(20) {
    -ms-grid-row: 5;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(21) {
    -ms-grid-row: 5;
    -ms-grid-column: 13;
}

.images-grid>*:nth-child(22) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(23) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(24) {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(25) {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(26) {
    -ms-grid-row: 7;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(27) {
    -ms-grid-row: 7;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(28) {
    -ms-grid-row: 7;
    -ms-grid-column: 13;
}

.images-grid>*:nth-child(29) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(30) {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(31) {
    -ms-grid-row: 9;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(32) {
    -ms-grid-row: 9;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(33) {
    -ms-grid-row: 9;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(34) {
    -ms-grid-row: 9;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(35) {
    -ms-grid-row: 9;
    -ms-grid-column: 13;
}

.images-grid>*:nth-child(36) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(37) {
    -ms-grid-row: 11;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(38) {
    -ms-grid-row: 11;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(39) {
    -ms-grid-row: 11;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(40) {
    -ms-grid-row: 11;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(41) {
    -ms-grid-row: 11;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(42) {
    -ms-grid-row: 11;
    -ms-grid-column: 13;
}

.images-grid>*:nth-child(43) {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(44) {
    -ms-grid-row: 13;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(45) {
    -ms-grid-row: 13;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(46) {
    -ms-grid-row: 13;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(47) {
    -ms-grid-row: 13;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(48) {
    -ms-grid-row: 13;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(49) {
    -ms-grid-row: 13;
    -ms-grid-column: 13;
}

.images-grid>*:nth-child(50) {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
}

.images-grid>*:nth-child(51) {
    -ms-grid-row: 15;
    -ms-grid-column: 3;
}

.images-grid>*:nth-child(52) {
    -ms-grid-row: 15;
    -ms-grid-column: 5;
}

.images-grid>*:nth-child(53) {
    -ms-grid-row: 15;
    -ms-grid-column: 7;
}

.images-grid>*:nth-child(54) {
    -ms-grid-row: 15;
    -ms-grid-column: 9;
}

.images-grid>*:nth-child(55) {
    -ms-grid-row: 15;
    -ms-grid-column: 11;
}

.images-grid>*:nth-child(56) {
    -ms-grid-row: 15;
    -ms-grid-column: 13;
}

.images-grid[data-nbimg='2'],
.images-grid[data-nbimg='1'] {
    -ms-grid-rows: (24px)[5];
    grid-template-rows: repeat(5, 24px);
}

.images-grid+.images-grid {
    margin-top: 32px;
}

.images-grid .img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.images-grid .img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11.2%, rgba(223, 234, 247, .5)), color-stop(91.1%, var(--primary-color)));
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, #4c84ec 91.1%);
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, var(--primary-color) 91.1%);
}

.images-grid .img svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translate(-50%, 100%) scale(0);
    transform: translate(-50%, 100%) scale(0);
}

.images-grid .img svg circle {
    fill: #60787c;
    fill: var(--accent-color);
}

.images-grid .img:hover {
    cursor: pointer;
}

.images-grid .img:hover .overlay {
    -webkit-transform: rotate(40deg) scale(2.25);
    transform: rotate(40deg) scale(2.25);
    opacity: .5;
}

.images-grid .img:hover svg {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.images-grid .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.images-grid .img:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / 5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    grid-row: 1 / 6;
}

.images-grid .img:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: 5 / 8;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 5;
}

.images-grid .img:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 6;
    -ms-grid-row-span: 3;
    grid-row: 6 / 9;
}

.images-grid .img:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
    -ms-grid-row: 6;
    -ms-grid-row-span: 3;
    grid-row: 6 / 9;
}

.images-grid .img:nth-child(5) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: 5 / 8;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / 9;
}

.images-grid.inverted {
    direction: rtl;
}

@media screen and (max-width: 860px) {
    .images-grid {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px 32px 24px;
        grid-template-rows: repeat(11, 24px);
    }
    .images-grid>*:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(5) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(6) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(7) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(8) {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(9) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(10) {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(11) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(12) {
        -ms-grid-row: 11;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(13) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(14) {
        -ms-grid-row: 13;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(15) {
        -ms-grid-row: 15;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(16) {
        -ms-grid-row: 15;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(17) {
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(18) {
        -ms-grid-row: 17;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(19) {
        -ms-grid-row: 19;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(20) {
        -ms-grid-row: 19;
        -ms-grid-column: 3;
    }
    .images-grid>*:nth-child(21) {
        -ms-grid-row: 21;
        -ms-grid-column: 1;
    }
    .images-grid>*:nth-child(22) {
        -ms-grid-row: 21;
        -ms-grid-column: 3;
    }
    .images-grid[data-nbimg='1'] {
        -ms-grid-rows: (24px)[5];
        grid-template-rows: repeat(5, 24px);
    }
    .images-grid[data-nbimg='2'],
    .images-grid[data-nbimg='3'] {
        -ms-grid-rows: (24px)[8];
        grid-template-rows: repeat(8, 24px);
    }
    .images-grid.inverted {
        direction: ltr;
    }
    .images-grid .img:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        grid-row: 1 / 6;
    }
    .images-grid .img:nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 3;
        grid-row: 6 / 9;
    }
    .images-grid .img:nth-child(3) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 6;
        -ms-grid-row-span: 3;
        grid-row: 6 / 9;
    }
    .images-grid .img:nth-child(4) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 9;
        -ms-grid-row-span: 3;
        grid-row: 9 / 12;
    }
    .images-grid .img:nth-child(5) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 9;
        -ms-grid-row-span: 3;
        grid-row: 9 / 12;
    }
}

.social {
    padding: 16px;
}

.social .title {
    font-size: 1em;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #919191;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.social .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social .imgs a {
    width: 30px;
    height: 30px;
    margin-left: 8px;
}

.social .imgs a:first-child {
    margin-left: 0;
}

.social .imgs a img {
    max-width: 100%;
    max-height: 100%;
}

.carousel {
    padding: 16px;
    padding-right: 48px;
    padding-left: 48px;
}

.carousel button {
    position: absolute;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: .75;
}

.carousel button.slick-prev {
    top: 50%;
    left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    padding: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.carousel button.slick-prev svg path {
    fill: #fff;
    fill: var(--font-primary-color);
}

.carousel button.slick-next {
    top: 50%;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    padding: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.carousel button.slick-next svg path {
    fill: #fff;
    fill: var(--font-primary-color);
}

.carousel button:hover {
    opacity: 1;
}

.carousel button.slick-disabled {
    opacity: .5;
}

.carousel .img {
    position: relative;
    overflow: hidden;
    max-width: 210px;
    max-height: 120px;
    margin: 8px;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.carousel .img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11.2%, rgba(223, 234, 247, .5)), color-stop(91.1%, var(--primary-color)));
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, #4c84ec 91.1%);
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, var(--primary-color) 91.1%);
}

.carousel .img svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translate(-50%, 100%) scale(0);
    transform: translate(-50%, 100%) scale(0);
}

.carousel .img svg circle {
    fill: #60787c;
    fill: var(--accent-color);
}

.carousel .img:hover {
    cursor: pointer;
}

.carousel .img:hover .overlay {
    -webkit-transform: rotate(40deg) scale(2.25);
    transform: rotate(40deg) scale(2.25);
    opacity: .5;
}

.carousel .img:hover svg {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.carousel .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#accueil section.about .video-list {
    -ms-grid-rows: 90px 32px 90px 32px 90px;
    grid-template-rows: repeat(3, 90px);
}

#accueil section.about>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 32px;
    margin-left: 32px;
}

#accueil section.about>div>div {
    margin-right: 16px;
    margin-left: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#accueil section.about>div>div:first-child {
    margin-left: 0;
}

#accueil section.about>div>div:last-child {
    margin-left: 0;
}

#accueil section.about .social {
    margin-top: 16px;
    padding-left: 0;
}

#accueil section.about .social .title {
    text-align: left;
}

#accueil section.about .social .imgs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 860px) {
    #accueil section.about>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #accueil section.about .video-list {
        margin-bottom: 30px;
        -ms-grid-rows: 25% 32px 25% 32px 25%;
        grid-template-rows: repeat(3, 25%);
    }
}

#accueil section #presentation {
    line-height: 1.2em;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: justify;
}

#accueil section #presentation p {
    -webkit-margin-after: 1em;
    margin-bottom: 1em;
}

#accueil section>.title {
    font-size: 1.6em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 32px;
    margin-left: 32px;
    text-transform: uppercase;
}

#accueil section>.title::after {
    position: absolute;
    bottom: -8px;
    left: 16px;
    width: 100%;
    height: 3px;
    content: '';
    border-radius: 2px;
    background: #4c84ec;
    background: var(--primary-color);
}

#accueil .offers,
#accueil .actu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#accueil .offers>.btn,
#accueil .offers>.danger.flat,
#accueil #applications-popup .btn-group.center .offers>.danger.btn.rounded,
#applications-popup .btn-group.center #accueil .offers>.danger.btn.rounded,
#accueil #applications-popup .btn-group.center .offers>button.danger.rounded,
#applications-popup .btn-group.center #accueil .offers>button.danger.rounded,
#accueil .actu>.btn,
#accueil .actu>.danger.flat,
#accueil #applications-popup .btn-group.center .actu>.danger.btn.rounded,
#applications-popup .btn-group.center #accueil .actu>.danger.btn.rounded,
#accueil #applications-popup .btn-group.center .actu>button.danger.rounded,
#applications-popup .btn-group.center #accueil .actu>button.danger.rounded {
    line-height: 1.9em;
    width: 100%;
    max-width: 250px;
    height: 40px;
    margin-top: 16px;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.main-header .container .form-group-search,
.second-nav .container .form-group-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 42px;
}

.main-header .container .form-group-search .form-input-nav,
.second-nav .container .form-group-search .form-input-nav {
    height: 36px;
    padding: 5px 10px;
    /*border: 1px solid #c1c1c1;*/
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.main-header .container .form-group-search .form-input-nav .select-input,
.second-nav .container .form-group-search .form-input-nav .select-input {
    width: auto;
    height: auto;
    border: none;
}

.main-header .container .form-group-search .chips,
.second-nav .container .form-group-search .chips {
    width: 350px;
}

@media screen and (max-width: 1200px) {
    .main-header .container .form-group-search .chips,
    .second-nav .container .form-group-search .chips {
        width: 300px !important;
    }
}

.main-header .container .form-group-search .form-input-nav:nth-child(2),
.main-header .container .form-group-search .form-input-nav:nth-child(3),
.second-nav .container .form-group-search .form-input-nav:nth-child(2),
.second-nav .container .form-group-search .form-input-nav:nth-child(3) {
    width: 250px;
    margin-left: 50px;
}

.main-header .container .form-group-search .form-input-nav:nth-child(2) .select-input,
.main-header .container .form-group-search .form-input-nav:nth-child(3) .select-input,
.second-nav .container .form-group-search .form-input-nav:nth-child(2) .select-input,
.second-nav .container .form-group-search .form-input-nav:nth-child(3) .select-input {
    width: 210px;
    border: none;
}

@media screen and (max-width: 1200px) {
    .main-header .container .form-group-search .form-input-nav:nth-child(2).form-input-nav:nth-child(2),
    .main-header .container .form-group-search .form-input-nav:nth-child(3).form-input-nav:nth-child(2),
    .second-nav .container .form-group-search .form-input-nav:nth-child(2).form-input-nav:nth-child(2),
    .second-nav .container .form-group-search .form-input-nav:nth-child(3).form-input-nav:nth-child(2) {
        width: 210px;
        margin: 0;
        margin-left: 10px;
    }
    .main-header .container .form-group-search .form-input-nav:nth-child(2).form-input-nav:nth-child(3),
    .main-header .container .form-group-search .form-input-nav:nth-child(3).form-input-nav:nth-child(3),
    .second-nav .container .form-group-search .form-input-nav:nth-child(2).form-input-nav:nth-child(3),
    .second-nav .container .form-group-search .form-input-nav:nth-child(3).form-input-nav:nth-child(3) {
        width: 210px;
        margin-left: 10px;
    }
    .main-header .container .form-group-search .form-input-nav:nth-child(2) .select-input,
    .main-header .container .form-group-search .form-input-nav:nth-child(3) .select-input,
    .second-nav .container .form-group-search .form-input-nav:nth-child(2) .select-input,
    .second-nav .container .form-group-search .form-input-nav:nth-child(3) .select-input {
        width: 170px;
    }
}

.main-header .container .form-group-search select,
.second-nav .container .form-group-search select {
    margin-left: 8px;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main-header .container .form-group-search button,
.second-nav .container .form-group-search button {
    margin-left: 50px;
}

@media screen and (max-width: 1200px) {
    .main-header .container .form-group-search button,
    .second-nav .container .form-group-search button {
        margin-left: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .main-header .container .form-group-search {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1200px) {
    .main-header .container .form-group-search .chips {
        width: auto;
        max-width: none;
        margin-bottom: 16px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .main-header .container .form-group-search .form-input-nav:nth-child(2).form-input-nav:nth-child(2),
    .main-header .container .form-group-search .form-input-nav:nth-child(3).form-input-nav:nth-child(2) {
        margin: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .main-header .container .form-group-search .form-input-nav:nth-child(2).form-input-nav:nth-child(3) .select-input,
    .main-header .container .form-group-search .form-input-nav:nth-child(3).form-input-nav:nth-child(3) .select-input {
        height: 24px;
        border: none;
    }
}

.second-nav .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.second-nav .container .form-group-search {
    margin-top: 0;
}

#offers .nb-offer {
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: 32px;
    text-align: center;
    color: #373737;
    color: var(--font-color);
}

#offers .nb-offer b {
    color: #4c84ec;
    color: var(--primary-color);
}

@media screen and (max-width: 860px) {
    #offers .nb-offer {
        font-size: 1.5em;
    }
}

#filter {
    display: block;
    margin: 16px;
    margin-right: 16px;
    margin-left: auto;
}

@media screen and (min-width: 860px) {
    #filter {
        display: none;
    }
}

#filter.hide {
    display: none !important;
}

#filters-card {
    position: relative;
    display: none;
    width: calc(100% - 32px);
    margin: 16px 16px;
    border: 1px solid #4c84ec;
    border: 1px solid var(--primary-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

#filters-card .close {
    font-size: 1.5em;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
}

#filters-card .close:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .3);
}

#filters-card.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 860px) {
    #filters-card {
        display: none !important;
    }
}

#filters-card .card-body .title {
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #60787c;
    color: var(--accent-color);
}

#filters-card .card-body .form-group-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#filters-card .card-body .form-group-search .chips,
#filters-card .card-body .form-group-search .form-input-nav {
    max-width: 100%;
    margin-bottom: 8px;
}

#filters-card .card-body .form-group-search button {
    width: 100%;
    max-width: 150px;
}

#filters-card .card-body .form-group-search .select-input {
    width: 210px;
    height: 24px;
    border: none;
}

.form-group-search button svg path {
    fill: #fff;
    fill: var(--font-primary-color);
}

.card[data-statuts=complete] {
    position: relative;
    border: 2px solid #28a745;
}

.card[data-statuts=complete] .card-img {
    position: relative;
}

.card[data-statuts=complete] .card-img>img {
    display: none;
}

.card[data-statuts=complete] .card-img .img-statut {
    font-size: 2em;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    background-color: rgba(40, 167, 69, .9);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card[data-statuts=complete] .card-img .img-statut svg {
    width: 100%;
    height: 100%;
}

.card[data-statuts=complete]::after {
    font-size: 1.2em;
    line-height: 40px;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 8px;
    content: attr(data-message);
    text-align: center;
    color: #fff;
    background-color: #28a745;
}

.card[data-statuts=incomplete] {
    position: relative;
    border: 2px solid #ffa12c;
}

.card[data-statuts=incomplete] .card-img {
    position: relative;
}

.card[data-statuts=incomplete] .card-img>img {
    display: none;
}

.card[data-statuts=incomplete] .card-img .img-statut {
    font-size: 2em;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    background-color: rgba(255, 161, 44, .9);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card[data-statuts=incomplete] .card-img .img-statut svg {
    width: 100%;
    height: 100%;
}

.card[data-statuts=incomplete]::after {
    font-size: 1.2em;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 8px;
    content: attr(data-message);
    text-align: center;
    color: #fff;
    background-color: #ffa12c;
}

.offers-container {
    display: -ms-grid;
    display: grid;
    margin-right: 32px;
    margin-left: 32px;
    -webkit-transition: opacity .375s, -webkit-transform .375s;
    transition: opacity .375s, -webkit-transform .375s;
    transition: opacity .375s, transform .375s;
    transition: opacity .375s, transform .375s, -webkit-transform .375s;
    -ms-grid-columns: calc(100% / 3 - 32px) 48px calc(100% / 3 - 32px) 48px calc(100% / 3 - 32px);
    grid-template-columns: repeat(3, calc(100% / 3 - 32px));
    grid-gap: 16px 48px;
}

@media screen and (max-width: 1280px) {
    .offers-container {
        grid-gap: 16px 24px;
        -ms-grid-columns: calc(100% / 3 - 16px) 24px calc(100% / 3 - 16px) 24px calc(100% / 3 - 16px);
        grid-template-columns: repeat(3, calc(100% / 3 - 16px));
    }
}

@media screen and (max-width: 1100px) {
    .offers-container {
        grid-gap: 16px 24px;
        -ms-grid-columns: calc(50% - 12px) 24px calc(50% - 12px);
        grid-template-columns: repeat(2, calc(50% - 12px));
    }
}

@media screen and (max-width: 860px) {
    .offers-container {
        margin-right: 16px;
        margin-left: 16px;
        grid-gap: 4px 24px;
        -ms-grid-columns: 100%;
        grid-template-columns: repeat(1, 100%);
    }
}

.offers-container .card {
    height: 263px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-decoration: none;
    color: #373737;
    color: var(--font-color);
}

.offers-container .card:hover {
    cursor: pointer;
    -webkit-transform: translate3d(4px, -8px, 0);
    transform: translate3d(4px, -8px, 0);
    -webkit-box-shadow: -4px 10px 6px -1px rgba(0, 0, 0, .3), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: -4px 10px 6px -1px rgba(0, 0, 0, .3), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

@media screen and (max-width: 860px) {
    .offers-container .card {
        height: auto !important;
    }
}

.offers-container .card-header {
    padding-bottom: 8px;
}

@media screen and (max-width: 860px) {
    .offers-container .card-header {
        border-bottom: none !important;
    }
}

.offers-container .card-header .localisation {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    font-size: 12px;
}

.offers-container .card-info .title {
    min-height: 20px;
    max-height: 80px;
    display: table;
    white-space: break-spaces !important;
    line-height: 20px;
    position: relative;
    font-size: 14px !important;
}

.offers-container .card-header .localisation svg path {
    fill: #60787c !important;
    fill: var(--accent-color) !important;
}

.offers-container .card-header .localisation svg {
    height: 12px;
    width: 12px;
    margin-right: 8px;
}

.offers-container .time {
    font-size: .8em;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    color: #373737;
    color: var(--font-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.offers-container .time svg {
    margin-right: 8px;
}

.offers-container .time svg path {
    fill: #373737;
    fill: var(--font-color);
}

.offers-container .card-body {
    font-size: .875em;
    font-weight: 400;
    line-height: 1.3em;
    text-align: left;
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    /* text-overflow: ellipsis; */
}

.offers-container .card-body p {
    display: block;
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-height: 56px;
    max-height: 100%;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 860px) {
    .offers-container .card-body {
        display: none;
    }
}

.offers-container.list {
    display: -ms-grid;
    display: grid;
    margin-right: 32px;
    margin-left: 32px;
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
    grid-gap: 16px 48px;
}

.offers-container.list .card {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.offers-container.list .card .card-header {
    display: -ms-grid;
    display: grid;
    padding-bottom: 16px;
    -ms-grid-columns: 100px 1fr;
    grid-template-columns: 100px 1fr;
}

.offers-container.list .card .card-header .card-img {
    width: 100px;
    height: 100px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
}

.offers-container.list .card .card-header .time,
.offers-container.list .card .card-header .localisation {
    padding-left: 16px;
}

.offers-container.list .card .card-header .card-tags {
    grid-column: 1 / 3;
}

.offers-container.tab-big {
    grid-gap: 16px 32px;
    grid-template-columns: repeat(3, calc(100% / 3 - 22px));
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 1330px) {
    .offers-container.tab-big {
        margin-left: 32px;
        margin-right: 32px;
    }
}

@media screen and (max-width: 1200px) {
    .offers-container.tab-big {
        grid-template-columns: repeat(2, calc(100% / 2 - 22px));
    }
}

@media screen and (max-width: 860px) {
    .offers-container.tab-big {
        grid-template-columns: 1fr;
    }
}

.offers-container.tab-big .card .card-header {
    display: grid;
    grid-template-columns: 125px 1fr;
    grid-template-rows: 1fr repeat(3, auto);
    padding: 16px;
}

.offers-container.tab-big .card .card-header .card-img {
    width: 125px;
    height: 125px;
    grid-row: 1/5;
}

.offers-container.tab-big .card .card-header .card-info {
    width: 100%;
}

.offers-container.tab-big .card .card-header .localisation {
    padding-left: 16px;
    font-size: 10px;
}

.offers-container.tab-big .card .card-header .time {
    padding-left: 18px;
    font-size: 10px;
}

.offers-container.tab-big .card .card-header .time svg {
    height: 10px;
    width: 10px;
}

.offers-container.tab-big .card .card-header .card-tags {
    padding-left: 16px;
    margin-top: 0;
}

.offers-container.tab-big .card .card-header .card-tags ul li {
    font-size: 11px;
}

.offers-container.no-desc .card {
    height: auto;
}

.offers-container.no-desc .card-header {
    border-bottom: none;
}

.offers-container.no-desc .card-body {
    display: none;
}

#offer-title {
    font-size: 1.5em;
    display: none;
    width: calc(100% - 16px);
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    padding: 16px;
    text-align: center;
    color: #60787c;
    color: var(--accent-color);
}

@media screen and (max-width: 860px) {
    #offer-title {
        display: block;
    }
}

#offer .card {
    margin-bottom: 32px;
}

#offer .card .card-body h2 {
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #60787c;
    color: var(--accent-color);
}

#offer .card .card-body p {
    line-height: 1.3em;
    color: #373737;
    color: var(--font-color);
}

#offer .company-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#offer .company-description div {
    padding-left: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#offer .company-description .company-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

#offer .company-description .company-img img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 860px) {
    #offer .company-description {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #offer .company-description .company-img {
        display: none;
    }
    #offer .company-description div {
        padding-top: 0;
        padding-left: 0;
    }
}

#offer #required_elements .tags li:hover {
    cursor: default;
}

#offer #required_elements .tags li:hover svg:hover {
    cursor: pointer;
}

@media screen and (max-width: 860px) {
    #offer #required_elements>p {
        display: none;
    }
}

#offer section .card.html p {
    margin-bottom: 8px;
}

#offer section .card.html ul {
    margin-bottom: 16px;
    margin-left: 24px;
    list-style: disc;
}

#offer section>div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 860px) {
    #btn-postuler-mobile {
        display: none !important;
    }
}

#offer section>div:last-child .btn,
#offer section>div:last-child .danger.flat,
#offer section>div:last-child #applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center #offer section>div:last-child .danger.btn.rounded,
#offer section>div:last-child #applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center #offer section>div:last-child button.danger.rounded {
    max-width: 350px;
}

#offer aside .localisations {
    display: none;
}

@media screen and (max-width: 992px) {
    #offer aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #offer aside>div:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-preferred-size: 100%;
        /*flex-basis: 100%;*/
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #offer aside>div:first-child .btn,
    #offer aside>div .btn-postuler,
    #offer aside>div:first-child .danger.flat,
    #offer aside>div:first-child #applications-popup .btn-group.center .danger.btn.rounded,
    #applications-popup .btn-group.center #offer aside>div:first-child .danger.btn.rounded,
    #offer aside>div:first-child #applications-popup .btn-group.center button.danger.rounded,
    #applications-popup .btn-group.center #offer aside>div:first-child button.danger.rounded {
        max-width: 350px;
    }
    #offer aside>* {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    #offer aside> :nth-child(2) {
        margin-right: 8px;
    }
    #offer aside> :nth-child(3) {
        margin-left: 8px;
    }
    #offer aside .card {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 860px) {
    #offer aside {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #offer aside .card {
        margin-bottom: 16px;
    }
    #offer aside> :nth-child(2) {
        margin-right: 0;
    }
    #offer aside> :nth-child(3) {
        margin-bottom: 0;
        margin-left: 0;
    }
    #offer aside .maps {
        display: none;
    }
    #offer aside .localisations {
        display: block;
    }
}

#offer .practical_conditions h3 {
    font-weight: 600;
    margin-top: 16px;
}

@media screen and (min-width: 449px) and (max-width: 860px) {
    #offer .practical_conditions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #offer .practical_conditions h2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    #offer .practical_conditions .tags {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    #offer .practical_conditions .practical_condition {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
    }
    #offer .practical_conditions div:last-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media screen and (max-width: 448px) {

    #offer .practical_conditions h2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    #offer .practical_conditions .tags {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    #offer .practical_conditions .practical_condition {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
    }
}

.localisations-control {
    line-height: 20px;
    position: relative;
}

.localisations-control .btn,
.localisations-control .danger.flat,
.localisations-control #applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center .localisations-control .danger.btn.rounded,
.localisations-control #applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center .localisations-control button.danger.rounded {
    font-size: 2em;
    line-height: .6em !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
}

.localisations-control .btn:first-child,
.localisations-control .danger.flat:first-child,
.localisations-control #applications-popup .btn-group.center .danger.btn.rounded:first-child,
#applications-popup .btn-group.center .localisations-control .danger.btn.rounded:first-child,
.localisations-control #applications-popup .btn-group.center button.danger.rounded:first-child,
#applications-popup .btn-group.center .localisations-control button.danger.rounded:first-child {
    left: 0;
}

.localisations-control .btn:last-child,
.localisations-control .danger.flat:last-child,
.localisations-control #applications-popup .btn-group.center .danger.btn.rounded:last-child,
#applications-popup .btn-group.center .localisations-control .danger.btn.rounded:last-child,
.localisations-control #applications-popup .btn-group.center button.danger.rounded:last-child,
#applications-popup .btn-group.center .localisations-control button.danger.rounded:last-child {
    right: 0;
}

.localisations-condition {
    overflow: hidden;
}

.localisations-condition.has-multi {
    margin-right: 32px;
    margin-left: 32px;
}

.localisations-condition-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.localisations-condition-container .localisations-header {
    width: 100%;
    text-align: left;
    align-self: center;
}

.btn-postuler {
    font-size: 1.5em;
    width: 100%;
    height: 50px;
    margin-bottom: 32px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.second-nav .btn-postuler {
    max-width: 350px;
    margin-bottom: 0;
}

@media screen and (max-width: 860px) {
    .second-nav .btn-postuler {
        max-width: 250px;
        height: 40px;
    }
}

#map-offer {
    height: 350px;
}

@media screen and (max-width: 860px) {
    #map-offer {
        height: 250px;
    }
}

.required_elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 16px;
}

@media screen and (max-width: 860px) {
    .required_elements {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .required_elements .required_element {
        margin-bottom: 16px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.required_elements .required_element {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.required_elements .required_element svg path {
    fill: #fff;
    fill: var(--font-accent-color);
}

.required_elements .tags.cc li {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 8px;
    cursor: pointer;
}

.required_elements .tags.cc li svg {
    margin-left: 8px;
}

.required_elements .tags.cc li .more-info {
    position: absolute;
    bottom: 36px;
    left: 50%;
    visibility: hidden;
    width: 250px;
    padding: 8px;
    -webkit-transition: all .125s;
    transition: all .125s;
    -webkit-transform: translateX(-50%) translateY(16px) scale(.7);
    transform: translateX(-50%) translateY(16px) scale(.7);
    pointer-events: none;
    opacity: 0;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.required_elements .tags.cc li .more-info .title {
    font-size: .9em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.required_elements .tags.cc li .more-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.required_elements .tags.cc li .more-info ul li {
    font-size: .7em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #60787c;
    color: var(--accent-color);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.required_elements .tags.cc li .more-info ul li svg {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.required_elements .tags.cc li .more-info .description {
    font-size: .7em;
    margin-top: 10px;
}

.required_elements .tags.cc li:hover .more-info {
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
    pointer-events: all;
    opacity: 1;
}

@media screen and (max-width: 860px) {
    .required_elements .tags.cc li:hover .more-info {
        left: 0;
        -webkit-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
    }
}

.btn-postuler[data-statuts=complete] {
    font-size: 1em;
    color: #fff;
    background: #28a745;
}

@media screen and (max-width: 992px) {
    #actualites .has-sidebar aside {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    #actualites .embedded {
        width: 334px;
    }
    #actualites .card-header .card-info {
        width: 100% !important;
    }
    #actualites .card-header .card-share {
        width: 100% !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#actualites section {
    max-width: 100vw;
}

#actualites .card-header .card-info {
    width: calc(100% - 105px);
}

#actualites .card-header .card-info .title {
    overflow: unset;
    height: auto;
    white-space: normal;
}

#actualites .card-header .card-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 105px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#actualites .card-header .card-share p {
    font-size: 12px;
}

#actualites .card-header .card-share a {
    margin-left: 5px;
}

#actualites .card-header .card-share a img {
    width: 30px;
    height: 30px;
}

#actualites .card-body {
    line-height: 1.4;
}

#actualites .card-body p {
    -webkit-margin-after: 1em;
    margin-bottom: 1em;
}

[dir="ltr"] #actualites .card-body ul {
    margin-left: 0;
}

[dir="rtl"] #actualites .card-body ul {
    margin-right: 0;
}

[dir="ltr"] #actualites .card-body ul {
    margin-right: 0;
}

[dir="rtl"] #actualites .card-body ul {
    margin-left: 0;
}

[dir="ltr"] #actualites .card-body ul {
    padding-left: 40px;
}

[dir="rtl"] #actualites .card-body ul {
    padding-right: 40px;
}

#actualites .card-body ul {
    display: block;
    margin-left: 2em;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    margin-top: 1em;
    -webkit-margin-after: 1em;
    margin-bottom: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
}

@media screen and (max-width: 992px) {
    #actualite .card-header .card-info {
        width: 100% !important;
    }
    #actualite .card-header .card-share {
        width: 100% !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#actualite .card-header .card-info {
    width: calc(100% - 105px);
}

#actualite .card-header .card-info .title {
    overflow: unset;
    height: auto;
    white-space: normal;
}

#actualite .card-header .card-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 105px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#actualite .card-header .card-share p {
    font-size: 12px;
}

#actualite .card-header .card-share a {
    margin-left: 5px;
}

#actualite .card-header .card-share a img {
    width: 30px;
    height: 30px;
}

#actualite .card-body {
    line-height: 1.4;
}

#actualite .card-body p {
    -webkit-margin-after: 1em;
    margin-bottom: 1em;
}

[dir="ltr"] #actualite .card-body ul {
    margin-left: 0;
}

[dir="rtl"] #actualite .card-body ul {
    margin-right: 0;
}

[dir="ltr"] #actualite .card-body ul {
    margin-right: 0;
}

[dir="rtl"] #actualite .card-body ul {
    margin-left: 0;
}

[dir="ltr"] #actualite .card-body ul {
    padding-left: 40px;
}

[dir="rtl"] #actualite .card-body ul {
    padding-right: 40px;
}

#actualite .card-body ul {
    display: block;
    margin-left: 2em;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    margin-top: 1em;
    -webkit-margin-after: 1em;
    margin-bottom: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
}

#profil-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#profil-page .card .card-body h2 {
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #60787c;
    color: var(--accent-color);
}

#profil-page form {
    width: 100%;
    max-width: 916px;
}

#profil-page #competences .remove {
    top: 9px;
    right: 2px;
}

.header-user-profil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-user-profil h1 {
    font-size: 2.5em !important;
}

.header-user-profil .img-container {
    position: relative;
}

.header-user-profil .edit-img {
    position: absolute;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-user-profil .edit-img svg {
    width: 20px;
    height: 20px;
    fill: #292b2c;
}

.header-user-profil .edit-img:hover {
    cursor: pointer;
}

.header-user-profil .user-img {
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin-bottom: 24px;
    border: 4px solid #f9f9f9;
    border-radius: 50%;
    background: #f9f9f9;
    -webkit-box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, .2);
}

.header-user-profil .user-img img {
    max-width: 100%;
    max-height: 100%;
}

.second-nav-user-profil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.second-nav-user-profil h1 {
    font-size: 2em !important;
}

.second-nav-user-profil .img-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.second-nav-user-profil .edit-img {
    position: absolute;
    top: 3px;
    right: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.second-nav-user-profil .edit-img svg {
    width: 15px;
    height: 15px;
    fill: #292b2c;
}

.second-nav-user-profil .edit-img:hover {
    cursor: pointer;
}

.second-nav-user-profil .user-img {
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 24px;
    border: 4px solid #f9f9f9;
    border-radius: 50%;
    background: #f9f9f9;
    -webkit-box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, .2);
}

.second-nav-user-profil .user-img img {
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 860px) {
    .second-nav-user-profil .img-container {
        display: none;
    }
    .second-nav-user-profil h1 {
        font-size: 1.5em !important;
    }
}

.user-img-card {
    display: none;
}

@media screen and (max-width: 860px) {
    .user-img-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.user-img-card .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.user-img-card .card-body h2 {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.user-img-card .card-body .user-img {
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin-bottom: 24px;
    border: 4px solid #f9f9f9;
    border-radius: 50%;
    background: #f9f9f9;
    -webkit-box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 10px 4px rgba(0, 0, 0, .2);
}

.user-img-card .card-body .user-img img {
    max-width: 100%;
    max-height: 100%;
}

#user-img-input {
    display: none;
}

#popup-img {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#popup-img .popup-img-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 450px;
    height: 450px;
    padding: 16px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#popup-img .popup-img-body h2 {
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #60787c;
    color: var(--accent-color);
}

#popup-img.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card {
    width: 100%;
    max-width: 916px;
}

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-group .form-input,
.form-group .group {
    margin-right: 16px;
    -ms-flex-preferred-size: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
}

@media screen and (max-width: 860px) {
    .form-group .form-input,
    .form-group .group {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.form-group .all-width,
.form-group .multi-input {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.form-group .multi-input .form-input {
    -ms-flex-preferred-size: calc(33% - 16px);
    flex-basis: calc(33% - 16px);
}

@media screen and (max-width: 860px) {
    .form-group .multi-input .form-input {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.form-group .sub-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.form-group .sub-group ul {
    width: 100%;
}

.form-group .sub-group ul li {
    width: calc(100% - 30px);
    margin: 15px;
}

.danger.flat,
#applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center button.danger.rounded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 250px;
    margin-top: 16px;
    margin-right: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#applications-popup {
    /* ----- CUSTOM FILE STEP2 ----- */
}

#applications-popup .popup-container.popup-open .popup .popup-header {
    /*border-bottom: 1px solid rgba(0, 0, 0, .2);*/
    padding-bottom: 10px;
}

#applications-popup .popup-container.popup-open .popup .popup-header h1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    color: #004494;
    color: #4c84ec;
    color: var(--primary-color);
}

#applications-popup .popup-container.popup-open .popup .popup-header p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
}

#applications-popup .popup-container.popup-open .popup .popup-header p:nth-child(2) {
    font-weight: 400;
}

#applications-popup .popup-container.popup-open .popup .popup-header p:nth-child(3) {
    font-style: italic;
}

#applications-popup.popup-container.popup-open .popup .popup-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1;
}

#applications-popup .popup-container.popup-open .popup .popup-body.hide-all {
    visibility: hidden !important;
}

#applications-popup .popup-container.popup-open .popup .popup-body.hide-all * {
    visibility: hidden !important;
}

#applications-popup .step {
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#applications-popup .step li {
    position: relative;
    margin: 0 2px;
    padding-top: 5px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#applications-popup .step li p {
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    opacity: 0;
}

#applications-popup .step li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: ' ';
    opacity: .5;
    background-color: #004494;
    background-color: #4c84ec;
    background-color: var(--primary-color);
}

#applications-popup .step li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    content: ' ';
    -webkit-transition: width .35s;
    transition: width .35s;
    background-color: #004494;
    background-color: #4c84ec;
    background-color: var(--primary-color);
}

#applications-popup .step li.active::after,
#applications-popup .step li.active p,
#applications-popup .step li.end::after {
    width: 100%;
    opacity: 1;
}

#applications-popup .step li.end p {
    opacity: 0;
}

#applications-popup .popup-body hr {
    position: relative;
    overflow: visible;
    height: 2px;
    margin: 15px;
    border: none;
    background: #ededed;
}


#applications-popup .form-input input[type='file'] {
    display: none;
}

#applications-popup .form-input .custom-input-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

#applications-popup .form-input .custom-input-file button {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    border: none;
    background: #004494;
    background: #4c84ec;
    background: var(--primary-color);
    /*border-radius: 2px 0 0 2px;
        padding: 5px 10px;
        height: auto;*/
}

#applications-popup .form-input .custom-input-file:hover button {
    cursor: pointer;
    outline: none;
    background: #004494;
    background: #4c84ec;
    background: var(--primary-color);
}

#applications-popup .form-input .custom-input-file:active button {
    outline: none;
    background: #004494;
    background: #4c84ec;
    background: var(--primary-color);
}

#applications-popup .form-input .custom-input-file input {
    font-size: 12px;
    font-weight: 300;
    padding-left: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: #434343;
    border: none;
}

#applications-popup .form-input .custom-input-file input:focus {
    outline: none;
}

#applications-popup .form-input .form_doc_tests {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#applications-popup .form-input .form_doc_tests button {
    font-size: 12px !important;
    min-width: 105px;
    height: 30px !important;
    padding: 2px 15px !important;
    color: #292b2c !important;
    border-color: transparent !important;
    background-color: #fff !important;
}

#applications-popup .form-input .form_doc_tests.done button {
    color: #fff !important;
    background-color: #05ac2c !important;
}

#applications-popup .form-input.has-error .form_doc_tests button {
    border-color: #ff4900 !important;
}

#applications-popup .form-input .form_doc_tests .label {
    margin-bottom: 0 !important;
    margin-left: 10px !important;
}

#applications-popup .form-input .form_doc_tests .label span {
    color: #ababab;
}

#applications-popup .form-input .form_doc_tests input {
    display: none;
}

#applications-popup .form-loading {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#applications-popup .form-loading.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#applications-popup .form-loading svg {
    overflow: visible;
    height: 75px;
}

#applications-popup .form-loading .dot-bricks {
    margin-bottom: 20px;
}

#applications-popup .form-loading p {
    font-size: 25px;
    font-weight: 400;
    margin: 0;
    color: #34a4dc;
}

#applications-popup #loupe {
    -webkit-animation: myOrbit 1s infinite;
    animation: myOrbit 1s infinite;
}

#applications-popup #loupe path:nth-child(1) {
    fill: #004494 !important;
    fill: #4c84ec !important;
    fill: var(--primary-color) !important;
}

@-webkit-keyframes myOrbit {
    from {
        -webkit-transform: rotate(0deg) translate(30px) rotate(0deg);
        transform: rotate(0deg) translate(30px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translate(30px) rotate(-360deg);
        transform: rotate(360deg) translate(30px) rotate(-360deg);
    }
}

@keyframes myOrbit {
    from {
        -webkit-transform: rotate(0deg) translate(30px) rotate(0deg);
        transform: rotate(0deg) translate(30px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translate(30px) rotate(-360deg);
        transform: rotate(360deg) translate(30px) rotate(-360deg);
    }
}

#applications-popup form {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#applications-popup .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 15px;
}

#applications-popup .form-group.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#applications-popup .form-group .form-input, #applications-popup .form-group .form-checkbox {
    width: 100%;
    margin-right: 0;
    padding: 0 15px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media screen and (min-width: 860px) {
    #applications-popup .form-group.inline {
        flex-wrap: wrap !important;
    }


    #applications-popup .form-group .form-input.full-desktop {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #applications-popup .form-group .form-input.full-desktop input {
        max-width: calc(50% - 15px);
    }
}

#applications-popup .form-group .form-input input, #applications-popup .form-group .form-input select {
    -webkit-appearance: none;
    height: 40px;
    width: 100%;
    background: #FFFFFF;
}

#applications-popup .form-group .form-input label, #applications-popup .form-group .form-checkbox label {
    font-size: 1.1em;
}

#applications-popup .form-group .select-input {
    height: 40px;
}

#applications-popup .form-group .select-input input {
    background-color: transparent;
}

#applications-popup .form-group .form-input input:not(.select-input input):focus, #applications-popup .form-group .form-input select:focus, #applications-popup .form-group .select-input.active, #applications-popup .form-group .form-input textarea:focus {
    -webkit-box-shadow: 0px 0px 2px 3px rgba(var(--primary-color-rgb), 0.5);
    box-shadow: 0px 0px 2px 3px rgba(var(--primary-color-rgb), 0.5);
    border: 2px solid rgba(var(--primary-color-rgb), 1);
}

#applications-popup .form-group .form-input.has-error input:not(.select-input input), #applications-popup .form-group .form-input.has-error select, #applications-popup .form-group .form-input.has-error .select-input, #applications-popup .form-group .form-input.has-error textarea {
    border: 2px solid rgba(220,53,69,0.5);
    background-color: rgba(220,53,69,0.3);
}

#applications-popup .form-group .form-input.has-error input:not(.select-input input):focus, #applications-popup .form-group .form-input.has-error select:focus, #applications-popup .form-group .form-input.has-error .select-input.active, #applications-popup .form-group .form-input.has-error textarea:focus {
    -webkit-box-shadow: 0px 0px 2px 2px rgba(220,53,69,0.5);
    box-shadow: 0px 0px 2px 2px rgba(220,53,69,0.5);
}

#applications-popup .form-group .form-input.has-error .error {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.95em;
    font-weight: bold;
}

#applications-popup .form-group .form-input.has-success input:not(.select-input input), #applications-popup .form-group .form-input.has-success select, #applications-popup .form-group .form-input.has-success .select-input, #applications-popup .form-group .form-input.has-success textarea {
    border: 2px solid rgba(40, 167, 69, 0.5);
    background-color: rgba(40, 167, 69, 0.15);
}

#applications-popup .form-group .form-input.has-success input:not(.select-input input):focus, #applications-popup .form-group .form-input.has-success select:focus, #applications-popup .form-group .form-input.has-success .select-input.active, #applications-popup .form-group .form-input.has-success textarea:focus {
    -webkit-box-shadow: 0px 0px 2px 2px rgba(40, 167, 69,0.5);
    box-shadow: 0px 0px 2px 2px rgba(40, 167, 69,0.5);
}

.select-wrapper {
    width: 100%;
    position: relative;
}

.select-wrapper::after {
    top:10px;
    right: 5px;
    height: 20px;
    width: 20px;
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE5IDlsLTcgNy03LTciIC8+DQo8L3N2Zz4NCg==");
}

.form-checkbox {
    display: flex;
    height: 20px;
    margin-bottom: 10px;
    font-size: 0.85em;
}

.form-checkbox input {
    display: none;
}

.form-checkbox input + label {
    position: relative;
    padding-left: 25px;
    line-height: 20px;
    cursor: pointer;
}

.form-checkbox input + label::before {
    position: absolute;
    content: ' ';
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 2px;
    border: 1px solid #EFEFEF;
    background-color: #FFF;
}

.form-checkbox input:checked + label::before {
    background-color: rgba(var(--primary-color-rgb), 0.75);
    color: var(--font-primary-color);
    content: '\2713';
    text-align: center;
    line-height: 15px;
    border-color: var(--primary-color);
}

.form-password {
    position: relative;
}

.form-password > span {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.form-password > span:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.15);
}
.form-password > span svg {
    height: 20px;
    width: 20px;
    stroke: #757575;
}

#applications-popup .form-group .form-input.all-width {
    max-width: calc(100%);
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
}

#applications-popup .form-group .form-input label,
#applications-popup .form-group .form-input .label {
    font-size: .85em !important;
    font-weight: 600;
}

#applications-popup .form-group .form-input label b,
#applications-popup .form-group .form-input .label b {
    font-weight: 700;
}

#applications-popup .form-group>a {
    text-decoration: none;
    color: #60787c;
    color: var(--accent-color);
}

#applications-popup .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 16px;
    padding: 15px;
}

#applications-popup .btn-group.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 860px) {
    #applications-popup .btn-group.center {
        flex: 1;
        flex-direction: column-reverse;
        justify-content: flex-start;
    }

    #applications-popup .btn-group.center button, #applications-popup .btn-group.center input {
        height: 40px;
        min-height: 40px;
        max-height: 40px;
        width: 100%;
        margin-left: 0 !important;
    }

    #applications-popup .btn-group.center button:first-child {
        margin-top: 15px !important;
    }
}

#applications-popup .btn-group.right {
    align-items: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width: 860px) {
    #applications-popup .btn-group.right {
        align-items: center;
        justify-content: center;
    }

    #applications-popup .btn-group.right input, #applications-popup .btn-group.right button {
        width: 100%;
    }
}

#applications-popup .btn-group.center .btn,
#applications-popup .btn-group.center .danger.flat,
#applications-popup .btn-group.center .danger.btn.rounded,
#applications-popup .btn-group.center button.danger.rounded,
#applications-popup .btn-group.center button {
    margin-left: 16px;
    padding: 5px 16px;
    -webkit-transition: all .125s;
    transition: all .125s;
    border-radius: 5px;
    flex: 1;
}

#applications-popup .btn-group.center .btn:first-child,
#applications-popup .btn-group.center .danger.flat:first-child,
#applications-popup .btn-group.center button.danger.rounded:first-child,
#applications-popup .btn-group.center button:first-child {
    margin-left: 0;
}

@media screen and (max-width: 770px) {
    #applications-popup #step1 .period {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

#applications-popup #step3 .sub-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#applications-popup #step3 .form-input.cgu {
    margin-top: 0 !important;
}

#applications-popup #step2 .sub-group,
#applications-popup #step5 .sub-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#applications-popup #step2 .sub-group>.label,
#applications-popup #step5 .sub-group>.label {
    margin-bottom: 0;
}

#applications-popup #step2 .sub-group>span,
#applications-popup #step5 .sub-group>span {
    margin-top: 0;
    margin-bottom: 8px;
}

#applications-popup #step2 .sub-group>ul,
#applications-popup #step5 .sub-group>ul {
    border: 1px solid #efefef;
    border-radius: 10px;
    background: #f9f9f9;
}

#applications-popup #step2 .sub-group>ul li,
#applications-popup #step5 .sub-group>ul li {
    width: 100%;
    margin: 0;
    border: none;
    background: transparent;
}

#applications-popup #step2 .sub-group>ul li .form-input,
#applications-popup #step5 .sub-group>ul li .form-input {
    margin-bottom: 0;
    padding: 0;
}

#applications-popup #diplomes {
    display: flex;
    margin-bottom: 16px;
    flex-direction: column;
    flex-wrap: nowrap;
    width: calc(100% - 30px);
}

#applications-popup #diplomes .form-input {
    margin-bottom: 15px;
    padding: 10px;
}

#applications-popup #diplomes .link-add {
    margin-bottom: 0;
    align-self: center;
    justify-content: center;
}

@media screen and (min-width: 860px){
    #applications-popup #diplomes {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    #applications-popup #diplomes .form-input {
        flex-basis: calc(50% - 15px / 2);
    }

    #applications-popup #diplomes .form-input:nth-child(odd) {
        margin-right: calc(15px / 2);
    }

    #applications-popup #diplomes .form-input:nth-child(even) {
        margin-left: calc(15px / 2);
        margin-bottom: 15px;
    }

    #applications-popup #diplomes .link-add {
        flex-basis: calc(50% - 15px / 2);
        width: calc(50% - 15px / 2);
        justify-content: flex-start;
    }
}

#applications-popup #competences {
    display: flex;
    margin-bottom: 16px;
    flex-direction: column;
    flex-wrap: nowrap;
    width: calc(100% - 30px);
}

#applications-popup #competences .form-input {
    margin-bottom: 10px;
    padding: 0;
}

#applications-popup #competences .link-add {
    margin-bottom: 0;
    max-width: none;
    justify-content: center;
    align-items: center;
}

#applications-popup #competences .remove {
    top: 8px;
    right: 8px;
}

@media screen and (min-width: 860px){
    #applications-popup #competences {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    #applications-popup #competences .form-input {
        flex-basis: calc(50% - 15px / 2);
    }

    #applications-popup #competences .form-input:nth-child(odd) {
        margin-right: calc(15px / 2);
    }

    #applications-popup #competences .form-input:nth-child(even) {
        margin-left: calc(15px / 2);
        margin-bottom: 15px;
    }

    #applications-popup #competences .link-add {
        flex-basis: calc(50% - 15px / 2);
        width: calc(50% - 15px / 2);
        justify-content: flex-start;
    }
}

#applications-popup #langues {
    display: flex;
    margin-bottom: 16px;
    flex-direction: column;
    flex-wrap: nowrap;
    width: calc(100% - 30px);
}

#applications-popup #langues .langue-input {
    margin: 0;
    padding: 5px;
    margin-bottom: 15px;
}

#applications-popup #langues .form-input {
    min-width: auto;
    padding-left: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#applications-popup #langues .form-input input {
    padding-right: 10px;
}

#applications-popup #langues .link-add {
    margin-bottom: 0;
    max-width: none;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 860px){
    #applications-popup #langues {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    #applications-popup #langues .langue-input {
        flex-basis: calc(50% - 15px / 2);
    }

    #applications-popup #langues .langue-input:nth-child(odd) {
        margin-right: calc(15px / 2);
    }

    #applications-popup #langues .langue-input:nth-child(even) {
        margin-left: calc(15px / 2);
        margin-bottom: 15px;
    }

    #applications-popup #langues .link-add {
        flex-basis: calc(50% - 15px / 2);
        width: calc(50% - 15px / 2);
        justify-content: flex-start;
        align-self: center;
    }
}

@media screen and (max-width: 860px) {
    #applications-popup .popup {
        width: 100vw !important;
        max-width: 100vw !important;
    }
}

.sessionCT-popupTitle {
    color: #fff !important;
    color: var(--font-primary-color) !important;
    background-color: #4c84ec !important;
    background-color: var(--primary-color) !important;
}

.sessionCT-popupWindows {
    overflow: hidden;
    border-radius: 10px;
}

.contentDescriptionQ {
    padding: 16px;
}

.contentDescriptionQ * {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.contentDescriptionQ .bannerTitleQ {
    margin: auto auto;
}

#entreprise .btn-offer-subsidiary {
    display: none;
}

@media screen and (max-width: 1200px) {
    #entreprise #grid-citation {
        font-size: 1em;
        padding: 15px 15px 5px 15px !important;
    }
    #entreprise #grid-citation #citation {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 860px) {
    #entreprise .key-figures .card-body {
        display: block !important;
    }
    #entreprise .key-figures .card-body>div {
        display: block !important;
        text-align: center;
    }
    #entreprise .key-figures .card-body>div>div {
        margin-left: -16px !important;
        margin-right: -16px !important;
        border: none !important;
    }
    #entreprise .key-figures .card-body>div>div:nth-child(2) {
        margin-top: 16px !important;
        border-top: 1px solid #EFEFEF !important;
    }
    #entreprise .key-figures .card-body>div p {
        margin-bottom: 10px;
    }
    #entreprise .key-figures .card-body div:nth-child(5) span {
        padding: 10px;
    }
    #entreprise .btn-offer-subsidiary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #entreprise .embedded {
        width: 334px;
    }
    #entreprise .card-body {
        height: 100%;
        max-height: 100% !important;
    }
    #entreprise #grid-citation {
        font-size: .8em;
        padding: 10px 10px 5px 10px !important;
    }
    #entreprise #grid-citation #citation {
        line-height: 12px !important;
    }
}

#entreprise .card-name .card-header {
    border-bottom: none;
}

#entreprise .card-name .card-header .card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#entreprise .card-name .card-header .card-info .title {
    font-size: 2em;
    font-weight: 500;
    height: auto;
}

#entreprise .card-name .card-header .card-info p {
    font-size: 1.5em;
    font-style: italic;
    color: #4c84ec;
    color: var(--primary-color);
}

#entreprise .key-figures {
    overflow: hidden;
}

#entreprise .key-figures .card-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

#entreprise .key-figures .card-body>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px;
    border: 1px solid #efefef;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#entreprise .key-figures .card-body>div>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex: 1;
    margin: -16px;
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#entreprise .key-figures .card-body>div>div:first-child {
    border-right: 1px solid #efefef;
    margin-right: 0;
}

#entreprise .key-figures .card-body>div>div:last-child {
    margin-left: 0;
}

#entreprise .key-figures .card-body>div>div:only-child {
    margin-left: -16px;
    margin-right: -16px;
    border: none;
}

#entreprise .key-figures .card-body>div p {
    font-size: 1em;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #919191;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#entreprise .key-figures .card-body>div span {
    font-size: 1.30em;
    font-weight: 600;
    text-align: center;
    color: #60787c;
    color: var(--accent-color);
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

#entreprise .key-figures .card-body>div:nth-child(1) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 1;
    grid-row: 1;
}

#entreprise .key-figures .card-body>div:nth-child(2) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 2;
    grid-row: 2;
}

#entreprise .key-figures .card-body>div:nth-child(5) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 4;
    grid-row: 4;
}

#entreprise .card-header .card-info .title {
    font-size: 1.3em;
    font-weight: 600;
}

#entreprise .multi-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media screen and (max-width: 860px) {
    #entreprise .multi-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

#entreprise .multi-card>.card {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

#entreprise .multi-card>.card:nth-child(1) {
    margin-right: 32px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

#entreprise .multi-card>.card:nth-child(1) ul li {
    font-size: 1em;
    line-height: 1.3em;
    position: relative;
    margin-bottom: 25px;
    padding-top: 20px;
}

#entreprise .multi-card>.card:nth-child(1) ul li::before {
    font-size: 1.2em;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-date);
    color: #4c84ec;
    color: var(--primary-color);
    background: #fff;
    background: var(--bg-color2);
}

#entreprise .multi-card .card-body {
    overflow: auto;
    max-height: 400px;
}

#entreprise .multi-card .card-body p {
    -webkit-margin-after: 1em;
    margin-bottom: 1em;
}

#entreprise>section {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

#entreprise>aside {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

#entreprise #grid-citation {
    padding: 20px 20px 15px 20px;
    color: #fff;
    color: var(--font-primary-color);
    background: #4c84ec;
    background: var(--primary-color);
}

#entreprise #grid-citation #citation-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

#entreprise #grid-citation #citation-div #citation {
    font-weight: 600;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#entreprise #grid-citation #citation-div #citation-author {
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#oops section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#oops h2 {
    font-size: 75px;
    font-weight: 900;
    margin-bottom: 24px;
    text-align: center;
    color: #373737;
    color: var(--font-color);
}

#oops p {
    font-size: 32px;
    margin-bottom: 24px;
    text-align: center;
}

#oops img {
    width: 100%;
    max-width: 500px;
}

:root {
    --header-bg: "";
    --bg-color: #f9f9f9;
    --bg-color2: #fff;
    --font-color: #373737;
    --font-primary-color: #fff;
    --font-accent-color: #fff;
    --primary-color: #4c84ec;
    --primary-color-dark: #3574ea;
    --primary-color-dark2: #1e64e7;
    --accent-color: #60787c;
    --accent-color-dark: #556a6e;
    --accent-color-dark2: #4a5c5f;
}

:root .debug {
    --header-bg: #17202a;
    --bg-color: orange;
    --bg-color2: #5d6d7e;
    --font-color: pink;
    --font-primary-color: red;
    --font-accent-color: yellow;
    --primary-color: blue;
    --primary-color-dark: darkblue;
    --primary-color-dark2: darkblue;
    --accent-color: green;
    --accent-color-dark: darkgreen;
    --accent-color-dark2: darkgreen;
}

:root .dark {
    --bg-color: #121212;
    --bg-color2: #1f1f1f;
    --font-color: #fff;
}

.kint-rich {
    position: fixed;
    z-index: 100000;
    bottom: 0;
    width: 100%;
    margin: 0;
}

.collaborateur-info {
    display: flex;
}

.collaborateur-info .img {
    height: 150px;
    width: 150px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.collaborateur-info .img img {
    max-height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.collaborateur-info .details {
    padding-left: 15px;
    flex: 1
}

.collaborateur-info .details h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    color: #454545;
    color: var(--font-color);
}

.collaborateur-info .details h3 {
    font-weight: 400;
    margin-top: 5px;
    color: #454545;
    color: var(--font-color);
}

.collaborateur-info .details>p {
    font-weight: 300;
    margin-top: 2px;
    color: #454545;
    color: var(--font-color);
}

.collaborateur-more .info {
    margin-top: 10px;
    /*border: 1px solid #f72225;*/
    /*border: 1px solid var(--accent-color);*/
    /*border-radius: 10px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.collaborateur-more .info>div {
    padding: 5px 10px;
    text-align: center;
    /*border-right: 1px solid #f72225;*/
    /*border-right: 1px solid var(--accent-color);*/
    margin-right: 5px;
    background-color: rgba(var(--accent-color-rgb), .1);
    border-radius: 10px;
    margin-bottom: 5px;
}

.collaborateur-more .info>div>p {
    white-space: nowrap;
}

.collaborateur-more .info>div>p:first-child {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
    color: #454545;
    color: var(--font-color);
}

.collaborateur-more .info>div>p:last-child {
    font-weight: 600;
    font-size: 14px;
    color: #1e64e7;
    color: var(--primary-color);
}

.collaborateur-info .details .social {
    margin-top: 10px;
    padding: 0;
    display: flex;
    flex-direction: row;
}

.collaborateur-info .details .social li {
    padding: 4px;
}

.collaborateur-info .details .social li a {
    display: block;
    width: 30px;
    height: 30px;
}

.collaborateur-info .details .social li a:first-child {
    margin-left: 0;
}

.collaborateur-info .details .social li a img {
    max-width: 100%;
    max-height: 100%;
}

.collaborateur-more>p {
    margin-top: 5px;
    text-align: justify;
    font-size: 15px;
}

#list-collaborateur .load-more {
    height: 50px;
    width: 250px;
    opacity: 0;
    background-color: var(--accent-color);
    color: var(--font-accent-color);
    align-self: center;
    justify-self: center;
    margin: auto;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
}

@media screen and (max-width: 650px) {
    .collaborateur-info {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .collaborateur-info .img {
        height: 150px;
        margin-bottom: 10px;
    }
    .collaborateur-info .details {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0;
    }
}

@media screen and (max-width: 500px) {
    .collaborateur-more .info {
        flex-direction: column;
    }
    .collaborateur-info .details>p {
        text-align: justify;
    }
    .collaborateur-more .info>div {
        border-right: none;
    }
    .collaborateur-more .info>div:last-child {
        border-bottom: none;
    }
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
}

.jumbotron {
    position: relative;
    margin-left: calc((100vw - 100%) * -1 / 2);
    margin-right: calc((100vw - 100%) * -1 / 2);
    margin-top: 5%;
    margin-bottom: 8%;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.jumbotron .text {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgba(var(--primary-color-rgb), 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
}

.jumbotron p {
    margin: 0;
    display: block;
    width: 100%;
    max-width: 750px;
    text-align: center;
    color: var(--font-primary-color);
    font-size: 2em;
    line-height: 1.3em;
    padding: 15px;
}

.jumbotron .background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

.jumbotron .background img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.advantage_grid {
    padding: 16px;
}

.advantage_grid .advantage_row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.advantage_grid .advantage_row .advantage {
    flex-basis: 20%;
    margin: 2.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.advantage_grid .advantage_row .advantage div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    height: 2.60em;
}

.advantage_grid .advantage_row .advantage div p {
    font-size: 1.25em;
    line-height: 1.3em;
    text-align: center;
    color: var(--primary-color);
}

.advantage_grid .advantage_row .advantage>p {
    font-size: 1em;
    line-height: 1.3em;
    text-align: center;
    color: var(--font-color);
}

.card-block {
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    background: #FFF;
    margin: 32px 16px;
    border-radius: 2px;
    overflow: hidden;
}

.card-block.card-block-media .card-block-content,
.card-block.card-block-media .card-block-image,
.card-block.card-block-media .card-block-video {
    flex: 1;
}

.card-block.card-block-media .card-block-image {
    position: relative;
}

.card-block.card-block-media .card-block-image img {
    width: 100%;
}

.card-block.card-block-media .card-block-video a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}

.card-block.card-block-media .card-block-video a img {
    width: 100%;
}

.card-block.card-block-media .card-block-video a svg {
    position: absolute;
    bottom: 8px;
    left: 8px;
    height: 30px;
}

.card-block.card-block-media .card-block-video a svg #path7 {
    -webkit-transition: all .25s;
    transition: all .25s;
    fill: #4c84ec;
    fill: var(--primary-color);
}

.card-block.card-block-media .card-block-video a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11.2%, rgba(223, 234, 247, .5)), color-stop(91.1%, var(--primary-color)));
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, #4c84ec 91.1%);
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, var(--primary-color) 91.1%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card-block.card-block-media .card-block-video a:hover .overlay {
    -webkit-transform: rotate(40deg) scale(2.25);
    transform: rotate(40deg) scale(2.25);
    opacity: .5;
}

.card-block.card-block-media .card-block-video a:hover svg #path7 {
    fill: #3574ea;
    fill: var(--primary-color-dark);
}

.card-block.media-position-right {
    flex-direction: row-reverse;
}

.card-block.media-position-left {
    flex-direction: row;
}

.card-block .card-block-content {
    padding: 32px 16px;
    color: var(--font-color);
}

.card-block .card-block-content .card-block-title {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 24px;
    width: fit-content;
}

.card-block .card-block-content .card-block-body {
    font-size: 1em;
    line-height: 1.50em;
    font-weight: 300;
}

.card-block .card-block-content .card-block-body ul {
    list-style: inside;
}

.card-block .card-block-content .card-block-body ul li::marker {
    content: '- ';
}

.aboutus {
    margin-bottom: 64px;
}

.aboutus-title {
    font-size: 1.75em;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid var(--font-color);
    padding-bottom: 8px;
    margin-bottom: 24px;
    width: fit-content;
    margin-left: 32px;
}

.aboutus-block {
    display: flex;
    flex-direction: row;
    margin: 32px 16px;
    border-radius: 2px;
    overflow: hidden;
}

.aboutus-block .aboutus-block-content,
.aboutus-block .aboutus-block-image {
    flex: 1;
}

.aboutus-block .aboutus-block-image {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: fit-content;
}

.aboutus-block .aboutus-block-image img {
    width: 100%;
    max-height: 100%;
}

.aboutus-block .aboutus-block-video {
    flex: 1;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: fit-content;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.aboutus-block .aboutus-block-video img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutus-block .aboutus-block-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    background-image: linear-gradient(180deg, rgba(223, 234, 247, .5) 11.2%, var(--primary-color) 91.1%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutus-block .aboutus-block-video:hover .overlay {
    transform: rotate(40deg) scale(2.25);
    opacity: .5;
}

.aboutus-block .aboutus-block-video svg {
    top: 50%;
    left: 50%;
    height: 75px;
    transform: translate(-50%, -50%);
    position: absolute;
    bottom: 8px;
}

.aboutus-block .aboutus-block-video svg #path7 {
    fill: var(--primary-color);
}

.aboutus-block .aboutus-block-video:hover svg #path7 {
    fill: var(--primary-color-dark);
}

.aboutus-block.media-position-right {
    flex-direction: row-reverse;
}

.aboutus-block.media-position-left {
    flex-direction: row;
}

.aboutus-block .aboutus-block-content {
    padding: 32px 16px;
    color: var(--font-color);
}

.aboutus-block .aboutus-block-content .aboutus-block-title {
    font-size: 1.10em;
    font-weight: 600;
    margin-bottom: 24px;
    width: fit-content;
}

.aboutus-block .aboutus-block-content .aboutus-block-body {
    font-size: 1em;
    line-height: 1.50em;
    font-weight: 300;
}

.aboutus-block .aboutus-block-content .aboutus-block-body ul {
    list-style: inside;
}

.aboutus-block .aboutus-block-content .aboutus-block-body ul li::marker {
    content: '- ';
}

.aboutus .social {
    padding: 0;
    margin-top: 8px;
}

.aboutus .social .title {
    text-align: left;
    text-transform: none;
    color: var(--accent-color);
    font-size: 1.10em;
    font-weight: 600;
}

.aboutus .social .imgs {
    justify-content: flex-start;
}

html {
    overflow-x: hidden;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

@media screen and (max-width: 860px) {
    .advantage_grid .advantage_row .advantage {
        flex-basis: 95%;
        max-width: 250px;
    }
    .card-block.media-position-right,
    .card-block.media-position-left {
        flex-direction: column;
    }
    .aboutus-block {
        flex-direction: column;
    }
    .aboutus-block .aboutus-block-image {
        display: flex;
        justify-content: center;
    }
    .aboutus-block .aboutus-block-image img {
        max-width: 570px;
    }
    .aboutus-block .aboutus-block-video {
        max-width: 570px;
        align-self: center;
    }
    .aboutus-block-body .btn {
        margin: auto auto;
    }
    .aboutus-block-body .social .title {
        text-align: center;
    }
    .aboutus-block-body .social .imgs {
        justify-content: center;
    }
}

@media all and (max-width: 1075px) and (min-width: 861px) {
    .main-nav .menu-item a {
        font-size: 0.9em;
    }
    /* .main-nav .brand { */
        /* display: none !important; */
    /* } */
}

.form-group-search-v2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 625px;
    margin-top: 40px;
    height: 100px;
}
.form-group-search-v2.public{
    margin-top: 20px;
    height: 140px;
    max-width: 810px;
}

.form-group-search-v2 .fgs-input,
.form-group-search-v2 .fgs-select {
    display: flex;
    height: 36px;
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 10px;
    line-height: 33px;
    margin: 0 10px;
}

.form-group-search-v2 .fgs-input svg,
.form-group-search-v2 .fgs-select svg {
    height: 20px;
    width: 20px;
    fill: #919191;
}

.form-group-search-v2 .fgs-input input {
    border: none;
    margin-left: 10px;
    width: 100%;
}

.fgs-autocomplete {
    padding: 5px;
    border-radius: 0 0 10px 10px;
}

.fgs-autocomplete li {
    display: flex;
    height: 30px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    align-items: center;
}

.fgs-autocomplete.localisation li {
    height: 35px;
}

.fgs-autocomplete li div {
    flex: 1;
    height: 100%;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
    background: #FFF;
}

.fgs-autocomplete.localisation li div {
    line-height: 15px;
}

.fgs-autocomplete li div.ui-state-active {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    color: inherit;
    border: none;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.form-group-search-v2 .fgs-select {
    min-width: 150px;
}

.form-group-search-v2 .fgs-select .sol-container {
    width: 100%;
}

.form-group-search-v2 .fgs-select .sol-inner-container {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.fgs-select-container {
    position: fixed;
    background: #FFF;
    z-index: 100;
    padding: 5px;
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    max-height: 250px;
    overflow-y: auto;
}

.fgs-select-container .sol-option .sol-label {
    display: flex;
    align-items: center;
    padding: 5px;
}

.fgs-select-container .sol-option .sol-label input {
    display: none;
}

.fgs-select-container .sol-option .sol-label .sol-label-text {
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.fgs-select-container .sol-option .sol-label .sol-label-text:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    height: 10px;
    width: 10px;
    border: 1px solid rgb(51, 51, 51);
    border-radius: 2px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
}

.fgs-select-container .sol-option .sol-label {
    cursor: pointer !important;
    min-height: 30px;
}

.fgs-select-container .sol-option:hover,
.fgs-select-container .keyboard-selection {
    border-radius: 5px;
    background: rgba(0, 0, 0, .1) !important;
    color: rgb(51, 51, 51) !important;
    cursor: pointer !important;
    border: none;
}

.fgs-select-container .sol-option .sol-label input:checked+.sol-label-text:after {
    content: '\2713';
    color: #FFF;
    background: rgb(51, 51, 51);
}

.fgs-input.input_job_title {
    width: calc(55% - 20px);
}

.fgs-input.input_localisation {
    width: calc(45% - 20px);
}

.fgs-select.select_subsidiaries {
    width: calc(37.12% - 10px);
}

.fgs-select.select_subsidiaries.public {
    width: calc(45% - 20px);
}

.fgs-select.select_subsidiaries.public_sante {
    width: calc(30% - 20px);
}

.fgs-select.select_contract {
    width: calc(37.12% - 10px);
}

.fgs-select.select_contract.public {
    width: calc(55% - 20px);
}

.fgs-select.select_contract.public_sante {
    width: calc(35% - 20px);
}

.fgs-select.select_categorie {
    width: calc(37.12% - 10px);
}

.fgs-select.select_contractStatus {
    width: calc(37.12% - 10px);
}

.fgs-select.select_posteTypes.public_sante {
    width: calc(35% - 20px);
}

.form-group-search-v2 button {
    margin-left: 10px;
}

.second-nav .container .form-group-search-v2 {
    margin: 0;
    max-width: 100%;
    height: 100%;
    flex-wrap: nowrap;
}

.second-nav .container .form-group-search-v2.public_sante {
    max-width: none;
    flex-wrap: wrap;
    justify-content: space-between;
}

.second-nav .fgs-input,
.second-nav .fgs-select {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.second-nav .fgs-input.input_job_title {
    width: auto;
    flex: 2;
    margin: 0 10px 0 0;
}
.second-nav .fgs-input.input_job_title.public {
    flex: 1 1 0%;
}
.second-nav .fgs-input.input_job_title.public_sante {
    flex: 2 1 20%;
}

.second-nav .fgs-input.input_localisation {
    width: auto;
    flex: 1;
    margin: 0 10px;
}

.second-nav .fgs-input.input_localisation.public_sante {
    flex: 1 1 20%;
}

.second-nav .fgs-select.select_subsidiaries {
    width: auto;
    margin: 0 10px;
    flex: 1;
}

.second-nav .fgs-select.select_subsidiaries.public_sante {
    flex: 2 1 20%;
}

.second-nav .fgs-select.select_contract {
    width: auto;
    margin: 0 10px;
    flex: 1;
}

.second-nav .fgs-select.select_contract.public_sante {
    flex: 1 1 20%
}

.second-nav .fgs-select.select_categorie {
    width: auto;
    margin: 0 10px;
    flex: 1;
}

.second-nav .fgs-select.select_categorie.public_sante {
    flex: 1 1 20%
}

.second-nav .fgs-select.select_contractStatus {
    width: auto;
    margin: 0 10px;
    flex: 1;
}

.second-nav .fgs-select.select_contractStatus.public_sante {
    flex: 1 1 20%
}

.second-nav .fgs-select.select_posteTypes {
    width: auto;
    margin: 0 10px;
    flex: 1;
}

.second-nav .fgs-select.select_posteTypes.public_sante {
    flex: 1 1 20%
}

.form-group-search-v2 button svg {
    display: none;
}

@media screen and (max-width: 1075px) and (min-width: 861px) {
    .second-nav .form-group-search-v2 button span {
        display: none;
    }
    .second-nav .form-group-search-v2 button svg {
        display: block;
    }
}

#filters-card .form-group-search-v2 {
    flex-direction: column;
    max-width: none;
    flex-wrap: nowrap;
    height: auto;
}

#filters-card .form-group-search-v2>* {
    width: 100% !important;
    margin: 10px 0;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

#tarteaucitronRoot button {
    height: 20px !important;
}

#tarteaucitronBack {
    display: none !important;
}

.tarteaucitronTitle {
    margin-left: 5px !important;
    margin-bottom: 5px !important;
}