@charset "utf-8";
@font-face {
    font-family: segoe_ui_light;
    src: url("https://www.logigroup.com/en-fr/font/segoe_ui_light.ttf"), url("https://www.logigroup.com/en-fr/font/segoe_ui_light.eot");;
    font-display: swap
}

@font-face {
    font-family: segoe_ui_sb;
    src: url("https://www.logigroup.com/en-fr/font/seguisb.ttf"), url("https://www.logigroup.com/en-fr/font/seguisb.eot");;
    font-display: swap
}

span.cc-cookie-settings-toggler::after {
    font-size: 10px !important
}

.cookie-text-v-en {
    display: none
}

joomla-alert {
    --jui-alert-min-width: 250px;
    --jui-alert-padding: .5rem 1.25rem;
    --jui-alert-margin: 0 0 1rem 0;
    --jui-alert-border: 1px solid transparent;
    --jui-alert-border-radius: .25rem;
    --jui-alert-animation-duration: .5s;
    --jui-alert-animation-timing-function: ease-in-out;
    --jui-alert-button-color-dark: #000;
    --jui-alert-button-color-light: #fff;
    --jui-alert-success-color: #234423;
    --jui-alert-success-background-color: #d9e6d9;
    --jui-alert-success-border-color: #cadcca;
    --jui-alert-success-link-color: #122212;
    --jui-alert-info-color: #0c5460;
    --jui-alert-info-background-color: #d1ecf1;
    --jui-alert-info-border-color: #bee5eb;
    --jui-alert-info-link-color: #062c33;
    --jui-alert-warning-color: #7d5a29;
    --jui-alert-warning-background-color: #fcefdc;
    --jui-alert-warning-border-color: #fbe8cd;
    --jui-alert-warning-link-color: #573e1c;
    --jui-alert-danger-color: #712b29;
    --jui-alert-danger-background-color: #f7dddc;
    --jui-alert-danger-border-color: #f4cfce;
    --jui-alert-danger-link-color: #4c1d1b;
    -webkit-animation-duration: var(--jui-alert-animation-duration, .5s);
    animation-duration: var(--jui-alert-animation-duration, .5s);
    -webkit-animation-timing-function: var(--jui-alert-animation-timing-function, ease-in-out);
    animation-timing-function: var(--jui-alert-animation-timing-function, ease-in-out);
    border: var(--jui-alert-border, 1px solid transparent);
    border-radius: var(--jui-alert-border-radius, .25rem);
    display: block;
    margin: var(--jui-alert-margin, 0 0 1rem 0);
    min-width: var(--jui-alert-min-width, 250px);
    padding: var(--jui-alert-padding, .5rem 1.25rem)
}

joomla-alert .joomla-alert--close {
    background: transparent;
    border: 0;
    color: var(--jui-alert-button-color-dark, #000);
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    padding: .2rem 1rem;
    position: relative;
    right: -1.25rem;
    text-shadow: 0 1px 0 var(--jui-alert-button-color-light, #fff);
    top: -.5rem
}

joomla-alert .joomla-alert--close:focus, joomla-alert .joomla-alert--close:hover {
    color: var(--jui-alert-button-color-dark, #000);
    cursor: pointer;
    opacity: .75;
    text-decoration: none
}

joomla-alert[type=success] {
    background-color: var(--jui-alert-success-background-color, #d9e6d9);
    border-color: var(--jui-alert-success-border-color, #cadcca);
    color: var(--jui-alert-success-color, #234423)
}

joomla-alert[type=success] hr {
    border-top-color: var(--jui-alert-success-border-color, #cadcca)
}

joomla-alert[type=success] .alert-link {
    color: var(--jui-alert-success-link-color, #122212)
}

joomla-alert[type=info] {
    background-color: var(--jui-alert-info-background-color, #d1ecf1);
    border-color: var(--jui-alert-info-border-color, #bee5eb);
    color: var(--jui-alert-info-color, #0c5460)
}

joomla-alert[type=info] hr {
    border-top-color: var(--jui-alert-info-border-color, #bee5eb)
}

joomla-alert[type=info] .alert-link {
    color: var(--jui-alert-info-link-color, #062c33)
}

joomla-alert[type=warning] {
    background-color: var(--jui-alert-warning-background-color, #fcefdc);
    border-color: var(--jui-alert-warning-border-color, #fbe8cd);
    color: var(--jui-alert-warning-color, #7d5a29)
}

joomla-alert[type=warning] hr {
    border-top-color: var(--jui-alert-warning-border-color, #fbe8cd)
}

joomla-alert[type=warning] .alert-link {
    color: var(--jui-alert-warning-link-color, #573e1c)
}

joomla-alert[type=danger] {
    background-color: var(--jui-alert-danger-background-color, #f7dddc);
    border-color: var(--jui-alert-danger-border-color, #f4cfce);
    color: var(--jui-alert-danger-color, #712b29)
}

joomla-alert[type=danger] hr {
    border-top-color: var(--jui-alert-danger-border-color, #f4cfce)
}

joomla-alert[type=danger] .alert-link {
    color: var(--jui-alert-danger-link-color, #4c1d1b)
}

html[dir=rtl] joomla-alert .joomla-alert--close, html[dir=rtl] joomla-alert .joomla-alert-button--close {
    float: left;
    left: -1.25rem;
    right: auto
}

@-webkit-keyframes joomla-alert-fade-in {
    0% {
        opacity: 0
    }
}

@keyframes joomla-alert-fade-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes joomla-alert-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes joomla-alert-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media (prefers-reduced-motion: reduce) {
    joomla-alert {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important
    }
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-opacity-60 {
    opacity: 0.6
}

.cc-window.cc-opacity-70 {
    opacity: 0.7
}

.cc-window.cc-opacity-80 {
    opacity: 0.8
}

.cc-window.cc-opacity-90 {
    opacity: 0.9
}

.cc-window.cc-opacity-95 {
    opacity: 0.95
}

.cc-window.cc-opacity-100 {
    opacity: 1
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-1em)
}

.cc-animate.cc-revoke.cc-center {
    transform: translateY(-1em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(1em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-animate.cc-revoke.cc-active.cc-center, .cc-animate.cc-revoke-bottom.cc-active, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-animate.cc-revoke-bottom.cc-center {
    transform: translateY(1em)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-flow: row wrap;
    z-index: 99999999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: initial
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em;
    align-items: center
}

.cc-revoke img, .cc-revoke i, .cc-revoke span {
    margin-right: 5px
}

.cc-revoke.cc-top.cc-animate {
    padding: 1em .5em 0.2em
}

.cc-revoke.cc-center.cc-animate {
    padding: 1em .5em 0.2em
}

.cc-revoke.cc-bottom.cc-animate {
    padding: 0.2em .5em 1em
}

.cc-revoke-bottom.cc-center.cc-animate {
    padding: 0.2em .5em 1em
}

.cc-header {
    font-size: 18px;
    font-weight: 700;
    max-width: 256px;
    margin-top: 2px
}

span.cc-message span.cc-cookie-settings-toggle {
    padding: .2em .4em;
    font-size: .9em;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    margin-top: 4px
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

div.cc-center .cc-link {
    width: fit-content
}

.cc-link {
    opacity: .9;
    display: inline-block;
    padding: .2em .2em .2em 0;
    margin: 0 4px 0 0;
    background: transparent;
    transition: opacity .2s
}

.cc-link:hover {
    opacity: 1;
    background: transparent
}

.cc-link:active, .cc-link:visited, .cc-link:focus {
    outline: none;
    background: transparent
}

a.cc-link label {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: inherit;
    cursor: pointer
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    text-decoration: none
}

a.cc-btn:hover {
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .4em;
    right: .1em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75;
    outline: none
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top, .cc-revoke.cc-center {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: auto
}

.cc-revoke.cc-right {
    right: 3em;
    left: auto
}

.cc-revoke.cc-center {
    left: 50%;
    margin-left: -75px;
    top: 0;
    margin-top: 0
}

.cc-revoke.cc-center.cc-revoke-bottom {
    bottom: 0;
    top: auto;
    margin-top: auto;
    border-radius: 0;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-center.cc-revoke-top {
    border-radius: 0;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-center.cc-revoke-bottom-right {
    right: 3em;
    left: auto;
    bottom: 0;
    top: auto;
    margin-top: auto;
    border-radius: 0;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-center.cc-revoke-top-right {
    right: 3em;
    left: auto;
    border-radius: 0;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-center.cc-revoke-bottom-left {
    left: 3em;
    right: auto;
    bottom: 0;
    top: auto;
    margin: auto;
    border-radius: .5em .5em 0 0
}

.cc-revoke.cc-center.cc-revoke-top-left {
    left: 3em;
    right: auto;
    top: 0;
    bottom: auto;
    margin: auto;
    border-radius: 0 0 .5em .5em
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-center {
    top: 50%;
    left: 50%;
    margin-left: -192px;
    margin-top: -130px
}

.cc-center.cc-allowall-button {
    margin-left: -256px
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

span.cc-header + span.cc-message span.cc-message-text {
    margin-right: 5px
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    flex-wrap: wrap
}

.cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1 1 auto
}

div.cc-compliance > a.cc-btn {
    margin-right: .5em;
    margin-top: .2em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 319px) {
    .cc-btn {
        white-space: normal
    }
}

@media (max-width: 639px) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        flex: 1
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 0 0 1em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 0
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

span.cc-cookie-settings-toggle {
    cursor: pointer
}

span.cc-cookie-settings-toggler {
    transform: rotate(180deg);
    transition: transform 250ms;
    display: inline-block
}

span.cc-cookie-settings-toggler.cc-opened {
    transform: rotate(0deg)
}

@media (min-width: 640px) {
    div.fancybox-30 {
        max-width: 599px
    }
}

@media (min-width: 800px) {
    div.fancybox-50 {
        max-width: 799px
    }
}

div.cc-checkboxes-container {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    margin-top: 6px
}

div.cc-checkboxes-container input[type=checkbox] {
    margin: 0 !important;
    padding: 0 !important
}

div.cc-checkboxes-container a:not(.cc-btn) {
    margin: 0 0 0 2px;
    padding: 3px 6px 0 0;
    text-decoration: none
}

div.cc-checkbox-container {
    display: flex;
    margin-right: 6px;
    margin-bottom: 5px;
    align-items: center;
    position: relative
}

div.cc-checkbox-container:not(:last-child) a {
    border-right: 1px solid #FFF
}

div.cc-floating div.cc-checkboxes-container {
    margin-top: 15px
}

div.cc-checkboxes-container a.cc-btn.cc-allow {
    min-width: fit-content;
    padding: 0.2em .6em;
    height: 16px;
    box-sizing: content-box
}

div.cc-cookie-category-title {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #333;
    display: inline-block
}

div.cc-cookie-category-title-acceptdate, span.cc-cookie-title-acceptdate {
    font-weight: normal;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #6c757d;
    cursor: auto
}

span.cc-cookie-title-acceptdate {
    animation: append-animate .3s linear
}

input.cc-cookie-checkbox + span {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    height: 18px;
    width: 18px
}

input.cc-cookie-checkbox[readonly] + span, input.cc-cookie-checkbox[disabled] + span {
    cursor: auto
}

input.cc-cookie-checkbox + span:after, input.cc-cookie-checkbox + span:before {
    position: relative;
    display: block;
    content: "";
    box-sizing: content-box !important
}

div.cc-cookie-category-description {
    padding: 10px 0
}

fieldset.cc-cookie-list-title, fieldset.cc-service-list-title {
    margin: 0;
    padding: 0;
    border: none
}

fieldset.cc-service-list-title.cc-service-collapsed > *:not(legend) {
    display: none
}

fieldset.cc-service-list-title {
    margin-bottom: 10px
}

fieldset.cc-cookie-list-title legend {
    float: none;
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    padding: 0;
    line-height: 36px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px
}

fieldset.cc-service-list-title legend {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    min-width: 50%;
    border-bottom: none;
    line-height: 32px;
    margin-bottom: 0;
    padding-left: 10px;
    background: #ececec
}

div.cc-service-cookie-list-title {
    font-size: 15px;
    margin: 4px 0 2px 10px;
    border-bottom: 1px solid #ccc;
    width: fit-content
}

fieldset.cc-service-list-title ul.cc-cookie-category-list {
    margin-left: 25px
}

ul.cc-cookie-category-list, #main div.gdpr-component-view ul.cc-cookie-category-list {
    margin: 0;
    padding: 0;
    position: relative
}

ul.cc-cookie-category-list li, #main div.gdpr-component-view ul.cc-cookie-category-list li {
    margin-bottom: 4px;
    overflow: hidden;
    font-size: 14px;
    list-style: none;
    min-height: 20px;
    background: #f2f2f2;
    padding: 10px
}

input.cc-cookie-checkbox {
    height: 16px !important;
    width: 16px !important;
    min-height: 18px !important;
    border-radius: 1px;
    box-sizing: content-box !important;
    cursor: pointer !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    background: none !important;
    border: none !important
}

input.cc-cookie-checkbox + span:before {
    border: 1px solid grey;
    background: #FFF;
    width: 16px;
    height: 16px;
    left: -1px
}

input.cc-cookie-checkbox + span:after {
    left: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #dcddde #dcddde #b3b3b3;
    background-image: linear-gradient(135deg, #b1b6be 0, #FFF 100%);
    background-repeat: no-repeat;
    background-position: center;
    top: -16px;
    width: 12px;
    height: 12px
}

input.cc-cookie-checkbox:checked + span:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGMUE0MkE1QkJDMjExRTM5QUIxQzQwRjkwREYzMUIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGMUE0MkE2QkJDMjExRTM5QUIxQzQwRjkwREYzMUIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YxQTQyQTNCQkMyMTFFMzlBQjFDNDBGOTBERjMxQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YxQTQyQTRCQkMyMTFFMzlBQjFDNDBGOTBERjMxQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IZcVrAAAA5UlEQVR42mL8//8/AyMjIwMxQHwRgwOQAuEJjMRqBGoSAFL3gRhEf2BiIB7Mh2oCgQ+MFy5c+E9Ix/o3SxlmPOtGFnJkAZEGBgaMeJyoAKTOI9k24WUcwwEmNEUGBJx4AaipEMRgQtIEUnAeSCcgiRVAQxEGEmEMsB/dLxk4Atn70RRcgDoRDGLEMxh63WfAvQSz8QIUIztvPRL/QixQIzIAawS6+wMopNA0K8CCHogD0T0O9yMOzSDQCJR7gFMjmuYFUKEDQLEJ2KKJBV0AqjkRGKILsdiOqhFv6kHSCkrXMAAQYACIkU0SIPgtxAAAAABJRU5ErkJggg==), linear-gradient(135deg, #B1B6BE 0, #FFF 100%)
}

input.cc-cookie-checkbox[readonly] {
    opacity: 0
}

input.cc-cookie-checkbox[readonly] + span {
    opacity: .5
}

input.cc-cookie-checkbox:disabled + span:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4MjZEMDk4NTMxQTExRThCQTA1ODgzNDUyQ0M0QzlFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4MjZEMDk5NTMxQTExRThCQTA1ODgzNDUyQ0M0QzlFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDgyNkQwOTY1MzFBMTFFOEJBMDU4ODM0NTJDQzRDOUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDgyNkQwOTc1MzFBMTFFOEJBMDU4ODM0NTJDQzRDOUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mUCrwAAAAuklEQVR42mJ4xMDg/oCB4T8IP2RgiGOAgv8MDMxAscNQuauPGRg4GYGMN0A5YZgiRgaGeDkGhqVAjQeAXBsGBNgCUlwEZPQy4AFAW34CKQlGEAefBphCRQaGD4wwQWwakBWC+EwwzwCpQHRTgSaxAxX4wfkghVg8g64pXp6BYRETukKo1a1ozlkIClYWIFsT3Y0KQDcC/fAO2Q//GBi0QQrYQGF9n4HhBxALIJsI8jQoUoDinSA+QIABABYuPryJlkH5AAAAAElFTkSuQmCC), linear-gradient(135deg, #B1B6BE 0, #FFF 100%)
}

div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked + span:before, div.cc-checkbox-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked + span:after {
    background-color: #28a745;
    border-color: #28a745;
    transition: background-color .25s
}

div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked + span:after {
    content: "";
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    position: absolute;
    left: 4px;
    top: 1px;
    height: 11px;
    width: 6px;
    transform: rotate(45deg);
    border-color: #fff;
    background: transparent
}

div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled + span:before, div.cc-checkbox-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled + span:after {
    background-color: #a72828;
    border-color: #a72828;
    transition: background-color .25s
}

div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled + span:after {
    content: "+";
    position: absolute;
    left: 3px;
    top: -1px;
    height: 11px;
    width: 6px;
    transform: rotate(45deg);
    background: transparent;
    font-size: 26px;
    border: none;
    color: #FFF
}

div.cc-settings-label {
    opacity: .8;
    font-size: 14px;
    margin-right: 4px
}

@media (max-width: 600px) {
    div.cc-settings-label {
        width: 100%;
        margin-bottom: 2px
    }
}

div.cc-window.cc-floating div.cc-settings-label {
    width: 100%;
    margin-bottom: 2px
}

div.gdprlock-placeholder, div.gdprcookielock-placeholder {
    position: relative;
    background-color: #dfdfdf;
    min-width: 200px;
    min-height: 120px;
    display: flex
}

div.gdprlock-placeholder.gdprlock-placeholder-action {
    cursor: pointer
}

div.gdprlock-placeholder-text, div.gdprcookielock-placeholder-text {
    font-size: 20px;
    text-align: center;
    width: 80%;
    margin: auto;
    line-height: initial
}

@media screen and (max-width: 640px) {
    div.gdprlock-placeholder-text, div.gdprcookielock-placeholder-text {
        width: 100%
    }
}

@media screen and (max-width: 499px) {
    div.cc-window.cc-floating div.cc-compliance {
        flex-wrap: wrap
    }

    div.cc-window.cc-floating div.cc-compliance a.cc-btn {
        margin-bottom: 5px
    }

    div.cc-window.cc-floating.cc-center {
        left: auto;
        margin-left: auto;
        max-width: none
    }
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }
}

.flipOutX {
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 0deg)
    }
}

.flipInX {
    animation-duration: .75s;
    animation-name: flipInX;
    backface-visibility: visible !important
}

span.cc-cookie-descriptions-toggler, span.cc-services-descriptions-toggler {
    transition: transform 250ms;
    display: inline-block;
    transform: rotate(180deg);
    cursor: pointer;
    margin: 1px 4px 2px 0;
    line-height: unset;
    position: absolute;
    left: -15px
}

span.cc-cookie-descriptions-toggler.cc-cookie-descriptions-toggler-open, span.cc-services-descriptions-toggler.cc-services-descriptions-toggler-open {
    transform: rotate(0)
}

span.cc-cookie-descriptions-toggler + span.cc-cookie-category-name {
    cursor: pointer;
    padding: 8px 0
}

div.cc-cookie-descriptions {
    clear: both;
    display: none;
    margin-top: 10px;
    padding-left: 5px
}

div.cc-cookie-descriptions > * {
    margin: 0
}

div.cc-cookie-expiration {
    display: flex;
    font-weight: 400;
    margin-top: 8px;
    font-size: 14px;
    border-top: 2px solid #e1e1e1;
    padding-top: 6px
}

div.cc-cookie-expiration > span {
    flex: 1 1 auto
}

span.cc-cookie-domain-description-title {
    font-weight: 500
}

span.cc-cookie-domain-description-value {
    font-size: 13px
}

fieldset.cc-cookie-list-title .gdpr_onoffswitchcookie {
    width: 66px;
    position: relative;
    float: right;
    margin: 2px 10px 0 0
}

fieldset.cc-cookie-list-title .gdpr_onoffswitch-label {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: auto;
    width: auto;
    max-width: initial
}

fieldset.cc-cookie-list-title .gdpr_onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: 0;
    transition: margin .2s ease-in 0s
}

.gdpr_onoffswitch-inner::after, fieldset.cc-cookie-list-title .gdpr_onoffswitch-inner::before {
    display: block;
    float: left;
    width: 50%;
    height: 22px;
    padding: 0;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    box-sizing: border-box
}

fieldset.cc-cookie-list-title .gdpr_onoffswitch-inner::before {
    content: "ON";
    padding-left: 14px;
    background-color: #19a319;
    color: #fff;
    transition: background-color .2s
}

fieldset.cc-cookie-list-title .gdpr_onoffswitch-inner::after {
    content: "OFF";
    padding-right: 10px;
    background-color: #f01f1f;
    transition: background-color .2s;
    color: #fff;
    text-align: right
}

fieldset.cc-cookie-list-title .gdpr_onoffswitch-switch {
    display: block;
    width: 20px;
    height: 18px;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 2px;
    right: 2px;
    transition: all .2s ease-in 0s
}

fieldset.cc-cookie-list-title .gdpr_cookie_switcher span.gdpr_onoffswitch-switch {
    width: 14px;
    height: 14px
}

fieldset.cc-cookie-list-title .gdpr_cookie_switcher label.gdpr_onoffswitch-label {
    height: 18px
}

fieldset.cc-cookie-list-title .gdpr_cookie_switcher span.gdpr_onoffswitch-inner::after, fieldset.cc-cookie-list-title .gdpr_cookie_switcher span.gdpr_onoffswitch-inner::before {
    line-height: 18px
}

fieldset.cc-cookie-list-title .gdpr_onoffswitchcookie.gdpr_cookie_switcher.disabled .gdpr_onoffswitch-inner {
    margin-left: -100%
}

fieldset.cc-cookie-list-title .gdpr_onoffswitchcookie.gdpr_cookie_switcher.disabled .gdpr_onoffswitch-switch {
    right: 50px
}

fieldset.cc-cookie-list-title div.gdpr_cookie_switcher.inactive span.gdpr_onoffswitch-inner::before, fieldset.cc-cookie-list-title div.gdpr_cookie_switcher.inactive span.gdpr_onoffswitch-inner::after {
    background-color: #d0d0d0
}

fieldset.cc-service-list-title legend div.gdpr_cookie_switcher {
    margin-top: 8px;
    margin-left: 8px
}

#gdpr_reload_msg {
    width: 212px;
    min-height: 40px;
    cursor: auto;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -109px;
    margin-top: 0;
    box-shadow: 0 0 7px 5px rgba(0, 0, 0, .4);
    border-radius: 30px;
    z-index: 20000;
    background-color: #eee;
    padding: 3px
}

#gdpr_reload_msg::before {
    content: '';
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: -10px;
    left: 18px
}

#gdpr_reload_msgtext {
    width: 210px;
    clear: both;
    margin: 2px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

#gdpr_reload_msgtext::before {
    content: '';
    background: #eee;
    width: 15px;
    height: 15px;
    border-top: 0 solid rgba(0, 0, 0, .18);
    border-bottom: 1px solid rgba(0, 0, 0, .18);
    border-right: 1px solid rgba(0, 0, 0, .18);
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 20px;
    display: block;
    position: absolute;
    bottom: -15px;
    right: 50px;
    box-shadow: 1px 7px 8px 1px rgba(0, 0, 0, .4)
}

#gdpr_reload_info_icon {
    position: absolute;
    top: -8px;
    left: 0;
    font-size: 20px;
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    line-height: 20px
}

body.gdpr-backdrop-effect {
    filter: brightness(50%)
}

body.gdpr-prevent-scrolling {
    overflow: hidden
}

div.cc-window.gdpr-prevent-scrolling {
    overflow: auto;
    max-height: 90%;
    flex-wrap: unset
}

div.cc-center-xtd.gdpr-prevent-scrolling span.cc-message span.cc-cookie-settings-toggle {
    position: static;
    margin-top: 10px
}

div.cc-window.gdpr-prevent-scrolling, span.cc-message {
    scrollbar-width: thin !important
}

div.cc-window.gdpr-prevent-scrolling::-webkit-scrollbar, span.cc-message::-webkit-scrollbar {
    width: 8px
}

div.cc-window.gdpr-prevent-scrolling::-webkit-scrollbar-track, span.cc-message::-webkit-scrollbar-track {
    background: #f1f1f1
}

div.cc-window.gdpr-prevent-scrolling::-webkit-scrollbar-thumb, span.cc-message::-webkit-scrollbar-thumb {
    background: #666
}

div.cc-window.gdpr-prevent-scrolling::-webkit-scrollbar-thumb:hover, span.cc-message::-webkit-scrollbar-thumb:hover {
    background: #555
}

@media (max-height: 640px) {
    div.cc-floating > a.cc-link {
        margin-bottom: .4em
    }

    div.cc-window:not(.cc-center) span.cc-message {
        overflow: auto;
        max-height: 240px;
        min-width: min-content
    }

    div.cc-window:not(.cc-center) span.cc-header + span.cc-message {
        overflow: auto;
        max-height: 200px;
        min-width: min-content
    }
}

@media (max-height: 480px) {
    div.cc-window:not(.cc-center) span.cc-message {
        overflow: auto;
        max-height: 160px;
        min-width: min-content
    }

    div.cc-window:not(.cc-center) span.cc-header + span.cc-message {
        overflow: auto;
        max-height: 100px
    }
}

@media (max-height: 360px) {
    div.cc-window:not(.cc-center) span.cc-message {
        overflow: auto;
        max-height: 100px;
        min-width: min-content
    }

    div.cc-window:not(.cc-center) span.cc-header + span.cc-message {
        overflow: auto;
        max-height: 50px
    }
}

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

@keyframes append-opacity {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

div.gdpr-component-view {
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 20px;
    background: #fafafa
}

div.gdpr-component-view div.cc-cookie-category-title {
    position: relative
}

div.gdpr-component-view div.cc-checkboxes-container span.cc-checkboxes-placeholder {
    top: 25px
}

div.gdpr-component-view div.gdpr_cookie_switcher {
    display: none
}

div.gdpr-component-view div.cc-cookie-category-title-acceptdate {
    animation: append-opacity .3s linear
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox + span {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    transition: .4s
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox[readonly] + span {
    cursor: auto
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox + span::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 14px;
    left: 5px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border: none;
    border-radius: 0
}

div.gdpr-component-view div.cc-checkbox-container input.cc-cookie-checkbox:checked + span:after, div.gdpr-component-view div.cc-checkbox-container input.cc-cookie-checkbox:disabled + span:after, div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:checked + span::before, div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:disabled + span::before {
    background-color: #fff;
    border-color: #fff;
    transition: .4s
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:checked + span {
    background-color: #19a319
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:focus + span {
    box-shadow: 0 0 1px #19a319
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:checked + span::before {
    transform: translateX(18px)
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:checked + span.cc-checkbox-switcher-category-transitioning::before {
    transform: none;
    left: 3px
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox + span {
    width: 42px
}

div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:disabled + span {
    background-color: #f01f1f;
    opacity: .7;
    cursor: auto
}

div.gdpr-component-view input.cc-cookie-checkbox + span:after {
    background: 0 0;
    display: none
}

div.gdpr-component-view div.cc-cookie-category-title {
    position: relative;
    margin-bottom: 20px;
    border: none
}

div.gdpr-component-view div.cc-cookie-category-title:after {
    background: #ccc;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 82px;
    transition: all .33s ease-in-out
}

div.gdpr-component-view div.cc-cookie-category-title:hover:after {
    width: 180px
}

div.cc-cookie-acceptdate-hidden, span.cc-cookie-acceptdate-hidden {
    display: none
}

div.cc-gdpr-component-view a.cc-btn {
    margin: 5px;
    border-radius: 5px
}

div.cc-gdpr-component-view a.cc-btn.cc-allow, div.cc-gdpr-component-view a.cc-btn.cc-allow:hover, div.cc-gdpr-component-view a.cc-btn.cc-allow:focus {
    background: #FFF;
    color: #000;
    border-color: #000
}

div.cc-gdpr-component-view a.cc-btn.cc-allowall, div.cc-gdpr-component-view a.cc-btn.cc-allowall:hover, div.cc-gdpr-component-view a.cc-btn.cc-allowall:focus {
    background: #FFF;
    color: #000;
    border-color: #000
}

div.cc-gdpr-component-view a.cc-btn.cc-deny, div.cc-gdpr-component-view a.cc-btn.cc-deny:hover, div.cc-gdpr-component-view a.cc-btn.cc-deny:focus {
    background: #313131;
    color: #FFF;
    border-color: #000
}

div.gdpr-component-view fieldset.cc-service-list-title ul.cc-cookie-category-list li {
    margin: 5px 0 0 0
}

div.gdpr-component-view ul.cc-cookie-category-list li, #main div.gdpr-component-view ul.cc-cookie-category-list li {
    margin: 5px 0 0 0;
    padding: 4px 0 4px 6px
}

div.gdpr-component-view fieldset.cc-cookie-list-title div.gdpr_onoffswitchcookie:not([data-type=service]) {
    margin: 1px 10px 0 0
}

div.gdpr-component-view fieldset.cc-service-list-title {
    margin-top: 10px
}

span.cc-cookie-descriptions-toggler, span.cc-services-descriptions-toggler, div.gdpr-component-view span.cc-cookie-descriptions-toggler, div.gdpr-component-view span.cc-services-descriptions-toggler {
    position: relative;
    left: 0
}

.fancybox-container, .fancybox-thumbs, .fancybox-thumbs > ul > li {
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide::-webkit-scrollbar {
    -webkit-appearance: none
}

.fancybox-slide {
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.fancybox-outer, .fancybox-thumbs {
    -webkit-overflow-scrolling: touch
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.gdpr-fancybox-container {
    z-index: 99999999
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-background, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto
}

div.fancybox-is-open div.fancybox-inner {
    position: absolute
}

div.fancybox-background {
    width: 0;
    height: 0
}

div.fancybox-container.fancybox-is-open div.fancybox-background {
    width: auto;
    height: auto
}

.fancybox-outer {
    overflow-y: auto
}

.fancybox-background {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-background {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    color: #000;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: hidden;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content, .fancybox-spaceball {
    left: 0;
    margin: 0;
    max-width: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    padding: 0
}

.fancybox-button, .fancybox-iframe {
    vertical-align: top
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    max-height: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 5px;
    width: 100%
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: 0;
    padding: 10px;
    transition: color .2s;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus, .fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2), .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button::after {
    content: '';
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: 0
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
    background: 0 0;
    color: #fff
}

.fancybox-caption::after, .fancybox-caption::before {
    display: block;
    position: absolute;
    content: ''
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    left: 0;
    pointer-events: none;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    left: 44px;
    right: 44px;
    top: 0
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: 0 0;
    border: 6px solid rgba(100, 100, 100, .5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs > ul > li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media all and (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

div.fancybox-skin div.fancybox-inner, div.fancybox-skin div.fancybox-outer {
    position: relative !important
}

.convertforms {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--font);
    max-width: var(--max-width);
    background-color: var(--background-color);
    border: var(--border);
    border-radius: var(--border-radius);
    padding: var(--padding);
    background-image: var(--background-image);
    background-repeat: var(--background-repeat);
    background-size: var(--background-size);
    background-position: var(--background-position);
    color: var(--label-color)
}

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

.convertforms .cf-content-heading * {
    font-family: inherit
}

.convertforms button, .convertforms form, .convertforms label, .convertforms .cf-input {
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100%;
    line-height: normal;
    border-radius: 0;
    border: none;
    outline: 0;
    text-transform: none;
    font-family: inherit;
    -webkit-box-shadow: none;
    box-shadow: none
}

.convertforms button:focus, .convertforms form:focus, .convertforms label:focus, .convertforms .cf-input:focus {
    outline: 0
}

.convertforms .cf-label {
    display: inline-block;
    width: auto
}

.convertforms .cf-input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

.convertforms .cf-input[type=checkbox], .convertforms .cf-input[type=radio] {
    width: auto
}

.convertforms textarea.cf-input {
    overflow: auto
}

.convertforms .cf-select {
    position: relative
}

.convertforms .cf-select.cf-width-auto {
    display: inline-block
}

.convertforms .cf-select select {
    background-image: none !important;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.convertforms .cf-select select::-ms-expand {
    display: none
}

.convertforms .cf-select select:-moz-focusring {
    color: rgba(0, 0, 0, 0) !important;
    text-shadow: 0 0 0 #888 !important
}

.convertforms .cf-select:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #a0a0a0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    pointer-events: none
}

.convertforms .cf-select:hover::after {
    border-top-color: #848484
}

@media all and (min-width: 0\0
)and (-webkit-min-device-pixel-ratio: 0), all and (min-width: 0\0
)and (min-resolution: 0.001dpcm) {
    .convertforms .cf-select select {
        padding-right: 0
    }

    .convertforms .cf-select:after, .convertforms .cf-select:before {
        display: none
    }
}

.convertforms .cf-input {
    font-size: 1em;
    color: var(--input-color);
    background-color: var(--input-background-color);
    padding: var(--input-padding);
    border: solid 1px var(--input-border-color);
    border-radius: var(--input-border-radius);
    text-align: var(--input-text-align)
}

.convertforms .cf-input:focus, .convertforms .cf-input:invalid:focus {
    border: solid 1px var(--input-border-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--input-color)
}

.convertforms .cf-input:not(.flatpickr-input)[readonly] {
    -webkit-box-shadow: inset 0 0 0 200px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 0 200px rgba(0, 0, 0, .15)
}

.convertforms .cf-input::-webkit-input-placeholder {
    color: var(--input-color);
    opacity: .5
}

.convertforms .cf-input::-moz-placeholder {
    color: var(--input-color);
    opacity: .5
}

.convertforms .cf-input:-ms-input-placeholder {
    color: var(--input-color);
    opacity: .5
}

.convertforms .cf-input::-ms-input-placeholder {
    color: var(--input-color);
    opacity: .5
}

.convertforms .cf-input::placeholder {
    color: var(--input-color);
    opacity: .5
}

.convertforms .cf-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: calc(-1 * var(--control-gap))
}

.convertforms .cf-control-group {
    padding: var(--control-gap);
    max-width: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.convertforms .cf-control-group.cf-no-padding {
    padding: 0
}

.convertforms .cf-control-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
    font-size: var(--input-size)
}

.convertforms .cf-control-input-desc {
    opacity: .8;
    font-size: .9em;
    color: var(--label-color)
}

.convertforms .cf-checkbox-group, .convertforms .cf-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 2px 0
}

.convertforms .cf-checkbox-group .cf-label, .convertforms .cf-radio-group .cf-label {
    margin: 0;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: var(--input-size)
}

.convertforms .cf-checkbox-group .cf-label p, .convertforms .cf-radio-group .cf-label p {
    margin: 0;
    padding: 0
}

.convertforms .cf-checkbox-group input, .convertforms .cf-radio-group input {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.convertforms.cf-col2 .cf-control-group {
    width: 50%
}

.convertforms.cf-hor .cf-input, .convertforms.cf-hor .cf-btn {
    height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.convertforms .captcha-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.convertforms .captcha-container .captcha-equation {
    font-size: 1.5em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap
}

.convertforms .captcha-container input {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.convertforms .cf-phone-number-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1em;
    color: var(--input-color);
    background-color: var(--input-background-color);
    padding: var(--input-padding);
    border: solid 1px var(--input-border-color);
    border-radius: var(--input-border-radius);
    text-align: var(--input-text-align);
    padding: 0;
    border: 0
}

.convertforms .cf-phone-number-wrapper > .tf-phone-control {
    -webkit-box-shadow: 0 0 0px 1px var(--input-border-color) inset;
    box-shadow: 0 0 0px 1px var(--input-border-color) inset;
    border-radius: var(--input-border-radius)
}

.convertforms .cf-phone-number-wrapper .cf-input {
    padding: var(--input-padding);
    padding-left: 0
}

.convertforms .cf-phone-number-wrapper[readonly] {
    -webkit-box-shadow: inset 0 0 0 200px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 0 200px rgba(0, 0, 0, .15)
}

.convertforms .cf-label {
    color: var(--label-color);
    font-size: var(--label-size);
    margin-bottom: .45em;
    display: block;
    line-height: 1.3;
    font-weight: var(--label-weight)
}

.convertforms .cf-label .cf-required-label {
    color: var(--color-danger);
    font-weight: 400
}

@media (min-width: 640px) {
    .convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide) > * {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide) .cf-control-label {
        max-width: 30%;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .convertforms.cf-form-left form, .convertforms.cf-form-right form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .convertforms.cf-form-left .cf-form-wrap, .convertforms.cf-form-right .cf-form-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .convertforms.cf-form-left .cf-fields, .convertforms.cf-form-right .cf-fields {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .convertforms.cf-form-left .cf-form-wrap {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.convertforms.cf-img-below .cf-content, .convertforms.cf-img-left .cf-content, .convertforms.cf-img-right .cf-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.convertforms.cf-img-below .cf-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.convertforms.cf-img-below .cf-content > div {
    width: 100%
}

.convertforms.cf-img-right .cf-content-img, .convertforms.cf-img-below .cf-content-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.convertforms .cf-content-img img {
    position: relative;
    max-width: 100%;
    padding: 10px;
    display: inline-block
}

.convertforms .cf-btn {
    position: relative;
    cursor: pointer
}

.convertforms .cf-btn, .convertforms .cf-btn:before, .convertforms .cf-btn:after {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.convertforms .cf-btn:active, .convertforms .cf-btn:focus, .convertforms .cf-btn:hover {
    background-image: none;
    border: none
}

.convertforms .cf-btn.cf-btn-style-flat:hover {
    opacity: .8
}

.convertforms .cf-btn.cf-btn-style-gradient {
    position: relative
}

.convertforms .cf-btn.cf-btn-style-gradient:after {
    content: " ";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.convertforms .cf-btn.cf-btn-style-gradient:hover:after {
    opacity: 0
}

.convertforms .cf-response {
    color: #fff;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    border-radius: var(--input-border-radius);
    display: none;
    text-align: center
}

.convertforms.cf-success .cf-response {
    background-color: var(--color-success);
    display: block
}

.convertforms.cf-success.cf-success-hideform .cf-response {
    margin-bottom: 0
}

.convertforms.cf-success.cf-success-hideform .cf-fields, .convertforms.cf-success.cf-success-hideform .cf-footer {
    display: none
}

.convertforms.cf-success.cf-success-hidetext .cf-content-wrap {
    display: none
}

.convertforms.cf-error .cf-response {
    background-color: var(--color-danger);
    display: block
}

.convertforms .cf-spinner-container {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 10px
}

.convertforms.cf-working .cf-spinner-container {
    visibility: visible
}

.convertforms.cf-working .cf-btn-text {
    visibility: hidden
}

.convertforms .cf-spinner > span {
    width: 10px;
    height: 10px;
    background-color: currentColor;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: cf-bouncedelay 1s infinite ease-in-out both;
    animation: cf-bouncedelay 1s infinite ease-in-out both;
    margin: 0 3px
}

.convertforms .cf-spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.convertforms .cf-spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes cf-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes cf-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.convertforms .cf-footer {
    margin-top: 20px;
    -ms-flex-item-align: normal;
    align-self: normal
}

.convertforms .cf-footer p {
    margin: 0
}

.convertforms .cfupload {
    color: var(--input-color);
    font-size: var(--input-size);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.convertforms .cfupload > div:nth-child(2) {
    margin-top: 15px
}

.convertforms .cfupload .dz-message {
    padding: 25px 10px;
    border: 1px solid var(--input-border-color);
    background-color: var(--input-background-color);
    border-radius: var(--input-border-radius);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

@media (max-width: 639px) {
    .convertforms .cfupload .dz-message {
        padding: 10px
    }
}

.convertforms .cfupload .dz-message > * {
    margin: 5px;
    opacity: .8
}

.convertforms .cfupload .dz-message:hover > * {
    opacity: 1
}

.convertforms .cfupload .dz-message .cfupload-browse {
    color: inherit;
    width: auto;
    border-radius: 5px;
    padding: 4px 7px;
    background: rgba(0, 0, 0, 0);
    border: solid 1px currentColor;
    color: inherit
}

.convertforms .cfupload.dz-clickable .dz-message {
    cursor: pointer
}

.convertforms .cfupload.dz-drag-hover .dz-message {
    background-color: #c7ecc7 !important;
    color: #5d5c5c
}

.convertforms .cfupload.dz-drag-hover .dz-message > * {
    opacity: 1
}

.convertforms .cfup-status {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #999;
    text-indent: -100000000px;
    margin-right: 8px;
    position: relative;
    top: 3px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.convertforms .dz-processing .cfup-status {
    background-color: var(--color-primary)
}

.convertforms .dz-success .cfup-status {
    background-color: var(--color-success)
}

.convertforms .dz-error .cfup-status {
    background-color: var(--color-danger)
}

.convertforms .cfup-file {
    font-size: .95em;
    padding-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    position: relative
}

.convertforms .cfup-file .cfup-right {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.convertforms .cfup-file .cfup-right .cfup-size {
    opacity: .7
}

.convertforms .cfup-file .cfup-right .cfup-size strong {
    font-weight: normal
}

.convertforms .cfup-file .cfup-right .cfup-remove {
    font-family: Arial;
    font-size: 20px;
    text-decoration: none;
    color: var(--color-danger);
    position: relative;
    top: -3px;
    margin-left: 10px
}

.convertforms .cfup-file .cfup-right .cfup-remove:hover {
    opacity: 1
}

.convertforms .cfup-file .cfup-details {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 10px
}

@media (max-width: 639px) {
    .convertforms .cfup-file .cfup-details {
        padding-left: 0
    }
}

.convertforms .cfup-file .cfup-details .cfup-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    word-break: break-all
}

.convertforms .cfup-file .cfup-progress {
    display: none;
    width: 100%;
    height: 2px;
    background-color: var(--color-grey);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5px
}

.convertforms .cfup-file .cfup-progress .dz-upload {
    background-color: var(--color-primary);
    height: 100%;
    width: 0;
    display: block;
    border-radius: 5px 0 0 5px;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear
}

.convertforms .cfup-file.dz-processing .cfup-progress {
    display: block
}

.convertforms .cfup-file .cfup-error {
    display: none;
    color: var(--color-danger);
    margin-top: 8px;
    font-size: .8em
}

.convertforms .cfup-file.dz-error .cfup-error {
    display: block
}

.convertforms .cfup-file.dz-complete .cfup-progress {
    display: none
}

.convertforms .cf-width-fill {
    width: 100%
}

.convertforms .cf-width-auto {
    width: auto
}

@media (min-width: 640px) {
    .convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
        width: 50%
    }

    .convertforms .cf-one-third, .convertforms .cf-two-sixths {
        width: 33.3333%
    }

    .convertforms .cf-one-fourth {
        width: 25%
    }

    .convertforms .cf-one-fifth {
        width: 20%
    }

    .convertforms .cf-one-sixth {
        width: 16.6666%
    }

    .convertforms .cf-two-thirds {
        width: 66.6666%
    }

    .convertforms .cf-two-fifths {
        width: 40%
    }

    .convertforms .cf-three-fourths {
        width: 75%
    }

    .convertforms .cf-three-fifths {
        width: 60%
    }

    .convertforms .cf-four-fifths {
        width: 80%
    }

    .convertforms .cf-five-sixths {
        width: 83.3333%
    }
}

.convertforms .cf\:w-1\/2 {
    width: 50%
}

.convertforms .cf\:w-1\/3 {
    width: 33.3333333333%
}

.convertforms .cf\:w-2\/3 {
    width: 66.6666666667%
}

.convertforms .cf\:w-1\/4 {
    width: 25%
}

.convertforms .cf\:w-2\/4 {
    width: 50%
}

.convertforms .cf\:w-3\/4 {
    width: 75%
}

.convertforms .cf\:w-1\/5 {
    width: 20%
}

.convertforms .cf\:w-2\/5 {
    width: 40%
}

.convertforms .cf\:w-3\/5 {
    width: 60%
}

.convertforms .cf\:w-4\/5 {
    width: 80%
}

.convertforms .cf\:w-1\/6 {
    width: 16.6666666667%
}

.convertforms .cf\:w-2\/6 {
    width: 33.3333333333%
}

.convertforms .cf\:w-3\/6 {
    width: 50%
}

.convertforms .cf\:w-4\/6 {
    width: 66.6666666667%
}

.convertforms .cf\:w-5\/6 {
    width: 83.3333333333%
}

.convertforms .cf\:w-1\/12 {
    width: 8.3333333333%
}

.convertforms .cf\:w-2\/12 {
    width: 16.6666666667%
}

.convertforms .cf\:w-3\/12 {
    width: 25%
}

.convertforms .cf\:w-4\/12 {
    width: 33.3333333333%
}

.convertforms .cf\:w-5\/12 {
    width: 41.6666666667%
}

.convertforms .cf\:w-6\/12 {
    width: 50%
}

.convertforms .cf\:w-7\/12 {
    width: 58.3333333333%
}

.convertforms .cf\:w-8\/12 {
    width: 66.6666666667%
}

.convertforms .cf\:w-9\/12 {
    width: 75%
}

.convertforms .cf\:w-10\/12 {
    width: 83.3333333333%
}

.convertforms .cf\:w-11\/12 {
    width: 91.6666666667%
}

@media (min-width: 640px) {
    .convertforms .cf\:sm\:w-1\/2 {
        width: 50%
    }

    .convertforms .cf\:sm\:w-1\/3 {
        width: 33.3333333333%
    }

    .convertforms .cf\:sm\:w-2\/3 {
        width: 66.6666666667%
    }

    .convertforms .cf\:sm\:w-1\/4 {
        width: 25%
    }

    .convertforms .cf\:sm\:w-2\/4 {
        width: 50%
    }

    .convertforms .cf\:sm\:w-3\/4 {
        width: 75%
    }

    .convertforms .cf\:sm\:w-1\/5 {
        width: 20%
    }

    .convertforms .cf\:sm\:w-2\/5 {
        width: 40%
    }

    .convertforms .cf\:sm\:w-3\/5 {
        width: 60%
    }

    .convertforms .cf\:sm\:w-4\/5 {
        width: 80%
    }

    .convertforms .cf\:sm\:w-1\/6 {
        width: 16.6666666667%
    }

    .convertforms .cf\:sm\:w-2\/6 {
        width: 33.3333333333%
    }

    .convertforms .cf\:sm\:w-3\/6 {
        width: 50%
    }

    .convertforms .cf\:sm\:w-4\/6 {
        width: 66.6666666667%
    }

    .convertforms .cf\:sm\:w-5\/6 {
        width: 83.3333333333%
    }

    .convertforms .cf\:sm\:w-1\/12 {
        width: 8.3333333333%
    }

    .convertforms .cf\:sm\:w-2\/12 {
        width: 16.6666666667%
    }

    .convertforms .cf\:sm\:w-3\/12 {
        width: 25%
    }

    .convertforms .cf\:sm\:w-4\/12 {
        width: 33.3333333333%
    }

    .convertforms .cf\:sm\:w-5\/12 {
        width: 41.6666666667%
    }

    .convertforms .cf\:sm\:w-6\/12 {
        width: 50%
    }

    .convertforms .cf\:sm\:w-7\/12 {
        width: 58.3333333333%
    }

    .convertforms .cf\:sm\:w-8\/12 {
        width: 66.6666666667%
    }

    .convertforms .cf\:sm\:w-9\/12 {
        width: 75%
    }

    .convertforms .cf\:sm\:w-10\/12 {
        width: 83.3333333333%
    }

    .convertforms .cf\:sm\:w-11\/12 {
        width: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .convertforms .cf\:md\:w-1\/2 {
        width: 50%
    }

    .convertforms .cf\:md\:w-1\/3 {
        width: 33.3333333333%
    }

    .convertforms .cf\:md\:w-2\/3 {
        width: 66.6666666667%
    }

    .convertforms .cf\:md\:w-1\/4 {
        width: 25%
    }

    .convertforms .cf\:md\:w-2\/4 {
        width: 50%
    }

    .convertforms .cf\:md\:w-3\/4 {
        width: 75%
    }

    .convertforms .cf\:md\:w-1\/5 {
        width: 20%
    }

    .convertforms .cf\:md\:w-2\/5 {
        width: 40%
    }

    .convertforms .cf\:md\:w-3\/5 {
        width: 60%
    }

    .convertforms .cf\:md\:w-4\/5 {
        width: 80%
    }

    .convertforms .cf\:md\:w-1\/6 {
        width: 16.6666666667%
    }

    .convertforms .cf\:md\:w-2\/6 {
        width: 33.3333333333%
    }

    .convertforms .cf\:md\:w-3\/6 {
        width: 50%
    }

    .convertforms .cf\:md\:w-4\/6 {
        width: 66.6666666667%
    }

    .convertforms .cf\:md\:w-5\/6 {
        width: 83.3333333333%
    }

    .convertforms .cf\:md\:w-1\/12 {
        width: 8.3333333333%
    }

    .convertforms .cf\:md\:w-2\/12 {
        width: 16.6666666667%
    }

    .convertforms .cf\:md\:w-3\/12 {
        width: 25%
    }

    .convertforms .cf\:md\:w-4\/12 {
        width: 33.3333333333%
    }

    .convertforms .cf\:md\:w-5\/12 {
        width: 41.6666666667%
    }

    .convertforms .cf\:md\:w-6\/12 {
        width: 50%
    }

    .convertforms .cf\:md\:w-7\/12 {
        width: 58.3333333333%
    }

    .convertforms .cf\:md\:w-8\/12 {
        width: 66.6666666667%
    }

    .convertforms .cf\:md\:w-9\/12 {
        width: 75%
    }

    .convertforms .cf\:md\:w-10\/12 {
        width: 83.3333333333%
    }

    .convertforms .cf\:md\:w-11\/12 {
        width: 91.6666666667%
    }
}

@media (min-width: 1024px) {
    .convertforms .cf\:lg\:w-1\/2 {
        width: 50%
    }

    .convertforms .cf\:lg\:w-1\/3 {
        width: 33.3333333333%
    }

    .convertforms .cf\:lg\:w-2\/3 {
        width: 66.6666666667%
    }

    .convertforms .cf\:lg\:w-1\/4 {
        width: 25%
    }

    .convertforms .cf\:lg\:w-2\/4 {
        width: 50%
    }

    .convertforms .cf\:lg\:w-3\/4 {
        width: 75%
    }

    .convertforms .cf\:lg\:w-1\/5 {
        width: 20%
    }

    .convertforms .cf\:lg\:w-2\/5 {
        width: 40%
    }

    .convertforms .cf\:lg\:w-3\/5 {
        width: 60%
    }

    .convertforms .cf\:lg\:w-4\/5 {
        width: 80%
    }

    .convertforms .cf\:lg\:w-1\/6 {
        width: 16.6666666667%
    }

    .convertforms .cf\:lg\:w-2\/6 {
        width: 33.3333333333%
    }

    .convertforms .cf\:lg\:w-3\/6 {
        width: 50%
    }

    .convertforms .cf\:lg\:w-4\/6 {
        width: 66.6666666667%
    }

    .convertforms .cf\:lg\:w-5\/6 {
        width: 83.3333333333%
    }

    .convertforms .cf\:lg\:w-1\/12 {
        width: 8.3333333333%
    }

    .convertforms .cf\:lg\:w-2\/12 {
        width: 16.6666666667%
    }

    .convertforms .cf\:lg\:w-3\/12 {
        width: 25%
    }

    .convertforms .cf\:lg\:w-4\/12 {
        width: 33.3333333333%
    }

    .convertforms .cf\:lg\:w-5\/12 {
        width: 41.6666666667%
    }

    .convertforms .cf\:lg\:w-6\/12 {
        width: 50%
    }

    .convertforms .cf\:lg\:w-7\/12 {
        width: 58.3333333333%
    }

    .convertforms .cf\:lg\:w-8\/12 {
        width: 66.6666666667%
    }

    .convertforms .cf\:lg\:w-9\/12 {
        width: 75%
    }

    .convertforms .cf\:lg\:w-10\/12 {
        width: 83.3333333333%
    }

    .convertforms .cf\:lg\:w-11\/12 {
        width: 91.6666666667%
    }
}

@media (min-width: 1280px) {
    .convertforms .cf\:xl\:w-1\/2 {
        width: 50%
    }

    .convertforms .cf\:xl\:w-1\/3 {
        width: 33.3333333333%
    }

    .convertforms .cf\:xl\:w-2\/3 {
        width: 66.6666666667%
    }

    .convertforms .cf\:xl\:w-1\/4 {
        width: 25%
    }

    .convertforms .cf\:xl\:w-2\/4 {
        width: 50%
    }

    .convertforms .cf\:xl\:w-3\/4 {
        width: 75%
    }

    .convertforms .cf\:xl\:w-1\/5 {
        width: 20%
    }

    .convertforms .cf\:xl\:w-2\/5 {
        width: 40%
    }

    .convertforms .cf\:xl\:w-3\/5 {
        width: 60%
    }

    .convertforms .cf\:xl\:w-4\/5 {
        width: 80%
    }

    .convertforms .cf\:xl\:w-1\/6 {
        width: 16.6666666667%
    }

    .convertforms .cf\:xl\:w-2\/6 {
        width: 33.3333333333%
    }

    .convertforms .cf\:xl\:w-3\/6 {
        width: 50%
    }

    .convertforms .cf\:xl\:w-4\/6 {
        width: 66.6666666667%
    }

    .convertforms .cf\:xl\:w-5\/6 {
        width: 83.3333333333%
    }

    .convertforms .cf\:xl\:w-1\/12 {
        width: 8.3333333333%
    }

    .convertforms .cf\:xl\:w-2\/12 {
        width: 16.6666666667%
    }

    .convertforms .cf\:xl\:w-3\/12 {
        width: 25%
    }

    .convertforms .cf\:xl\:w-4\/12 {
        width: 33.3333333333%
    }

    .convertforms .cf\:xl\:w-5\/12 {
        width: 41.6666666667%
    }

    .convertforms .cf\:xl\:w-6\/12 {
        width: 50%
    }

    .convertforms .cf\:xl\:w-7\/12 {
        width: 58.3333333333%
    }

    .convertforms .cf\:xl\:w-8\/12 {
        width: 66.6666666667%
    }

    .convertforms .cf\:xl\:w-9\/12 {
        width: 75%
    }

    .convertforms .cf\:xl\:w-10\/12 {
        width: 83.3333333333%
    }

    .convertforms .cf\:xl\:w-11\/12 {
        width: 91.6666666667%
    }
}

.convertforms .cf\:w-full {
    width: 100%
}

.convertforms .cf-hide {
    display: none;
    pointer-events: none
}

@media (max-width: 639px) {
    .convertforms .cf-hide-mobile {
        display: none !important
    }
}

.convertforms .cf-col-1 {
    width: 6.25%
}

.convertforms .cf-col-2 {
    width: 12.5%
}

.convertforms .cf-col-3 {
    width: 18.75%
}

.convertforms .cf-col-4 {
    width: 25%
}

.convertforms .cf-col-5 {
    width: 31.25%
}

.convertforms .cf-col-6 {
    width: 37.5%
}

.convertforms .cf-col-7 {
    width: 43.75%
}

.convertforms .cf-col-8 {
    width: 50%
}

.convertforms .cf-col-9 {
    width: 56.25%
}

.convertforms .cf-col-10 {
    width: 62.5%
}

.convertforms .cf-col-11 {
    width: 68.75%
}

.convertforms .cf-col-12 {
    width: 75%
}

.convertforms .cf-col-13 {
    width: 81.25%
}

.convertforms .cf-col-14 {
    width: 87.5%
}

.convertforms .cf-col-15 {
    width: 93.75%
}

.convertforms .cf-col-16 {
    width: 100%
}

@media (min-width: 640px) {
    .convertforms .cf-col-medium-1 {
        width: 6.25%
    }

    .convertforms .cf-col-medium-2 {
        width: 12.5%
    }

    .convertforms .cf-col-medium-3 {
        width: 18.75%
    }

    .convertforms .cf-col-medium-4 {
        width: 25%
    }

    .convertforms .cf-col-medium-5 {
        width: 31.25%
    }

    .convertforms .cf-col-medium-6 {
        width: 37.5%
    }

    .convertforms .cf-col-medium-7 {
        width: 43.75%
    }

    .convertforms .cf-col-medium-8 {
        width: 50%
    }

    .convertforms .cf-col-medium-9 {
        width: 56.25%
    }

    .convertforms .cf-col-medium-10 {
        width: 62.5%
    }

    .convertforms .cf-col-medium-11 {
        width: 68.75%
    }

    .convertforms .cf-col-medium-12 {
        width: 75%
    }

    .convertforms .cf-col-medium-13 {
        width: 81.25%
    }

    .convertforms .cf-col-medium-14 {
        width: 87.5%
    }

    .convertforms .cf-col-medium-15 {
        width: 93.75%
    }

    .convertforms .cf-col-medium-16 {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .convertforms .cf-col-large-1 {
        width: 6.25%
    }

    .convertforms .cf-col-large-2 {
        width: 12.5%
    }

    .convertforms .cf-col-large-3 {
        width: 18.75%
    }

    .convertforms .cf-col-large-4 {
        width: 25%
    }

    .convertforms .cf-col-large-5 {
        width: 31.25%
    }

    .convertforms .cf-col-large-6 {
        width: 37.5%
    }

    .convertforms .cf-col-large-7 {
        width: 43.75%
    }

    .convertforms .cf-col-large-8 {
        width: 50%
    }

    .convertforms .cf-col-large-9 {
        width: 56.25%
    }

    .convertforms .cf-col-large-10 {
        width: 62.5%
    }

    .convertforms .cf-col-large-11 {
        width: 68.75%
    }

    .convertforms .cf-col-large-12 {
        width: 75%
    }

    .convertforms .cf-col-large-13 {
        width: 81.25%
    }

    .convertforms .cf-col-large-14 {
        width: 87.5%
    }

    .convertforms .cf-col-large-15 {
        width: 93.75%
    }

    .convertforms .cf-col-large-16 {
        width: 100%
    }
}

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 20px
}

.convertforms .cf-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.convertforms.cf-iscentered {
    margin-left: auto;
    margin-right: auto
}

.convertforms .cf-text-center {
    text-align: center
}

.convertforms .cf-text-right {
    text-align: right
}

.convertforms.cf-disabled, .convertforms .cf-disabled {
    pointer-events: none
}

.convertforms [class*=cf-list-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

.convertforms [class*=cf-list-] > div {
    padding-right: 8px;
    padding-left: 8px
}

.convertforms [class*=cf-list-].cf-list-2-columns > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.convertforms [class*=cf-list-].cf-list-3-columns > div {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%
}

.convertforms .cf-recaptcha-v3-text-badge {
    margin: 0;
    font-size: 11px;
    color: #999
}

.convertforms .cf-recaptcha-v3-text-badge a {
    color: #999;
    text-decoration: none
}

.convertforms .cf-recaptcha-v3-text-badge a:hover {
    text-decoration: underline
}

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 1em
}

.choices:focus {
    outline: 0
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 1em;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
    visibility: visible
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus, .choices__input:focus {
    outline: 0
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
    display: none
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

.tf-phone-control {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 3px
}

.tf-phone-control[readonly] {
    pointer-events: none
}

.tf-phone-control--flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: var(--input-padding);
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    line-height: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%
}

.tf-phone-control--flag--selector {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    width: 0;
    height: 0
}

.tf-phone-control--flag::after {
    display: none
}

.tf-phone-control--flag .tf-arrow {
    color: var(--input-color, #333);
    margin: 0 6px 0 2px
}

.tf-phone-control--flag.is-open .tf-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tf-phone-control--flag .tf-phonecontrol-label {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.1
}

.tf-phone-control--flag > .choices__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: transparent;
    border: 0;
    padding: 0 !important;
    min-height: auto;
    border-radius: 0
}

.tf-phone-control--flag > .choices__inner > .choices__list {
    padding: 0
}

.tf-phone-control--flag > .choices__list {
    width: 300px;
    z-index: 9999;
    border-radius: 6px
}

.tf-phone-control--flag > .choices__list > .choices__input {
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tf-phone-control--flag > .choices__list > .choices__input:hover, .tf-phone-control--flag > .choices__list > .choices__input:active, .tf-phone-control--flag > .choices__list > .choices__input:focus {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent
}

.tf-phone-control--flag > .choices__list .choices__item {
    gap: 10px;
    padding: 13px 16px !important;
    color: #333
}

.tf-phone-control--flag > .choices__list .choices__item img {
    width: 27px;
    height: auto;
    display: block;
    min-height: 19px
}

.tf-phone-control--flag > .choices__list .choices__item .tf-phonecontrol-code {
    margin-left: auto;
    color: #999
}

.tf-phone-control--flag .choices__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0 !important
}

.tf-phone-control--flag .choices__item.tf-selectjs-selected-item {
    background: #e9e9e9;
    pointer-events: none
}

.tf-phone-control--flag.is-open .choices__list--dropdown, .tf-phone-control--flag.is-open .choices__list[aria-expanded] {
    border-color: #dedede
}

.tf-phone-control--number {
    --input-border-color: transparent;
    --input-background-color: transparent;
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    color: var(--input-color, #222);
    border: 0;
    background-color: transparent;
    padding: 0
}

.tf-phone-control--number:focus, .tf-phone-control--number:active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tf-phone-control--number::-webkit-input-placeholder {
    color: currentColor
}

.tf-phone-control--number::-moz-placeholder {
    color: currentColor
}

.tf-phone-control--number::-ms-placeholder {
    color: currentColor
}

.tf-phone-control--number::-webkit-input-placeholder {
    color: currentColor
}

.tf-phone-control--number::-moz-placeholder {
    color: currentColor
}

.tf-phone-control--number:-ms-input-placeholder {
    color: currentColor
}

.tf-phone-control--number::-ms-input-placeholder {
    color: currentColor
}

.tf-phone-control--number::placeholder {
    color: currentColor
}

.wf-columns {
    display: flex;
    gap: 1rem
}

.wf-columns .wf-column {
    max-width: 100%;
    box-sizing: border-box;
    flex: 1
}

.wf-columns-stack-large, .wf-columns-stack-medium, .wf-columns-stack-small, .wf-columns-stack-xlarge {
    flex-wrap: wrap
}

.wf-columns-align-left {
    justify-content: flex-start
}

.wf-columns-align-center {
    justify-content: center
}

.wf-columns-align-right {
    justify-content: flex-end
}

.wf-columns-layout-1-2 > .wf-column:last-child, .wf-columns-layout-2-1 > .wf-column:first-child {
    width: calc(100% * 2 / 3.001);
    flex: none
}

.wf-columns-layout-1-1-2 > .wf-column:last-child, .wf-columns-layout-1-2-1 > .wf-column:nth-child(2), .wf-columns-layout-2-1-1 > .wf-column:first-child {
    width: 50%;
    flex: none
}

.wf-columns-layout-1-3 > .wf-column:last-child, .wf-columns-layout-3-1 > .wf-column:first-child {
    width: 75%;
    flex: none
}

.wf-columns-layout-1-1-3 > .wf-column:last-child, .wf-columns-layout-1-3-1 > .wf-column:nth-child(2), .wf-columns-layout-2-3 > .wf-column:last-child, .wf-columns-layout-3-1-1 > .wf-column:first-child, .wf-columns-layout-3-2 > .wf-column:first-child {
    width: 60%;
    flex: none
}

.wf-columns-layout-1-1-1-2 > .wf-column:last-child, .wf-columns-layout-2-1-1-1 > .wf-column:first-child {
    width: 40%;
    flex: none
}

.wf-columns-layout-1-4 > .wf-column:last-child, .wf-columns-layout-4-1 > .wf-column:first-child {
    width: 80%;
    flex: none
}

.wf-columns-gap-small {
    gap: .5rem
}

.wf-columns-gap-medium {
    gap: 1rem
}

.wf-columns-gap-large {
    gap: 2rem
}

.wf-columns-gap-none {
    gap: 0
}

.wf-columns-align-top {
    align-items: flex-start
}

.wf-columns-align-middle {
    align-items: center
}

.wf-columns-align-bottom {
    align-items: flex-end
}

.wf-columns-align-stretch {
    align-items: stretch
}

@media (max-width: 640px) {
    .wf-columns-stack-small > .wf-column {
        width: 100%;
        flex: auto !important
    }
}

@media (max-width: 960px) {
    .wf-columns-stack-medium > .wf-column {
        width: 100%;
        flex: auto !important
    }
}

@media (max-width: 1200px) {
    .wf-columns-stack-large > .wf-column {
        width: 100%;
        flex: auto !important
    }
}

@media (max-width: 1600px) {
    .wf-columns-stack-xlarge > .wf-column {
        width: 100%
    }
}

[data-wf-columns] > div > figure img, [data-wf-columns] > div > figure video {
    object-fit: cover;
    height: calc(100% - 2rem)
}

[data-wf-columns] > div > figure {
    margin: 0;
    display: block;
    position: relative;
    height: 100%
}

[data-wf-columns] > div > figure figcaption {
    text-align: center;
    line-height: 2rem;
    display: inline-block;
    width: 100%
}

[data-wf-columns] > div > figure > a.wfpopup + figcaption {
    pointer-events: none
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .wf-columns .wf-column {
        margin-left: 1rem
    }

    .wf-columns .wf-column:first-child {
        margin-left: inherit
    }

    .wf-columns .wf-column:last-child {
        margin-right: inherit
    }

    .wf-columns-gap-small .wf-column {
        margin-left: .5rem
    }

    .wf-columns-gap-medium .wf-column {
        margin-left: 1rem
    }

    .wf-columns-gap-large .wf-column {
        margin-left: 2rem
    }

    .wf-columns-gap-none .wf-column {
        margin-left: inherit
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 640px),(-ms-high-contrast: active) and (max-width: 640px) {
    .wf-columns-stack-small .wf-column {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: 1rem
    }

    .wf-columns-stack-small .wf-column:first-child {
        margin-top: inherit !important
    }

    .wf-columns-stack-small.wf-columns-gap-none .wf-column {
        margin-top: inherit
    }

    .wf-columns-stack-small.wf-columns-gap-small .wf-column {
        margin-top: .5rem
    }

    .wf-columns-stack-small.wf-columns-gap-medium .wf-column {
        margin-top: 1rem
    }

    .wf-columns-stack-small.wf-columns-gap-large .wf-column {
        margin-top: 2rem
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 960px),(-ms-high-contrast: active) and (max-width: 960px) {
    .wf-columns-stack-medium .wf-column {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: 1rem
    }

    .wf-columns-stack-medium .wf-column:first-child {
        margin-top: inherit !important
    }

    .wf-columns-stack-medium.wf-columns-gap-none .wf-column {
        margin-top: inherit
    }

    .wf-columns-stack-medium.wf-columns-gap-small .wf-column {
        margin-top: .5rem
    }

    .wf-columns-stack-medium.wf-columns-gap-medium .wf-column {
        margin-top: 1rem
    }

    .wf-columns-stack-medium.wf-columns-gap-large .wf-column {
        margin-top: 2rem
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 1200px),(-ms-high-contrast: active) and (max-width: 1200px) {
    .wf-columns-stack-large .wf-column {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: 1rem
    }

    .wf-columns-stack-large .wf-column:first-child {
        margin-top: inherit !important
    }

    .wf-columns-stack-large.wf-columns-gap-none .wf-column {
        margin-top: inherit
    }

    .wf-columns-stack-large.wf-columns-gap-small .wf-column {
        margin-top: .5rem
    }

    .wf-columns-stack-large.wf-columns-gap-medium .wf-column {
        margin-top: 1rem
    }

    .wf-columns-stack-large.wf-columns-gap-large .wf-column {
        margin-top: 2rem
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 1600px),(-ms-high-contrast: active) and (max-width: 1600px) {
    .wf-columns-stack-xlarge .wf-column {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: 1rem
    }

    .wf-columns-stack-xlarge .wf-column:first-child {
        margin-top: inherit !important
    }

    .wf-columns-stack-xlarge.wf-columns-gap-none .wf-column {
        margin-top: inherit
    }

    .wf-columns-stack-xlarge.wf-columns-gap-small .wf-column {
        margin-top: .5rem
    }

    .wf-columns-stack-xlarge.wf-columns-gap-medium .wf-column {
        margin-top: 1rem
    }

    .wf-columns-stack-xlarge.wf-columns-gap-large .wf-column {
        margin-top: 2rem
    }
}

@supports (not (scale:-1)) and (-webkit-hyphens:none) {
    .wf-columns .wf-column {
        margin-left: 1rem
    }

    .wf-columns .wf-column:first-child {
        margin-left: inherit
    }

    .wf-columns .wf-column:last-child {
        margin-right: inherit
    }

    .wf-columns-gap-small .wf-column {
        margin-left: .5rem
    }

    .wf-columns-gap-medium .wf-column {
        margin-left: 1rem
    }

    .wf-columns-gap-large .wf-column {
        margin-left: 2rem
    }

    .wf-columns-gap-none .wf-column {
        margin-left: inherit
    }

    @media (max-width: 640px) {
        .wf-columns-stack-small .wf-column {
            margin-left: inherit;
            margin-right: inherit;
            margin-top: 1rem
        }

        .wf-columns-stack-small .wf-column:first-child {
            margin-top: inherit !important
        }

        .wf-columns-stack-small.wf-columns-gap-none .wf-column {
            margin-top: inherit
        }

        .wf-columns-stack-small.wf-columns-gap-small .wf-column {
            margin-top: .5rem
        }

        .wf-columns-stack-small.wf-columns-gap-medium .wf-column {
            margin-top: 1rem
        }

        .wf-columns-stack-small.wf-columns-gap-large .wf-column {
            margin-top: 2rem
        }
    }@media (max-width: 960px) {
    .wf-columns-stack-medium .wf-column {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: 1rem
    }

    .wf-columns-stack-medium .wf-column:first-child {
        margin-top: inherit !important
    }

    .wf-columns-stack-medium.wf-columns-gap-none .wf-column {
        margin-top: inherit
    }

    .wf-columns-stack-medium.wf-columns-gap-small .wf-column {
        margin-top: .5rem
    }

    .wf-columns-stack-medium.wf-columns-gap-medium .wf-column {
        margin-top: 1rem
    }

    .wf-columns-stack-medium.wf-columns-gap-large .wf-column {
        margin-top: 2rem
    }
}@media (max-width: 1200px) {
    .wf-columns-stack-large .wf-column {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: 1rem
    }

    .wf-columns-stack-large .wf-column:first-child {
        margin-top: inherit !important
    }

    .wf-columns-stack-large.wf-columns-gap-none .wf-column {
        margin-top: inherit
    }

    .wf-columns-stack-large.wf-columns-gap-small .wf-column {
        margin-top: .5rem
    }

    .wf-columns-stack-large.wf-columns-gap-medium .wf-column {
        margin-top: 1rem
    }

    .wf-columns-stack-large.wf-columns-gap-large .wf-column {
        margin-top: 2rem
    }
}@media (max-width: 1600px) {
    .wf-columns-stack-xlarge .wf-column {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: 1rem
    }

    .wf-columns-stack-xlarge .wf-column:first-child {
        margin-top: inherit !important
    }

    .wf-columns-stack-xlarge.wf-columns-gap-none .wf-column {
        margin-top: inherit
    }

    .wf-columns-stack-xlarge.wf-columns-gap-small .wf-column {
        margin-top: .5rem
    }

    .wf-columns-stack-xlarge.wf-columns-gap-medium .wf-column {
        margin-top: 1rem
    }

    .wf-columns-stack-xlarge.wf-columns-gap-large .wf-column {
        margin-top: 2rem
    }
}
}

[data-wf-columns].uk-flex, [data-wf-columns].uk-flex-gap-small {
    gap: .5rem
}

[data-wf-columns].uk-flex-gap-medium {
    gap: 1rem
}

[data-wf-columns].uk-flex-gap-large {
    gap: 2rem
}

[data-wf-columns].uk-flex-gap-none {
    gap: 0
}

[data-wf-columns].row {
    gap: .5rem;
    margin: 0
}

[data-wf-columns].row > [class*=col] {
    padding: 0
}

[data-wf-columns].flex-gap-sm {
    gap: .5rem
}

[data-wf-columns].flex-gap-md {
    gap: 1rem
}

[data-wf-columns].flex-gap-lg {
    gap: 2rem
}

[data-wf-columns].flex-gap-none {
    gap: 0
}

[data-wf-columns].flex-top {
    align-items: flex-start
}

[data-wf-columns].flex-middle {
    align-items: center
}

[data-wf-columns].flex-bottom {
    align-items: flex-end
}

[data-wf-columns].flex-stretch {
    align-items: stretch
}

figure[data-wf-figure] {
    display: table;
    margin-block-start: inherit;
    margin-block-end: inherit;
    margin-inline-start: inherit;
    margin-inline-end: inherit
}

figure[data-wf-figure] figcaption {
    display: table-caption;
    caption-side: bottom
}

* html .clearfix {
    height: 1%
}

html[xmlns] .clearfix {
    display: block
}

#megamenucss .megamenu .menu-title i {
    padding-right: 2px
}

#megamenucss #js-mainnav.noJS.up ul.megamenu li.haschild > div.childcontent {
    position: absolute;
    bottom: 50px
}

#megamenucss #js-mainnav.noJS.horizontal.up ul.megamenu.level1 li.haschild:hover > div.childcontent {
    top: -11px
}

#megamenucss .level1 .submenu-align-auto .childcontent.adddropdown.cols1, #megamenucss .level1 .submenu-align-left .childcontent.adddropdown.cols1 {
    top: 0
}

#megamenucss .vertical.right li.megacss.haschild span.menu-title {
    background: url(../../../../modules/mod_jux_megamenu/assets/images/arrow_right.png) no-repeat left center
}

#megamenucss #js-mainnav.megamenu .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#megamenucss #js-mainnav.megamenu.horizontal.sticky_left.affix .js-megamenu ul.level0 {
    float: left;
    position: static
}

#megamenucss #js-mainnav.megamenu.horizontal.sticky_right.affix .js-megamenu ul.level0 {
    float: right;
    position: static
}

#megamenucss #js-mainnav.megamenu.horizontal.sticky_center.affix .js-megamenu ul.level0 {
    float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%)
}

#megamenucss #js-mainnav.megamenu.affix {
    left: 0;
    right: auto;
    width: 100%;
    border-radius: 0;
    margin: 0 !important;
    z-index: 1000;
    position: fixed !important;
    top: 0px;
    bottom: auto !important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

#megamenucss #js-mainnav.megamenu {
    line-height: 1;
    position: relative;
    z-index: 9
}

#megamenucss #js-mainnav.megamenu ul {
    list-style: none outside none
}

#megamenucss #js-mainnav.megamenu div.megaMenuToggle {
    display: block
}

#megamenucss #js-mainnav.megamenu .js-megamenu, #megamenucss #js-mainnav.megamenu .js-megamenu .level1 .group, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level1, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level2, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level3 {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px !important
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level1 {
    padding: 0
}

#megamenucss #js-mainnav.megamenu ul.level0 {
    margin: 0;
    padding: 0
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.right {
    float: right
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    display: block;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
    text-align: left
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss .has-image {
    padding-left: 25px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer
}

#megamenucss #js-mainnav.megamenu span.menu-image {
    background-position: left 1px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    padding-left: 21px
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss.group:hover {
    background: none !important
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-title {
    display: block;
    text-wrap: nowrap
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-desc {
    display: block;
    font-weight: normal;
    font-size: 88%
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.image-title {
    padding-left: 5px
}

#megamenucss #js-mainnav.megamenu ul.level0 li #current.active {
    background: none
}

#megamenucss #js-mainnav.megamenu.horizontal.center ul.level0 {
    float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%)
}

body {
    overflow-x: hidden !important
}

#megamenucss #js-mainnav.megamenu.horizontal.right ul.level0 {
    float: right
}

#megamenucss #js-mainnav.megamenu.vertical ul.level0 {
    float: left;
    max-width: 100%;
    width: 100%
}

#megamenucss #js-mainnav.megamenu.horizontal.center ul.megamenu.level1 {
    left: 0;
    position: relative
}

#megamenucss #js-mainnav.megamenu.vertical ul.level0 li.megacss {
    float: none
}

#megamenucss #js-mainnav.megamenu.vertical li.megacss {
    float: none
}

#megamenucss #js-mainnav.megamenu.horizontal.center ul.level0 li.megacss {
    position: relative
}

#megamenucss #js-mainnav.megamenu.vertical.right ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu.vertical.right ul.level0 li.megacss a.megacss {
    text-align: right
}

@media screen and (min-width: 769px) {
    #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild-over.megacss span.menu-title {
        padding-left: 6px;
        background-position: 100% 4px;
        padding-right: 10px
    }
}

#megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild-over.megacss span.menu-title {
    background: url(../../../../modules/mod_jux_megamenu/assets/images/arrow.png) no-repeat right center !important;
    padding-left: 0px
}

#megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild-over.megacss span.menu-title {
    background-image: url('../../../../modules/mod_jux_megamenu/assets/images/arrow_right.png');
    padding-left: 10px;
    left: 1px;
    background-position: 0% 4px;
    margin-left: -11px
}

#megamenucss #js-mainnav.megamenu.vertical.left li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.vertical.left li a.haschild-over.megacss span.menu-title {
    background: url(../../../../modules/mod_jux_megamenu/assets/images/arrow.png) no-repeat right center;
    padding-left: 0px
}

#megamenucss #js-mainnav.megamenu.vertical.left .level1 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.vertical.left .level1 li a.haschild-over.megacss span.menu-title {
    background: none;
    padding-left: 0px
}

#megamenucss #js-mainnav.megamenu.vertical ul.level0 li a.haschild.megacss span.menu-desc, #megamenucss #js-mainnav.megamenu.vertical ul.level0 li a.haschild-over.megacss span.menu-desc {
    padding-left: 0px
}

#megamenucss #js-mainnav.megamenu.horizontal.center ul.level1 li.megacss {
    position: relative;
    right: 0
}

#megamenucss #js-mainnav.megamenu.vertical.left ul.level1 li.haschild, #megamenucss #js-mainnav.megamenu.vertical.left ul.level1 li.haschild-over {
    background-image: url('../../../../modules/mod_jux_megamenu/assets/images/arrow.png');
    background-repeat: no-repeat;
    background-position: 95% center
}

#megamenucss #js-mainnav.megamenu.vertical.right ul.level1 li.haschild, #megamenucss #js-mainnav.megamenu.vertical.right ul.level1 li.haschild-over {
    background-image: url('../../../../modules/mod_jux_megamenu/assets/images/arrow_right.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0;
    margin-left: 10px
}

#megamenucss #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss .childcontent {
    margin-left: 100% !important;
    margin-top: -50px
}

#megamenucss #js-mainnav.megamenu.vertical.right .js-megamenu ul.level0 li.megacss .childcontent {
    margin-left: -99% !important;
    margin-top: -49px;
    right: 100%
}

#megamenucss #js-mainnav.megamenu.vertical.left .js-megamenu ul.level1 li.megacss .childcontent {
    margin-top: 0px !important;
    top: 0px
}

#megamenucss #js-mainnav.megamenu.vertical.right .js-megamenu ul.level1 li.megacss .childcontent {
    margin-left: -100% !important;
    margin-top: 0px;
    top: 0px
}

#megamenucss #js-mainnav.megamenu.vertical.left ul.level1 li.haschild, #megamenucss ul.level1 li.haschild-over {
    position: relative
}

#js-mainnav.megamenu .js-megamenu li.megacss .childcontent {
    display: block;
    height: auto;
    position: absolute
}

#megamenucss #js-mainnav.megamenu .js-megamenu li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent {
    left: -999em
}

#megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.megacss li.haschild-over .childcontent {
    left: auto
}

#megamenucss #js-mainnav.megamenu .js-megamenu li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over li.megacss .right {
    right: auto
}

#megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over .right {
    right: 0
}

#megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.megacss li.haschild-over .right {
    right: 12em
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss {
    border: none !important
}

#megamenucss #js-mainnav.megamenu ul.level1 .childcontent {
}

#megamenucss #js-mainnav.megamenu .megacol {
    float: left
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss {
    background: none
}

#megamenucss #js-mainnav.megamenu ul.level1 li.first {
    border-top: 0;
    border: none !important
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
    background: none;
    border: 0;
    font-weight: normal;
    padding: 8px 15px;
    text-align: left
}

#megamenucss #js-mainnav.megamenu ul.level1 li.group {
    background: none
}

#megamenucss #js-mainnav.megamenu .childcontent {
    z-index: 999
}

#megamenucss #js-mainnav.megamenu .childcontent .js-moduletable {
    border-bottom: 0;
    line-height: 1.5;
    margin: 10px 0;
    padding: 0
}

#megamenucss #js-mainnav.megamenu .childcontent-inner a {
    text-decoration: none;
    width: auto
}

#megamenucss #js-mainnav.megamenu .childcontent .group h3 {
    background: none;
    padding: 0 5px 8px;
    text-transform: none
}

#megamenucss #js-mainnav.megamenu .childcontent .group .moduletable {
    background: none;
    padding-top: 12px
}

#megamenucss #js-mainnav.megamenu .childcontent .js-moduletable .js-box-ct {
    padding: 0 5px
}

#megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a {
    text-decoration: none
}

#megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a:hover, #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a:focus, #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a:active {
    text-decoration: none
}

#megamenucss #js-mainnav.megamenu .childcontent .js-moduletable ul:first-child {
    margin-top: 0 !important
}

#megamenucss #js-mainnav.megamenu .childcontent .js-moduletable li {
    margin-bottom: 5px
}

#megamenucss #js-mainnav.megamenu .group-title {
    overflow: hidden
}

#megamenucss #js-mainnav.megamenu .group-title .menu-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 115%
}

#megamenucss #js-mainnav.megamenu .group-title .menu-desc {
    padding-left: 0 !important
}

#megamenucss #js-mainnav.megamenu .group-content .js-moduletable, #megamenucss #js-mainnav.megamenu .group-content ul.megamenu {
    margin: 10px;
    padding: 0
}

#megamenucss #js-mainnav.megamenu .childcontent .moduletable {
    padding: 10px
}

#megamenucss #js-mainnav.megamenu ul.level0 .childcontent .moduletable li:hover, #megamenucss #js-mainnav.megamenu ul.level0 .childcontent .moduletable a:hover {
    background: none
}

#megamenucss #js-mainnav.megamenu .childcontent-inner {
    overflow: visible
}

#megamenucss #js-mainnav.megamenu .childcontent .moduletable h3 {
    margin: 0px;
    padding: 0px 0px 10px 0px
}

#megamenucss #js-mainnav.megamenu .childcontent .moduletable {
    padding: 10px
}

#megamenucss #js-mainnav.megamenu span.no-title {
    padding: 0px
}

#megamenucss #js-mainnav.megamenu span.no-title img {
    padding: 0px !important
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 li.big-img-left, #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-right {
    padding: 5px 0
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-left img {
    margin: 2px 5px 0px 0
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-right img {
    float: right;
    margin: 0 10px 0 10px
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-left span.image-title, #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-right span.image-title {
    padding: 0
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 input#mod-search-searchword {
    max-width: 100px
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 form {
    margin: 6px 10px
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 .contact-form form {
    margin: 0
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level0 .contact-form form p {
    padding: 0;
    margin: 0;
    font-size: 10px
}

#megamenucss .tip-wrap {
    z-index: 9999
}

#megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
    visibility: hidden;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s
}

#megamenucss #js-mainnav.noJS.horizontal ul.megamenu.level1 li.haschild:hover > div.childcontent {
}

#megamenucss #js-mainnav.noJS.vertical.right ul.megamenu.level1 li.haschild:hover > div.childcontent {
    opacity: 1;
    left: -22px;
    visibility: visible
}

#megamenucss #js-mainnav.noJS.vertical ul.megamenu li.haschild:hover > div.childcontent {
    opacity: 1;
    left: auto;
    visibility: visible
}

#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-center > div.childcontent {
    margin-left: 0 !important
}

#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth {
    position: static !important
}

#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent {
    left: 0 !important;
    margin-left: 0 !important
}

#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent, #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap, #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap > .childcontent-inner {
    width: 100% !important
}

#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-right > .childcontent {
    left: auto !important;
    right: 0 !important;
    margin-left: 0 !important
}

#megamenucss #js-mainnav.horizontal ul.level1 li.megacss.submenu-align-right > .childcontent {
    left: auto !important;
    right: 200px !important;
    top: 0
}

#megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-left > .childcontent {
    left: 0 !important;
    margin-left: 0 !important
}

#megamenucss #js-mainnav.horizontal ul.level1 li.megacss.submenu-align-left > .childcontent {
    left: 100% !important
}

@media screen and (min-width: 768px) {
    #megamenucss #js-mainnav.megamenu-sticky {
        left: 0;
        right: auto;
        width: 100%;
        border-radius: 0;
        margin: 0 !important;
        z-index: 1000;
        position: fixed !important;
        top: 0px;
        bottom: auto !important;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }

    #js-mainnav.megamenu ul.level1 li.megacss a {
    }
}

@media screen and (max-width: 768px) {
    #megamenucss .tip-wrap {
        display: none !important
    }
}

#megamenucss .js-megamenu .megamenu i.font-icon {
    float: left;
    margin-right: 2px
}

#megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu {
    display: block
}

#megamenucss #js-mainnav .js-megamenu .dropdown-menu .childcontent-inner {
    border: 1px solid #e0e0e0
}

#megamenucss #js-mainnav .js-megamenu .dropdown-menu.tabs_horizontal .childcontent-inner {
    display: block
}

@media (max-width: 768px) {
    #megamenucss #js-mainnav .js-megamenu .dropdown-menu .childcontent-inner {
        display: block
    }
}

#megamenucss #js-mainnav .js-megamenu .dropdown-menu {
    position: static;
    display: block;
    position: initial;
    padding: 0px;
    margin: 0px;
    border-width: 1px;
    border-radius: 0px;
    -webkit-box-shadow: 0px;
    box-shadow: none;
    -webkit-box-shadow: none
}

#megamenucss #js-mainnav .js-megamenu #arrow-icon {
    display: none
}

#megamenucss #js-mainnav.megamenu div.megaMenuToggle {
    display: none
}

#megamenucss .dropdown-menu ul.level1 li.group {
    border: none !important
}

@media screen and (max-width: 768px) {
    #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild-over.megacss span.menu-title {
        background: none !important;
        padding: 0
    }

    #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:before {
        content: '';
        position: absolute;
        background: rgba(230, 230, 230, 0.8);
        height: 2px;
        width: 16px;
        top: -4px
    }

    #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:after {
        content: '';
        position: absolute;
        background: rgba(230, 230, 230, 0.9);
        height: 2px;
        width: 16px;
        top: -8px
    }

    #megamenucss .megamenu.level0 .childcontent .dropdown-menu {
        border: none !important
    }
}

#megamenucss ul, #megamenucss ol {
    margin: 0px;
    padding: 0px
}

#megamenucss .affix .js-megamenu {
    margin: 0 auto !important
}

@media screen and (min-width: 769px) {
    #megamenucss .js-megamenu .megamenu .jux-custom-css i.jux-fa {
        display: none
    }
}

#megamenucss .js-megamenu .megamenu .jux-custom-css i.jux-fa {
    font-size: 26px;
    color: #fff
}

#megamenucss .js-megamenu .megamenu .level1 .jux-custom-css i.jux-fa {
    font-size: 18px
}

#megamenucss .js-megamenu .megamenu .jux-custom-css .accordion-btn {
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 15px;
    margin-right: 25px;
    line-height: inherit !important;
    width: auto !important
}

@media screen and (max-width: 768px) {
    #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-desc {
        display: none
    }
}

ul.jux_ul_tab {
    float: left
}

.jux_tabs_db {
    display: none
}

.jux_tabs_item.jux_tabs_db.tabs_vertical {
    float: left;
    display: block !important;
    overflow: hidden;
    width: 25%;
    margin: 0
}

.jux_tabs_item.tabs_vertical ul {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    border-left: none;
    border-top: none;
    border-bottom: none
}

.jux_tabs_item.tabs_vertical ul li {
    display: block;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 0px 0 0 1px
}

.jux_tabs_item ul li a:focus {
    outline: none
}

.jux_tabs_item.tabs_vertical ul li > a {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 14px 20px;
    display: block;
    box-sizing: border-box;
    border: solid transparent;
    position: relative;
    text-decoration: none
}

.jux_tabs_item.tabs_horizontal {
    display: block !important;
    overflow: hidden;
    margin: 0
}

.jux_tabs_item.tabs_horizontal ul {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    border-left: none;
    border-top: none;
    border-bottom: none
}

.jux_tabs_item.tabs_horizontal ul li {
    display: inline-block;
    border-left: none;
    border-right: none;
    border-top: none;
    text-align: center;
    margin: 0 0.5px 0 0.5px
}

.jux_tabs_item.tabs_horizontal ul li:first-child {
    margin-left: 0
}

.jux_tabs_item.tabs_horizontal ul li:last-child {
    margin-right: 0;
    margin-left: 1px
}

.jux_tabs_item.tabs_horizontal ul li > a {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 14px 20px;
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    border: solid transparent;
    position: relative;
    text-decoration: none
}

#js-mainnav .dropdown-menu {
    border: none
}

@media screen and (max-width: 768px) {
    #js-mainnav.megamenu.noJS ul.megamenu li {
        display: block !important
    }
}

.tip-wrap {
    display: none !important
}

@media screen and (max-width: 768px) {
    #megamenucss .dropdown-menu {
        display: block !important
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

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

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

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

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

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

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

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

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

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

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

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

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

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

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

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

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

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

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

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

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

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

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

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

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

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

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

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

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

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

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

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

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(5%) skewX(-10deg);
        transform: translateX(5%) skewX(-10deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-5%) skewX(10deg);
        transform: translateX(-5%) skewX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-5deg);
        transform: translateX(0%) skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(5%) skewX(-10deg);
        -ms-transform: translateX(5%) skewX(-10deg);
        transform: translateX(5%) skewX(-10deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-5%) skewX(10deg);
        -ms-transform: translateX(-5%) skewX(10deg);
        transform: translateX(-5%) skewX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-5deg);
        -ms-transform: translateX(0%) skewX(-5deg);
        transform: translateX(0%) skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

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

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25%) rotate(-25deg);
        transform: translateX(-25%) rotate(-25deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25%) rotate(-25deg);
        -ms-transform: translateX(-25%) rotate(-25deg);
        transform: translateX(-25%) rotate(-25deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(300px);
        transform: scale(.1) translateY(300px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-30px);
        transform: scale(.475) translateY(-30px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(300px);
        -ms-transform: scale(.1) translateY(300px);
        transform: scale(.1) translateY(300px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-30px);
        -ms-transform: scale(.475) translateY(-30px);
        transform: scale(.475) translateY(-30px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../../../../modules/mod_jux_megamenu/assets/fonts/jux-fontawesome-webfont.eot');
    src: url('../../../../modules/mod_jux_megamenu/assets/fonts/jux-fontawesome-webfont-1.eot') format('embedded-opentype'), url('../../../../modules/mod_jux_megamenu/assets/fonts/jux-fontawesome-webfont.woff2') format('woff2'), url('../../../../modules/mod_jux_megamenu/assets/fonts/jux-fontawesome-webfont.woff') format('woff'), url('../../../../modules/mod_jux_megamenu/assets/fonts/jux-fontawesome-webfont.ttf') format('truetype'), url('../../../../modules/mod_jux_megamenu/assets/fonts/jux-fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.jux-fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

.jux-fa-lg {
    font-size: 1.3333333333333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.jux-fa-2x {
    font-size: 2em
}

.jux-fa-3x {
    font-size: 3em
}

.jux-fa-4x {
    font-size: 4em
}

.jux-fa-5x {
    font-size: 5em
}

.jux-fa-fw {
    width: 1.2857142857142858em;
    text-align: center
}

.jux-fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none
}

.jux-fa-ul > li {
    position: relative
}

.jux-fa-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: 0.14285714285714285em;
    text-align: center
}

.jux-fa-li.jux-fa-lg {
    left: -1.8571428571428572em
}

.jux-fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}

.jux-pull-right {
    float: right
}

.jux-pull-left {
    float: left
}

.jux-fa.pull-left {
    margin-right: .3em
}

.jux-fa.pull-right {
    margin-left: .3em
}

.jux-fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.jux-fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.jux-fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jux-fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.jux-fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.jux-fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.jux-fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .jux-fa-rotate-90, :root .jux-fa-rotate-180, :root .jux-fa-rotate-270, :root .jux-fa-flip-horizontal, :root .jux-fa-flip-vertical {
    filter: none
}

.jux-fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.jux-fa-stack-1x, .jux-fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.jux-fa-stack-1x {
    line-height: inherit
}

.jux-fa-stack-2x {
    font-size: 2em
}

.jux-fa-inverse {
    color: #fff
}

.jux-fa-glass:before {
    content: "\f000"
}

.jux-fa-music:before {
    content: "\f001"
}

.jux-fa-search:before {
    content: "\f002"
}

.jux-fa-envelope-o:before {
    content: "\f003"
}

.jux-fa-heart:before {
    content: "\f004"
}

.jux-fa-star:before {
    content: "\f005"
}

.jux-fa-star-o:before {
    content: "\f006"
}

.jux-fa-user:before {
    content: "\f007"
}

.jux-fa-film:before {
    content: "\f008"
}

.jux-fa-th-large:before {
    content: "\f009"
}

.jux-fa-th:before {
    content: "\f00a"
}

.jux-fa-th-list:before {
    content: "\f00b"
}

.jux-fa-check:before {
    content: "\f00c"
}

.jux-fa-remove:before, .jux-fa-close:before, .jux-fa-times:before {
    content: "\f00d"
}

.jux-fa-search-plus:before {
    content: "\f00e"
}

.jux-fa-search-minus:before {
    content: "\f010"
}

.jux-fa-power-off:before {
    content: "\f011"
}

.jux-fa-signal:before {
    content: "\f012"
}

.jux-fa-gear:before, .jux-fa-cog:before {
    content: "\f013"
}

.jux-fa-trash-o:before {
    content: "\f014"
}

.jux-fa-home:before {
    content: "\f015"
}

.jux-fa-file-o:before {
    content: "\f016"
}

.jux-fa-clock-o:before {
    content: "\f017"
}

.jux-fa-road:before {
    content: "\f018"
}

.jux-fa-download:before {
    content: "\f019"
}

.jux-fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.jux-fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.jux-fa-inbox:before {
    content: "\f01c"
}

.jux-fa-play-circle-o:before {
    content: "\f01d"
}

.jux-fa-rotate-right:before, .jux-fa-repeat:before {
    content: "\f01e"
}

.jux-fa-refresh:before {
    content: "\f021"
}

.jux-fa-list-alt:before {
    content: "\f022"
}

.jux-fa-lock:before {
    content: "\f023"
}

.jux-fa-flag:before {
    content: "\f024"
}

.jux-fa-headphones:before {
    content: "\f025"
}

.jux-fa-volume-off:before {
    content: "\f026"
}

.jux-fa-volume-down:before {
    content: "\f027"
}

.jux-fa-volume-up:before {
    content: "\f028"
}

.jux-fa-qrcode:before {
    content: "\f029"
}

.jux-fa-barcode:before {
    content: "\f02a"
}

.jux-fa-tag:before {
    content: "\f02b"
}

.jux-fa-tags:before {
    content: "\f02c"
}

.jux-fa-book:before {
    content: "\f02d"
}

.jux-fa-bookmark:before {
    content: "\f02e"
}

.jux-fa-print:before {
    content: "\f02f"
}

.jux-fa-camera:before {
    content: "\f030"
}

.jux-fa-font:before {
    content: "\f031"
}

.jux-fa-bold:before {
    content: "\f032"
}

.jux-fa-italic:before {
    content: "\f033"
}

.jux-fa-text-height:before {
    content: "\f034"
}

.jux-fa-text-width:before {
    content: "\f035"
}

.jux-fa-align-left:before {
    content: "\f036"
}

.jux-fa-align-center:before {
    content: "\f037"
}

.jux-fa-align-right:before {
    content: "\f038"
}

.jux-fa-align-justify:before {
    content: "\f039"
}

.jux-fa-list:before {
    content: "\f03a"
}

.jux-fa-dedent:before, .jux-fa-outdent:before {
    content: "\f03b"
}

.jux-fa-indent:before {
    content: "\f03c"
}

.jux-fa-video-camera:before {
    content: "\f03d"
}

.jux-fa-photo:before, .jux-fa-image:before, .jux-fa-picture-o:before {
    content: "\f03e"
}

.jux-fa-pencil:before {
    content: "\f040"
}

.jux-fa-map-marker:before {
    content: "\f041"
}

.jux-fa-adjust:before {
    content: "\f042"
}

.jux-fa-tint:before {
    content: "\f043"
}

.jux-fa-edit:before, .jux-fa-pencil-square-o:before {
    content: "\f044"
}

.jux-fa-share-square-o:before {
    content: "\f045"
}

.jux-fa-check-square-o:before {
    content: "\f046"
}

.jux-fa-arrows:before {
    content: "\f047"
}

.jux-fa-step-backward:before {
    content: "\f048"
}

.jux-fa-fast-backward:before {
    content: "\f049"
}

.jux-fa-backward:before {
    content: "\f04a"
}

.jux-fa-play:before {
    content: "\f04b"
}

.jux-fa-pause:before {
    content: "\f04c"
}

.jux-fa-stop:before {
    content: "\f04d"
}

.jux-fa-forward:before {
    content: "\f04e"
}

.jux-fa-fast-forward:before {
    content: "\f050"
}

.jux-fa-step-forward:before {
    content: "\f051"
}

.jux-fa-eject:before {
    content: "\f052"
}

.jux-fa-chevron-left:before {
    content: "\f053"
}

.jux-fa-chevron-right:before {
    content: "\f054"
}

.jux-fa-plus-circle:before {
    content: "\f055"
}

.jux-fa-minus-circle:before {
    content: "\f056"
}

.jux-fa-times-circle:before {
    content: "\f057"
}

.jux-fa-check-circle:before {
    content: "\f058"
}

.jux-fa-question-circle:before {
    content: "\f059"
}

.jux-fa-info-circle:before {
    content: "\f05a"
}

.jux-fa-crosshairs:before {
    content: "\f05b"
}

.jux-fa-times-circle-o:before {
    content: "\f05c"
}

.jux-fa-check-circle-o:before {
    content: "\f05d"
}

.jux-fa-ban:before {
    content: "\f05e"
}

.jux-fa-arrow-left:before {
    content: "\f060"
}

.jux-fa-arrow-right:before {
    content: "\f061"
}

.jux-fa-arrow-up:before {
    content: "\f062"
}

.jux-fa-arrow-down:before {
    content: "\f063"
}

.jux-fa-mail-forward:before, .jux-fa-share:before {
    content: "\f064"
}

.jux-fa-expand:before {
    content: "\f065"
}

.jux-fa-compress:before {
    content: "\f066"
}

.jux-fa-plus:before {
    content: "\f067"
}

.jux-fa-minus:before {
    content: "\f068"
}

.jux-fa-asterisk:before {
    content: "\f069"
}

.jux-fa-exclamation-circle:before {
    content: "\f06a"
}

.jux-fa-gift:before {
    content: "\f06b"
}

.jux-fa-leaf:before {
    content: "\f06c"
}

.jux-fa-fire:before {
    content: "\f06d"
}

.jux-fa-eye:before {
    content: "\f06e"
}

.jux-fa-eye-slash:before {
    content: "\f070"
}

.jux-fa-warning:before, .jux-fa-exclamation-triangle:before {
    content: "\f071"
}

.jux-fa-plane:before {
    content: "\f072"
}

.jux-fa-calendar:before {
    content: "\f073"
}

.jux-fa-random:before {
    content: "\f074"
}

.jux-fa-comment:before {
    content: "\f075"
}

.jux-fa-magnet:before {
    content: "\f076"
}

.jux-fa-chevron-up:before {
    content: "\f077"
}

.jux-fa-chevron-down:before {
    content: "\f078"
}

.jux-fa-retweet:before {
    content: "\f079"
}

.jux-fa-shopping-cart:before {
    content: "\f07a"
}

.jux-fa-folder:before {
    content: "\f07b"
}

.jux-fa-folder-open:before {
    content: "\f07c"
}

.jux-fa-arrows-v:before {
    content: "\f07d"
}

.jux-fa-arrows-h:before {
    content: "\f07e"
}

.jux-fa-bar-chart-o:before, .jux-fa-bar-chart:before {
    content: "\f080"
}

.jux-fa-twitter-square:before {
    content: "\f081"
}

.jux-fa-facebook-square:before {
    content: "\f082"
}

.jux-fa-camera-retro:before {
    content: "\f083"
}

.jux-fa-key:before {
    content: "\f084"
}

.jux-fa-gears:before, .jux-fa-cogs:before {
    content: "\f085"
}

.jux-fa-comments:before {
    content: "\f086"
}

.jux-fa-thumbs-o-up:before {
    content: "\f087"
}

.jux-fa-thumbs-o-down:before {
    content: "\f088"
}

.jux-fa-star-half:before {
    content: "\f089"
}

.jux-fa-heart-o:before {
    content: "\f08a"
}

.jux-fa-sign-out:before {
    content: "\f08b"
}

.jux-fa-linkedin-square:before {
    content: "\f08c"
}

.jux-fa-thumb-tack:before {
    content: "\f08d"
}

.jux-fa-external-link:before {
    content: "\f08e"
}

.jux-fa-sign-in:before {
    content: "\f090"
}

.jux-fa-trophy:before {
    content: "\f091"
}

.jux-fa-github-square:before {
    content: "\f092"
}

.jux-fa-upload:before {
    content: "\f093"
}

.jux-fa-lemon-o:before {
    content: "\f094"
}

.jux-fa-phone:before {
    content: "\f095"
}

.jux-fa-square-o:before {
    content: "\f096"
}

.jux-fa-bookmark-o:before {
    content: "\f097"
}

.jux-fa-phone-square:before {
    content: "\f098"
}

.jux-fa-twitter:before {
    content: "\f099"
}

.jux-fa-facebook-f:before, .jux-fa-facebook:before {
    content: "\f09a"
}

.jux-fa-github:before {
    content: "\f09b"
}

.jux-fa-unlock:before {
    content: "\f09c"
}

.jux-fa-credit-card:before {
    content: "\f09d"
}

.jux-fa-rss:before {
    content: "\f09e"
}

.jux-fa-hdd-o:before {
    content: "\f0a0"
}

.jux-fa-bullhorn:before {
    content: "\f0a1"
}

.jux-fa-bell:before {
    content: "\f0f3"
}

.jux-fa-certificate:before {
    content: "\f0a3"
}

.jux-fa-hand-o-right:before {
    content: "\f0a4"
}

.jux-fa-hand-o-left:before {
    content: "\f0a5"
}

.jux-fa-hand-o-up:before {
    content: "\f0a6"
}

.jux-fa-hand-o-down:before {
    content: "\f0a7"
}

.jux-fa-arrow-circle-left:before {
    content: "\f0a8"
}

.jux-fa-arrow-circle-right:before {
    content: "\f0a9"
}

.jux-fa-arrow-circle-up:before {
    content: "\f0aa"
}

.jux-fa-arrow-circle-down:before {
    content: "\f0ab"
}

.jux-fa-globe:before {
    content: "\f0ac"
}

.jux-fa-wrench:before {
    content: "\f0ad"
}

.jux-fa-tasks:before {
    content: "\f0ae"
}

.jux-fa-filter:before {
    content: "\f0b0"
}

.jux-fa-briefcase:before {
    content: "\f0b1"
}

.jux-fa-arrows-alt:before {
    content: "\f0b2"
}

.jux-fa-group:before, .jux-fa-users:before {
    content: "\f0c0"
}

.jux-fa-chain:before, .jux-fa-link:before {
    content: "\f0c1"
}

.jux-fa-cloud:before {
    content: "\f0c2"
}

.jux-fa-flask:before {
    content: "\f0c3"
}

.jux-fa-cut:before, .jux-fa-scissors:before {
    content: "\f0c4"
}

.jux-fa-copy:before, .jux-fa-files-o:before {
    content: "\f0c5"
}

.jux-fa-paperclip:before {
    content: "\f0c6"
}

.jux-fa-save:before, .jux-fa-floppy-o:before {
    content: "\f0c7"
}

.jux-fa-square:before {
    content: "\f0c8"
}

.jux-fa-navicon:before, .jux-fa-reorder:before, .jux-fa-bars:before {
    content: "\f0c9"
}

.jux-fa-list-ul:before {
    content: "\f0ca"
}

.jux-fa-list-ol:before {
    content: "\f0cb"
}

.jux-fa-strikethrough:before {
    content: "\f0cc"
}

.jux-fa-underline:before {
    content: "\f0cd"
}

.jux-fa-table:before {
    content: "\f0ce"
}

.jux-fa-magic:before {
    content: "\f0d0"
}

.jux-fa-truck:before {
    content: "\f0d1"
}

.jux-fa-pinterest:before {
    content: "\f0d2"
}

.jux-fa-pinterest-square:before {
    content: "\f0d3"
}

.jux-fa-google-plus-square:before {
    content: "\f0d4"
}

.jux-fa-google-plus:before {
    content: "\f0d5"
}

.jux-fa-money:before {
    content: "\f0d6"
}

.jux-fa-caret-down:before {
    content: "\f0d7"
}

.jux-fa-caret-up:before {
    content: "\f0d8"
}

.jux-fa-caret-left:before {
    content: "\f0d9"
}

.jux-fa-caret-right:before {
    content: "\f0da"
}

.jux-fa-columns:before {
    content: "\f0db"
}

.jux-fa-unsorted:before, .jux-fa-sort:before {
    content: "\f0dc"
}

.jux-fa-sort-down:before, .jux-fa-sort-desc:before {
    content: "\f0dd"
}

.jux-fa-sort-up:before, .jux-fa-sort-asc:before {
    content: "\f0de"
}

.jux-fa-envelope:before {
    content: "\f0e0"
}

.jux-fa-linkedin:before {
    content: "\f0e1"
}

.jux-fa-rotate-left:before, .jux-fa-undo:before {
    content: "\f0e2"
}

.jux-fa-legal:before, .jux-fa-gavel:before {
    content: "\f0e3"
}

.jux-fa-dashboard:before, .jux-fa-tachometer:before {
    content: "\f0e4"
}

.jux-fa-comment-o:before {
    content: "\f0e5"
}

.jux-fa-comments-o:before {
    content: "\f0e6"
}

.jux-fa-flash:before, .jux-fa-bolt:before {
    content: "\f0e7"
}

.jux-fa-sitemap:before {
    content: "\f0e8"
}

.jux-fa-umbrella:before {
    content: "\f0e9"
}

.jux-fa-paste:before, .jux-fa-clipboard:before {
    content: "\f0ea"
}

.jux-fa-lightbulb-o:before {
    content: "\f0eb"
}

.jux-fa-exchange:before {
    content: "\f0ec"
}

.jux-fa-cloud-download:before {
    content: "\f0ed"
}

.jux-fa-cloud-upload:before {
    content: "\f0ee"
}

.jux-fa-user-md:before {
    content: "\f0f0"
}

.jux-fa-stethoscope:before {
    content: "\f0f1"
}

.jux-fa-suitcase:before {
    content: "\f0f2"
}

.jux-fa-bell-o:before {
    content: "\f0a2"
}

.jux-fa-coffee:before {
    content: "\f0f4"
}

.jux-fa-cutlery:before {
    content: "\f0f5"
}

.jux-fa-file-text-o:before {
    content: "\f0f6"
}

.jux-fa-building-o:before {
    content: "\f0f7"
}

.jux-fa-hospital-o:before {
    content: "\f0f8"
}

.jux-fa-ambulance:before {
    content: "\f0f9"
}

.jux-fa-medkit:before {
    content: "\f0fa"
}

.jux-fa-fighter-jet:before {
    content: "\f0fb"
}

.jux-fa-beer:before {
    content: "\f0fc"
}

.jux-fa-h-square:before {
    content: "\f0fd"
}

.jux-fa-plus-square:before {
    content: "\f0fe"
}

.jux-fa-angle-double-left:before {
    content: "\f100"
}

.jux-fa-angle-double-right:before {
    content: "\f101"
}

.jux-fa-angle-double-up:before {
    content: "\f102"
}

.jux-fa-angle-double-down:before {
    content: "\f103"
}

.jux-fa-angle-left:before {
    content: "\f104"
}

.jux-fa-angle-right:before {
    content: "\f105"
}

.jux-fa-angle-up:before {
    content: "\f106"
}

.jux-fa-angle-down:before {
    content: "\f107"
}

.jux-fa-desktop:before {
    content: "\f108"
}

.jux-fa-laptop:before {
    content: "\f109"
}

.jux-fa-tablet:before {
    content: "\f10a"
}

.jux-fa-mobile-phone:before, .jux-fa-mobile:before {
    content: "\f10b"
}

.jux-fa-circle-o:before {
    content: "\f10c"
}

.jux-fa-quote-left:before {
    content: "\f10d"
}

.jux-fa-quote-right:before {
    content: "\f10e"
}

.jux-fa-spinner:before {
    content: "\f110"
}

.jux-fa-circle:before {
    content: "\f111"
}

.jux-fa-mail-reply:before, .jux-fa-reply:before {
    content: "\f112"
}

.jux-fa-github-alt:before {
    content: "\f113"
}

.jux-fa-folder-o:before {
    content: "\f114"
}

.jux-fa-folder-open-o:before {
    content: "\f115"
}

.jux-fa-smile-o:before {
    content: "\f118"
}

.jux-fa-frown-o:before {
    content: "\f119"
}

.jux-fa-meh-o:before {
    content: "\f11a"
}

.jux-fa-gamepad:before {
    content: "\f11b"
}

.jux-fa-keyboard-o:before {
    content: "\f11c"
}

.jux-fa-flag-o:before {
    content: "\f11d"
}

.jux-fa-flag-checkered:before {
    content: "\f11e"
}

.jux-fa-terminal:before {
    content: "\f120"
}

.jux-fa-code:before {
    content: "\f121"
}

.jux-fa-mail-reply-all:before, .jux-fa-reply-all:before {
    content: "\f122"
}

.jux-fa-star-half-empty:before, .jux-fa-star-half-full:before, .jux-fa-star-half-o:before {
    content: "\f123"
}

.jux-fa-location-arrow:before {
    content: "\f124"
}

.jux-fa-crop:before {
    content: "\f125"
}

.jux-fa-code-fork:before {
    content: "\f126"
}

.jux-fa-unlink:before, .jux-fa-chain-broken:before {
    content: "\f127"
}

.jux-fa-question:before {
    content: "\f128"
}

.jux-fa-info:before {
    content: "\f129"
}

.jux-fa-exclamation:before {
    content: "\f12a"
}

.jux-fa-superscript:before {
    content: "\f12b"
}

.jux-fa-subscript:before {
    content: "\f12c"
}

.jux-fa-eraser:before {
    content: "\f12d"
}

.jux-fa-puzzle-piece:before {
    content: "\f12e"
}

.jux-fa-microphone:before {
    content: "\f130"
}

.jux-fa-microphone-slash:before {
    content: "\f131"
}

.jux-fa-shield:before {
    content: "\f132"
}

.jux-fa-calendar-o:before {
    content: "\f133"
}

.jux-fa-fire-extinguisher:before {
    content: "\f134"
}

.jux-fa-rocket:before {
    content: "\f135"
}

.jux-fa-maxcdn:before {
    content: "\f136"
}

.jux-fa-chevron-circle-left:before {
    content: "\f137"
}

.jux-fa-chevron-circle-right:before {
    content: "\f138"
}

.jux-fa-chevron-circle-up:before {
    content: "\f139"
}

.jux-fa-chevron-circle-down:before {
    content: "\f13a"
}

.jux-fa-html5:before {
    content: "\f13b"
}

.jux-fa-css3:before {
    content: "\f13c"
}

.jux-fa-anchor:before {
    content: "\f13d"
}

.jux-fa-unlock-alt:before {
    content: "\f13e"
}

.jux-fa-bullseye:before {
    content: "\f140"
}

.jux-fa-ellipsis-h:before {
    content: "\f141"
}

.jux-fa-ellipsis-v:before {
    content: "\f142"
}

.jux-fa-rss-square:before {
    content: "\f143"
}

.jux-fa-play-circle:before {
    content: "\f144"
}

.jux-fa-ticket:before {
    content: "\f145"
}

.jux-fa-minus-square:before {
    content: "\f146"
}

.jux-fa-minus-square-o:before {
    content: "\f147"
}

.jux-fa-level-up:before {
    content: "\f148"
}

.jux-fa-level-down:before {
    content: "\f149"
}

.jux-fa-check-square:before {
    content: "\f14a"
}

.jux-fa-pencil-square:before {
    content: "\f14b"
}

.jux-fa-external-link-square:before {
    content: "\f14c"
}

.jux-fa-share-square:before {
    content: "\f14d"
}

.jux-fa-compass:before {
    content: "\f14e"
}

.jux-fa-toggle-down:before, .jux-fa-caret-square-o-down:before {
    content: "\f150"
}

.jux-fa-toggle-up:before, .jux-fa-caret-square-o-up:before {
    content: "\f151"
}

.jux-fa-toggle-right:before, .jux-fa-caret-square-o-right:before {
    content: "\f152"
}

.jux-fa-euro:before, .jux-fa-eur:before {
    content: "\f153"
}

.jux-fa-gbp:before {
    content: "\f154"
}

.jux-fa-dollar:before, .jux-fa-usd:before {
    content: "\f155"
}

.jux-fa-rupee:before, .jux-fa-inr:before {
    content: "\f156"
}

.jux-fa-cny:before, .jux-fa-rmb:before, .jux-fa-yen:before, .jux-fa-jpy:before {
    content: "\f157"
}

.jux-fa-ruble:before, .jux-fa-rouble:before, .jux-fa-rub:before {
    content: "\f158"
}

.jux-fa-won:before, .jux-fa-krw:before {
    content: "\f159"
}

.jux-fa-bitcoin:before, .jux-fa-btc:before {
    content: "\f15a"
}

.jux-fa-file:before {
    content: "\f15b"
}

.jux-fa-file-text:before {
    content: "\f15c"
}

.jux-fa-sort-alpha-asc:before {
    content: "\f15d"
}

.jux-fa-sort-alpha-desc:before {
    content: "\f15e"
}

.jux-fa-sort-amount-asc:before {
    content: "\f160"
}

.jux-fa-sort-amount-desc:before {
    content: "\f161"
}

.jux-fa-sort-numeric-asc:before {
    content: "\f162"
}

.jux-fa-sort-numeric-desc:before {
    content: "\f163"
}

.jux-fa-thumbs-up:before {
    content: "\f164"
}

.jux-fa-thumbs-down:before {
    content: "\f165"
}

.jux-fa-youtube-square:before {
    content: "\f166"
}

.jux-fa-youtube:before {
    content: "\f167"
}

.jux-fa-xing:before {
    content: "\f168"
}

.jux-fa-xing-square:before {
    content: "\f169"
}

.jux-fa-youtube-play:before {
    content: "\f16a"
}

.jux-fa-dropbox:before {
    content: "\f16b"
}

.jux-fa-stack-overflow:before {
    content: "\f16c"
}

.jux-fa-instagram:before {
    content: "\f16d"
}

.jux-fa-flickr:before {
    content: "\f16e"
}

.jux-fa-adn:before {
    content: "\f170"
}

.jux-fa-bitbucket:before {
    content: "\f171"
}

.jux-fa-bitbucket-square:before {
    content: "\f172"
}

.jux-fa-tumblr:before {
    content: "\f173"
}

.jux-fa-tumblr-square:before {
    content: "\f174"
}

.jux-fa-long-arrow-down:before {
    content: "\f175"
}

.jux-fa-long-arrow-up:before {
    content: "\f176"
}

.jux-fa-long-arrow-left:before {
    content: "\f177"
}

.jux-fa-long-arrow-right:before {
    content: "\f178"
}

.jux-fa-apple:before {
    content: "\f179"
}

.jux-fa-windows:before {
    content: "\f17a"
}

.jux-fa-android:before {
    content: "\f17b"
}

.jux-fa-linux:before {
    content: "\f17c"
}

.jux-fa-dribbble:before {
    content: "\f17d"
}

.jux-fa-skype:before {
    content: "\f17e"
}

.jux-fa-foursquare:before {
    content: "\f180"
}

.jux-fa-trello:before {
    content: "\f181"
}

.jux-fa-female:before {
    content: "\f182"
}

.jux-fa-male:before {
    content: "\f183"
}

.jux-fa-gittip:before, .jux-fa-gratipay:before {
    content: "\f184"
}

.jux-fa-sun-o:before {
    content: "\f185"
}

.jux-fa-moon-o:before {
    content: "\f186"
}

.jux-fa-archive:before {
    content: "\f187"
}

.jux-fa-bug:before {
    content: "\f188"
}

.jux-fa-vk:before {
    content: "\f189"
}

.jux-fa-weibo:before {
    content: "\f18a"
}

.jux-fa-renren:before {
    content: "\f18b"
}

.jux-fa-pagelines:before {
    content: "\f18c"
}

.jux-fa-stack-exchange:before {
    content: "\f18d"
}

.jux-fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.jux-fa-arrow-circle-o-left:before {
    content: "\f190"
}

.jux-fa-toggle-left:before, .jux-fa-caret-square-o-left:before {
    content: "\f191"
}

.jux-fa-dot-circle-o:before {
    content: "\f192"
}

.jux-fa-wheelchair:before {
    content: "\f193"
}

.jux-fa-vimeo-square:before {
    content: "\f194"
}

.jux-fa-turkish-lira:before, .jux-fa-try:before {
    content: "\f195"
}

.jux-fa-plus-square-o:before {
    content: "\f196"
}

.jux-fa-space-shuttle:before {
    content: "\f197"
}

.jux-fa-slack:before {
    content: "\f198"
}

.jux-fa-envelope-square:before {
    content: "\f199"
}

.jux-fa-wordpress:before {
    content: "\f19a"
}

.jux-fa-openid:before {
    content: "\f19b"
}

.jux-fa-institution:before, .jux-fa-bank:before, .jux-fa-university:before {
    content: "\f19c"
}

.jux-fa-mortar-board:before, .jux-fa-graduation-cap:before {
    content: "\f19d"
}

.jux-fa-yahoo:before {
    content: "\f19e"
}

.jux-fa-google:before {
    content: "\f1a0"
}

.jux-fa-reddit:before {
    content: "\f1a1"
}

.jux-fa-reddit-square:before {
    content: "\f1a2"
}

.jux-fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.jux-fa-stumbleupon:before {
    content: "\f1a4"
}

.jux-fa-delicious:before {
    content: "\f1a5"
}

.jux-fa-digg:before {
    content: "\f1a6"
}

.jux-fa-pied-piper:before {
    content: "\f1a7"
}

.jux-fa-pied-piper-alt:before {
    content: "\f1a8"
}

.jux-fa-drupal:before {
    content: "\f1a9"
}

.jux-fa-joomla:before {
    content: "\f1aa"
}

.jux-fa-language:before {
    content: "\f1ab"
}

.jux-fa-fax:before {
    content: "\f1ac"
}

.jux-fa-building:before {
    content: "\f1ad"
}

.jux-fa-child:before {
    content: "\f1ae"
}

.jux-fa-paw:before {
    content: "\f1b0"
}

.jux-fa-spoon:before {
    content: "\f1b1"
}

.jux-fa-cube:before {
    content: "\f1b2"
}

.jux-fa-cubes:before {
    content: "\f1b3"
}

.jux-fa-behance:before {
    content: "\f1b4"
}

.jux-fa-behance-square:before {
    content: "\f1b5"
}

.jux-fa-steam:before {
    content: "\f1b6"
}

.jux-fa-steam-square:before {
    content: "\f1b7"
}

.jux-fa-recycle:before {
    content: "\f1b8"
}

.jux-fa-automobile:before, .jux-fa-car:before {
    content: "\f1b9"
}

.jux-fa-cab:before, .jux-fa-taxi:before {
    content: "\f1ba"
}

.jux-fa-tree:before {
    content: "\f1bb"
}

.jux-fa-spotify:before {
    content: "\f1bc"
}

.jux-fa-deviantart:before {
    content: "\f1bd"
}

.jux-fa-soundcloud:before {
    content: "\f1be"
}

.jux-fa-database:before {
    content: "\f1c0"
}

.jux-fa-file-pdf-o:before {
    content: "\f1c1"
}

.jux-fa-file-word-o:before {
    content: "\f1c2"
}

.jux-fa-file-excel-o:before {
    content: "\f1c3"
}

.jux-fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.jux-fa-file-photo-o:before, .jux-fa-file-picture-o:before, .jux-fa-file-image-o:before {
    content: "\f1c5"
}

.jux-fa-file-zip-o:before, .jux-fa-file-archive-o:before {
    content: "\f1c6"
}

.jux-fa-file-sound-o:before, .jux-fa-file-audio-o:before {
    content: "\f1c7"
}

.jux-fa-file-movie-o:before, .jux-fa-file-video-o:before {
    content: "\f1c8"
}

.jux-fa-file-code-o:before {
    content: "\f1c9"
}

.jux-fa-vine:before {
    content: "\f1ca"
}

.jux-fa-codepen:before {
    content: "\f1cb"
}

.jux-fa-jsfiddle:before {
    content: "\f1cc"
}

.jux-fa-life-bouy:before, .jux-fa-life-buoy:before, .jux-fa-life-saver:before, .jux-fa-support:before, .jux-fa-life-ring:before {
    content: "\f1cd"
}

.jux-fa-circle-o-notch:before {
    content: "\f1ce"
}

.jux-fa-ra:before, .jux-fa-rebel:before {
    content: "\f1d0"
}

.jux-fa-ge:before, .jux-fa-empire:before {
    content: "\f1d1"
}

.jux-fa-git-square:before {
    content: "\f1d2"
}

.jux-fa-git:before {
    content: "\f1d3"
}

.jux-fa-hacker-news:before {
    content: "\f1d4"
}

.jux-fa-tencent-weibo:before {
    content: "\f1d5"
}

.jux-fa-qq:before {
    content: "\f1d6"
}

.jux-fa-wechat:before, .jux-fa-weixin:before {
    content: "\f1d7"
}

.jux-fa-send:before, .jux-fa-paper-plane:before {
    content: "\f1d8"
}

.jux-fa-send-o:before, .jux-fa-paper-plane-o:before {
    content: "\f1d9"
}

.jux-fa-history:before {
    content: "\f1da"
}

.jux-fa-genderless:before, .jux-fa-circle-thin:before {
    content: "\f1db"
}

.jux-fa-header:before {
    content: "\f1dc"
}

.jux-fa-paragraph:before {
    content: "\f1dd"
}

.jux-fa-sliders:before {
    content: "\f1de"
}

.jux-fa-share-alt:before {
    content: "\f1e0"
}

.jux-fa-share-alt-square:before {
    content: "\f1e1"
}

.jux-fa-bomb:before {
    content: "\f1e2"
}

.jux-fa-soccer-ball-o:before, .jux-fa-futbol-o:before {
    content: "\f1e3"
}

.jux-fa-tty:before {
    content: "\f1e4"
}

.jux-fa-binoculars:before {
    content: "\f1e5"
}

.jux-fa-plug:before {
    content: "\f1e6"
}

.jux-fa-slideshare:before {
    content: "\f1e7"
}

.jux-fa-twitch:before {
    content: "\f1e8"
}

.jux-fa-yelp:before {
    content: "\f1e9"
}

.jux-fa-newspaper-o:before {
    content: "\f1ea"
}

.jux-fa-wifi:before {
    content: "\f1eb"
}

.jux-fa-calculator:before {
    content: "\f1ec"
}

.jux-fa-paypal:before {
    content: "\f1ed"
}

.jux-fa-google-wallet:before {
    content: "\f1ee"
}

.jux-fa-cc-visa:before {
    content: "\f1f0"
}

.jux-fa-cc-mastercard:before {
    content: "\f1f1"
}

.jux-fa-cc-discover:before {
    content: "\f1f2"
}

.jux-fa-cc-amex:before {
    content: "\f1f3"
}

.jux-fa-cc-paypal:before {
    content: "\f1f4"
}

.jux-fa-cc-stripe:before {
    content: "\f1f5"
}

.jux-fa-bell-slash:before {
    content: "\f1f6"
}

.jux-fa-bell-slash-o:before {
    content: "\f1f7"
}

.jux-fa-trash:before {
    content: "\f1f8"
}

.jux-fa-copyright:before {
    content: "\f1f9"
}

.jux-fa-at:before {
    content: "\f1fa"
}

.jux-fa-eyedropper:before {
    content: "\f1fb"
}

.jux-fa-paint-brush:before {
    content: "\f1fc"
}

.jux-fa-birthday-cake:before {
    content: "\f1fd"
}

.jux-fa-area-chart:before {
    content: "\f1fe"
}

.jux-fa-pie-chart:before {
    content: "\f200"
}

.jux-fa-line-chart:before {
    content: "\f201"
}

.jux-fa-lastfm:before {
    content: "\f202"
}

.jux-fa-lastfm-square:before {
    content: "\f203"
}

.jux-fa-toggle-off:before {
    content: "\f204"
}

.jux-fa-toggle-on:before {
    content: "\f205"
}

.jux-fa-bicycle:before {
    content: "\f206"
}

.jux-fa-bus:before {
    content: "\f207"
}

.jux-fa-ioxhost:before {
    content: "\f208"
}

.jux-fa-angellist:before {
    content: "\f209"
}

.jux-fa-cc:before {
    content: "\f20a"
}

.jux-fa-shekel:before, .jux-fa-sheqel:before, .jux-fa-ils:before {
    content: "\f20b"
}

.jux-fa-meanpath:before {
    content: "\f20c"
}

.jux-fa-buysellads:before {
    content: "\f20d"
}

.jux-fa-connectdevelop:before {
    content: "\f20e"
}

.jux-fa-dashcube:before {
    content: "\f210"
}

.jux-fa-forumbee:before {
    content: "\f211"
}

.jux-fa-leanpub:before {
    content: "\f212"
}

.jux-fa-sellsy:before {
    content: "\f213"
}

.jux-fa-shirtsinbulk:before {
    content: "\f214"
}

.jux-fa-simplybuilt:before {
    content: "\f215"
}

.jux-fa-skyatlas:before {
    content: "\f216"
}

.jux-fa-cart-plus:before {
    content: "\f217"
}

.jux-fa-cart-arrow-down:before {
    content: "\f218"
}

.jux-fa-diamond:before {
    content: "\f219"
}

.jux-fa-ship:before {
    content: "\f21a"
}

.jux-fa-user-secret:before {
    content: "\f21b"
}

.jux-fa-motorcycle:before {
    content: "\f21c"
}

.jux-fa-street-view:before {
    content: "\f21d"
}

.jux-fa-heartbeat:before {
    content: "\f21e"
}

.jux-fa-venus:before {
    content: "\f221"
}

.jux-fa-mars:before {
    content: "\f222"
}

.jux-fa-mercury:before {
    content: "\f223"
}

.jux-fa-transgender:before {
    content: "\f224"
}

.jux-fa-transgender-alt:before {
    content: "\f225"
}

.jux-fa-venus-double:before {
    content: "\f226"
}

.jux-fa-mars-double:before {
    content: "\f227"
}

.jux-fa-venus-mars:before {
    content: "\f228"
}

.jux-fa-mars-stroke:before {
    content: "\f229"
}

.jux-fa-mars-stroke-v:before {
    content: "\f22a"
}

.jux-fa-mars-stroke-h:before {
    content: "\f22b"
}

.jux-fa-neuter:before {
    content: "\f22c"
}

.jux-fa-facebook-official:before {
    content: "\f230"
}

.jux-fa-pinterest-p:before {
    content: "\f231"
}

.jux-fa-whatsapp:before {
    content: "\f232"
}

.jux-fa-server:before {
    content: "\f233"
}

.jux-fa-user-plus:before {
    content: "\f234"
}

.jux-fa-user-times:before {
    content: "\f235"
}

.jux-fa-hotel:before, .jux-fa-bed:before {
    content: "\f236"
}

.jux-fa-viacoin:before {
    content: "\f237"
}

.jux-fa-train:before {
    content: "\f238"
}

.jux-fa-subway:before {
    content: "\f239"
}

.jux-fa-medium:before {
    content: "\f23a"
}

#js-mainnav.megamenu.white {
    border-bottom: none
}

@media (max-width: 768px) {
    #js-mainnav.megamenu.white {
        border: 1px solid #e0e0e0 !important
    }
}

#js-mainnav.megamenu.white .jux-fa.jux-fa-bars {
    color: #2e2e2e !important
}

#megamenucss #js-mainnav.white .js-megamenu {
    background: transparent;
    border: none
}

#js-mainnav.megamenu.white ul.level0 li.megacss span.megacss, #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss, #js-mainnav.megamenu.white .megaMenuToggle {
    font-size: 12px;
    color: #2e2e2e;
    padding: 12px 8px;
    font-weight: bold
}

#js-mainnav.megamenu.white ul.level0 li.haschild a.megacss span.menu-desc, #js-mainnav.megamenu.white ul.level0 li.haschild-over a.megacss span.menu-desc {
}

#js-mainnav.megamenu.white ul.level0 ul.megamenu {
    margin: 0
}

#js-mainnav.megamenu.white ul.level1 li.megacss {
    border: 0 none
}

#js-mainnav.megamenu.white ul.level1 li.megacss span.megacss, #js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
    margin: 0px;
    padding: 6px 20px 6px 15px;
    border: 0;
    color: #888;
    font-size: 12px;
    font-weight: normal;
    background-color: transparent
}

#js-mainnav.megamenu.white ul.level1 li:hover, #js-mainnav.megamenu.white ul.level1 li.active, #js-mainnav.megamenu.white ul.level1 li.over, #js-mainnav.megamenu.white ul.level1 li.haschild-over {
    background: none
}

#js-mainnav.megamenu.white ul.level1 li.haschild, #js-mainnav.megamenu.white ul.level1 li.haschild-over {
    background-image: url(../../../../modules/mod_jux_megamenu/assets/images/arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0
}

#js-mainnav.megamenu.white ul.level0 > .childcontent-inner {
    -webkit-box-shadow: 1px 1px 1px #ddd;
    -moz-box-shadow: 1px 1px 1px #ddd;
    box-shadow: 1px 1px 1px #ddd
}

#js-mainnav.megamenu.white .childcontent-inner .group ul li.active {
}

#js-mainnav.megamenu.white .childcontent .group h3 {
    background: none;
    color: #777
}

#js-mainnav.megamenu.white .childcontent .moduletable {
    padding: 0 10px
}

#js-mainnav.megamenu.white .childcontent .js-moduletable a:hover, #js-mainnav.megamenu.white .childcontent .js-moduletable a:focus, #js-mainnav.megamenu.white .childcontent .js-moduletable a:active {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff
}

#js-mainnav.megamenu.white .group-content .menu-desc, #js-mainnav.megamenu.white .group-title .menu-desc {
    font-size: 9px;
    color: #bbb
}

#js-mainnav.megamenu.white span.menu-desc {
    padding: 0
}

#js-mainnav.megamenu.white li.megacss.group-divison {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px dotted #e9e9e9 !important
}

#megamenucss .white.megamenu ul.level0 > li.megacss:hover > a.megacss, #megamenucss #js-mainnav.megamenu.white ul.level0 li.active {
    color: #000
}

#megamenucss .white.megamenu .dropdown-menu ul.level1 li.megacss:hover > a.megacss, #megamenucss .white .dropdown-menu ul.level1 li.megacss a.megacss:hover {
    color: #000
}

#megamenucss .white.megamenu .jux-tabs .tabs_vertical .megacol.column1 {
    border-left: 1px solid #d8d2d2
}

#megamenucss #js-mainnav.white ul.level0 .childcontent .group-title .menu-title {
    text-transform: inherit;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 13px
}

#megamenucss #js-mainnav.white ul.level0 .childcontent .group .group-content {
    margin-bottom: 15px
}

#megamenucss #js-mainnav.white .group-content .js-moduletable, #megamenucss #js-mainnav.white .group-content ul.megamenu {
    margin: 0
}

#megamenucss .white.megamenu .jux-tabs .level1 .megacol {
    border: none !important
}

#megamenucss #js-mainnav.megamenu.white ul.level0 li.active {
    color: #000
}

#megamenucss .white.megamenu .jux-tabs .tabs_vertical .megacol.column1 {
    border-left: 1px solid #d8d2d2
}

#megamenucss .white.megamenu .jux-tabs .level1 .megacol {
    border: none !important
}

#megamenucss .white.megamenu .jux_tabs_item ul li.ui-state-active a {
    color: #fff !important
}

#megamenucss .white.megamenu .jux_tabs_item ul li a {
    font-size: 13px
}

#megamenucss .white.megamenu .jux_tabs_item ul li.active a {
    color: #fff !important;
    background: #b8b8b8
}

#megamenucss .white.megamenu .jux_tabs_item ul li a:hover {
    color: #fff !important;
    background: #b8b8b8
}

#megamenucss .white.megamenu .jux_tabs_item.tabs_vertical ul li {
    border-bottom: 1px solid #d8d2d2;
    margin: 0
}

.white .jux_tabs_item.tabs_horizontal ul li {
    background: #f3f2f2
}

#jux_memamenu244 #js-mainnav.megamenu .js-megamenu.dropdown-menucssjs-meganav {
    display: block !important
}

@media screen and (max-width: 768px) {
    #jux_memamenu244 #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild.megacss span.menu-title, #jux_memamenu244 #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild-over.megacss span.menu-title {
        margin-left: 0px
    }

    #jux_memamenu244 #js-mainnav .jux-fa.jux-fa-bars {
        font-size: 30px;
        float: left;
        color: #FFF;
        margin-top: -6px;
        margin-left: 4px
    }

    #jux_memamenu244 #js-mainnav.megamenu.vertical.right .js-megamenu ul.level0 li.megacss
    .childcontent {
        margin-left: 0% !important
    }

    #jux_memamenu244 #js-mainnav ul.megamenu li.haschild.megacss:hover > div.childcontent.adddropdown, #jux_memamenu244 .childcontent.open > .dropdown-menu {
        -moz-animation: none !important;
        -webkit-animation: none !important;
        animation: none !important
    }

    #jux_memamenu244 #js-mainnav .js-megamenu .open .childcontent-inner-wrap.dropdown-menu {
        display: block;
        background: #f9f9f9
    }

    #jux_memamenu244 #js-mainnav.megamenu .js-megamenu {
        display: none
    }

    #jux_memamenu244 #js-mainnav.megamenu
    div.megaMenuToggle {
        display: block;
        height: 15px;
        cursor: pointer;
        box-sizing: content-box
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS ul.megamenu
    li {
        box-shadow: none !important
    }

    #jux_memamenu244 #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-center > .childcontent {
        left: 0% !important
    }

    #jux_memamenu244 #js-mainnav.noJS.up ul.megamenu li.haschild > div.childcontent {
        position: static
    }

    #jux_memamenu244 #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-left > .childcontent, #jux_memamenu244 #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss .childcontent, #jux_memamenu244 #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
        top: 0px !important;
        left: 0px !important;
        bottom: 0px !important;
        right: 0px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss
    .childcontent {
        margin-left: 0% !important;
        margin-top: -32px
    }

    #jux_memamenu244 #js-mainnav.megamenu.horizontal {
        border-radius: 0px !important
    }

    #jux_memamenu244 .megamenu ul.level0 li.megacss
    a.megacss {
        border: none !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.megacss
    a.megacss {
        border: none !important
    }

    #jux_memamenu244 #js-mainnav.horizontal ul.level1 li.megacss.submenu-align-right > .childcontent {
        right: 0% !important
    }

    #jux_memamenu244 #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-center > .childcontent {
        left: 0%
    }

    #jux_memamenu244 #js-mainnav
    ul.level0 {
        border: none !important
    }

    #jux_memamenu244 .group-title {
        margin-left: -25px
    }

    #jux_memamenu244 #js-mainnav.megamenu #arrow-icon {
        display: block
    }

    #jux_memamenu244 .dropdown-menu {
        position: inherit;
        top: -6px;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        background-color: #fff;
        border: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    #jux_memamenu244 #js-mainnav ul.megamenu li.haschild.megacss > div.childcontent {
        opacity: 1;
        visibility: visible;
        display: block
    }

    #jux_memamenu244 #arrow-icon {
        position: absolute;
        font-size: 25px;
        text-decoration: none;
        right: -2px;
        margin-top: -44px;
        color: #fff;
        padding: 10px 30px;
        z-index: 9999999;
        cursor: pointer
    }

    #jux_memamenu244 #js-mainnav.megamenu .open > .dropdown-menu {
        display: block !important
    }

    #jux_memamenu244 ul li ul li div.dropdown-menucss {
        display: block
    }

    #jux_memamenu244 #js-mainnav.megamenu ul li ul li #arrow-icon {
        display: none
    }

    #jux_memamenu244 #js-mainnav.megamenu {
        border: 1px solid #6c5a5a
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.megacss
    a {
        padding: 10px 8px 10px 8px !important
    }

    #jux_memamenu244 .group-title {
        padding-left: 10px !important
    }
}

@media screen and (max-width: 480px) {
    #jux_memamenu244 #js-mainnav.megamenu .childcontent-inner-wrap {
        margin: -2px 0px 6px 0px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu #arrow-icon {
        padding: 5px 10px !important
    }

    #jux_memamenu244
    a {
        text-decoration: none
    }
}

#jux_memamenu244 #js-mainnav .js-megamenu {
    display: block
}

@media screen and (max-width: 768px) {
    #jux_memamenu244 .megamenu-sticky {
        text-align: left
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS #css3-megaMenuToggle, #jux_memamenu244 #js-mainnav.megamenu #js-megaMenuToggle {
        display: block;
        padding: 12px 15px;
        cursor: pointer;
        font-size: 10px;
        text-transform: uppercase;
        text-align: left
    }

    #jux_memamenu244 #js-mainnav.megamenu #js-megaMenuToggle {
        display: block !important
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon, #jux_memamenu244 #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon {
        display: inline-block;
        background: rgba(230, 230, 230, 0.7);
        height: 2px;
        width: 16px;
        position: relative;
        float: right;
        margin-top: 10px;
        text-align: left
    }

    #jux_memamenu244 #js-mainnav.megamenu {
        width: 100% !important;
        overflow: hidden
    }

    #jux_memamenu244 #js-mainnav.megamenu
    ul.level0 {
        float: none !important;
        font-size: 12px
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0
    li.megacss {
        float: none !important;
        position: relative;
        background-image: none !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.megamenu li.megacss a.megacss span.menu-desc {
        display: none
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.megacss
    a.megacss {
        padding-left: 20px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level2 li.megacss span.megacss, #jux_memamenu244 #js-mainnav.megamenu ul.level2 li.megacss
    a.megacss {
        padding-left: 45px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level3 li.megacss span.megacss, #jux_memamenu244 #js-mainnav.megamenu ul.level3 li.megacss
    a.megacss {
        padding-left: 70px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level4 li.megacss span.megacss, #jux_memamenu244 #js-mainnav.megamenu ul.level4 li.megacss
    a.megacss {
        padding-left: 90px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.megacss
    a.megacss {
        padding: 15px 10px
    }

    #jux_memamenu244 #js-mainnav.megamenu .js-megamenu {
        font-size: 12px
    }

    #jux_memamenu244 #js-mainnav.megamenu.megamenu.vertical.right ul.level0 li.megacss
    a.megacss {
        text-align: left !important
    }

    #jux_memamenu244 #js-mainnav.megamenu.megamenu.vertical.right .js-megamenu ul.level0 li.megacss
    .childcontent {
        right: 0px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu .js-megamenu li.megacss
    .childcontent {
        margin: 0 !important;
        position: relative;
        width: 100% !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0 li a.haschild.megacss span.menu-title, #jux_memamenu244 #js-mainnav.megamenu ul.level0 li a.haschild-over.megacss span.menu-title {
        background: none !important;
        padding-left: 0px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.haschild, #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.haschild-over {
        background: none !important
    }

    #jux_memamenu244 #js-mainnav.megamenu .childcontent-inner-wrap, #jux_memamenu244 #js-mainnav.megamenu .childcontent-inner, #jux_memamenu244 #js-mainnav.megamenu
    .megacol {
        width: 100% !important
    }

    #jux_memamenu244 #js-mainnav.megamenu
    ul.megamenu {
        margin: 0px !important
    }

    #jux_memamenu244 #js-mainnav.megamenu .megacol, .childcontent-inner {
        border: none !important;
        float: none !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon, #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon {
        display: block;
        float: right;
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: 99
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon, #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon {
        display: block;
        cursor: pointer
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon {
        background: url("https://d2gbo5uoddvg5.cloudfront.net/modules/mod_jux_megamenu/assets/css/images/arrow_down.png") no-repeat scroll 100% 0px transparent !important;
        display: block !important;
        text-indent: 9999px;
        width: 40px;
        height: 31px;
        border: 0 none !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon {
        background: url("https://d2gbo5uoddvg5.cloudfront.net/modules/mod_jux_megamenu/assets/css/images/close.png") no-repeat scroll 100% 0 transparent;
        display: block !important;
        height: 31px;
        text-indent: 9999px;
        width: 40px;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.megacss span.arrow-icon {
        display: none
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.haschild span.arrow-icon, #jux_memamenu244 #js-mainnav.megamenu ul.level1 li.haschild-over span.arrow-icon {
        display: block;
        float: right;
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: 99
    }

    #jux_memamenu244 #js-mainnav.megamenu ul.level0 li.megacss.submenu-align-fullwidth {
        position: relative !important
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS ul.megamenu
    li {
        padding: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 0 !important
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS ul.megamenu li
    a {
        position: relative
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS #css3-megaMenuToggle {
        display: block;
        border-radius: 5px;
        padding: 15px
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS:hover ul.megamenu
    li {
        display: block
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS ul.megamenu li.haschild > div.childcontent {
        display: none
    }

    #jux_memamenu244 #js-mainnav.megamenu.noJS ul.level0 li.megacss.haschild:hover > a.haschild:after {
        border-top-color: #fff
    }
}

#gruemenu, #gruemenu ul, #gruemenu ul li, #gruemenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999999
}

#gruemenu {
    width: auto
}

#gruemenu > ul {
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
    padding: 0;
    margin: 0
}

#gruemenu > ul > li a {
    background: none
}

#gruemenu > ul > li > a {
    padding: 18px 25px 21px 25px;
    border-right: 1px solid rgba(80, 80, 80, 0.12);
    text-decoration: none;
    letter-spacing: 1px
}

#gruemenu > ul > li:hover > a, #gruemenu > ul > li > a:hover, #gruemenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1)
}

#gruemenu > ul > li.has-sub > a {
    padding-right: 45px
}

#gruemenu > ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent
}

#gruemenu > ul > li.has-sub.active > a::after, #gruemenu > ul > li.has-sub:hover > a {
}

#gruemenu:after, #gruemenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#gruemenu ul ul li a {
    text-decoration: none;
    padding: 11px 25px;
    width: 220px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1)
}

#gruemenu > ul > li > ul::after {
    position: absolute;
    display: block
}

#gruemenu ul ul li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent
}

#navigation-toggle, .sidr, #sidr-close {
    display: none
}

.sidr {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 300px;
    overflow-x: auto;
    overflow-y: auto;
    font-size: 16px;
    background: #333;
    color: #fff
}

.sidr .sidr-inner {
    padding: 0
}

.sidr .sidr-inner > p {
    margin-left: 15px;
    margin-right: 15px
}

.sidr.right {
    left: auto;
    right: -320px
}

.sidr.left {
    left: -320px;
    right: auto
}

.sidr p {
    font-size: 16px;
    margin: 0 0 12px
}

.sidr p a {
    color: rgba(255, 255, 255, 0.9)
}

.sidr > p {
    margin-left: 15px;
    margin-right: 15px
}

.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #4d4d4d
}

.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #1a1a1a
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
    background: #333;
    line-height: 48px
}

.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
}

.sidr ul li a, .sidr ul li span {
    padding: 0 15px;
    display: block;
    text-decoration: none;
    color: #fff
}

.sidr ul li ul {
    border-bottom: none;
    margin: 0
}

.sidr ul li ul li {
    line-height: 40px;
    font-size: 14px
}

.sidr ul li ul li:last-child {
    border-bottom: none
}

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
    background: #333;
    line-height: 40px
}

.sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span {
}

.sidr ul li ul li a, .sidr ul li ul li span {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px
}

.sidr form {
    margin: 0 15px
}

.sidr label {
    font-size: 13px
}

.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select {
    width: 100%;
    font-size: 13px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.6);
    display: block;
    clear: both
}

.sidr input[type=checkbox] {
    width: auto;
    display: inline;
    clear: none
}

.sidr input[type=button], .sidr input[type=submit] {
    color: #333;
    background: #fff
}

.sidr input[type=button]:hover, .sidr input[type=submit]:hover {
    background: rgba(255, 255, 255, 0.9)
}

a.sidr-class-toggle-sidr-close {
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: right;
    padding: 10px 20px
}

a.sidr-class-toggle-sidr-close:before {
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    margin: 0;
    text-decoration: none;
    content: "x";
    background: #222;
    padding: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 24px
}

.sidr-class-current > a {
    background: #222
}

#jm-toppage.fixed-nav #navigation-toggle span.nav-line {
    background: #740236
}

body.internalPageCls #navigation-toggle span.nav-line {
    background: #5d022b
}

body.internalPageCls #navigation-toggle.close-ico-redf span.nav-line {
    background: transparent
}

div.cc-window.cc-floating {
    max-width: 32em
}

@media (max-width: 639px) {
    div.cc-window.cc-floating:not(.cc-center) {
        max-width: none
    }
}

div.cc-window, span.cc-cookie-settings-toggler {
    font-size: 16px
}

div.cc-revoke {
    font-size: 16px
}

div.cc-settings-label, span.cc-cookie-settings-toggle {
    font-size: 14px
}

div.cc-window.cc-banner {
    padding: 1em 1.8em
}

div.cc-window.cc-floating {
    padding: 2em 1.8em
}

input.cc-cookie-checkbox + span:before, input.cc-cookie-checkbox + span:after {
    border-radius: 1px
}

div.cc-center, div.cc-floating, div.cc-checkbox-container, div.gdpr-fancybox-container div.fancybox-content, ul.cc-cookie-category-list li, fieldset.cc-service-list-title legend {
    border-radius: 0px
}

div.cc-window a.cc-btn, span.cc-cookie-settings-toggle {
    border-radius: 0px
}

#cf_6 .cf-btn:after {
    border-radius: 5px
}

.convertforms {
    --color-primary: #4285F4;
    --color-success: #0F9D58;
    --color-danger: #d73e31;
    --color-warning: #F4B400;
    --color-default: #444;
    --color-grey: #ccc
}

#cf_6 {
    --font: Arial;
    --background-color: rgba(245, 245, 245, 1);
    --border-radius: 0px;
    --control-gap: 10px;
    --label-color: #333;
    --label-size: 16px;
    --label-weight: 400;
    --input-color: #888;
    --input-text-align: left;
    --input-background-color: #fff;
    --input-border-color: #ccc;
    --input-border-radius: 3px;
    --input-size: 16px;
    --input-padding: 12px 12px
}

.cf-field-hp {
    display: none;
    position: absolute;
    left: -9000px
}

#jux_memamenu244 ul.megamenu li.haschild.megacss:hover > div.childcontent.adddropdown, #jux_memamenu244 .childcontent.open > .dropdown-menu {
    opacity: 1;
    -moz-animation: fadeInDown 0ms ease-in;
    -webkit-animation: fadeInDown 0ms ease-in;
    animation: fadeInDown 0ms ease-in
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("https://d2gbo5uoddvg5.cloudfront.net/templates/jm-news-portal/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

#jm-topline-left h3 {
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #ee1c25;
    margin: 0 5px 0 0;
    text-transform: uppercase
}

#jm-topline-mods a:link, #jm-topline-mods a:visited {
    color: #fff
}

#jm-topline-mods div.login-greeting {
    padding: 0;
    display: inline-block
}

#jm-topline-mods div.logout-button {
    display: inline-block
}

#jm-topline-mods div.logout-button input.button {
    background: #333 !important;
    height: 15px;
    line-height: 15px;
    font-size: 8px;
    text-transform: uppercase;
    margin: 0 10px !important;
    padding: 0 5px
}

#jm-topline-mods div.logout-button input.button:hover {
    background: #666 !important
}

#jm-search div.search .inputbox {
    -webkit-transition: width 0.3s ease-out 0s;
    -moz-transition: width 0.3s ease-out 0s;
    -o-transition: width 0.3s ease-out 0s;
    transition: width 0.3s ease-out 0s;
    width: 180px;
    margin: 0
}

#jm-search div.search input.inputbox:focus, #jm-search div.search input.inputbox:active {
    width: 200px
}

#jm-search div.search .button {
    height: auto;
    padding: 11px;
    margin: 0 0 0 -1px
}

#jm-search div.search .button:active {
    top: 0
}

div#jm-logo {
    font-size: 2.2em;
    line-height: 1.2em;
    margin: 0;
    height: 53px;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center
}

div#jm-logo a:link, div#jm-logo a:visited {
    display: block
}

div#jm-logo a:hover {
    text-decoration: none
}

#jm-copyrights p {
    margin: 0
}

#jm-pathway div.breadcrumbs span.showHere {
    margin: 0 5px 0 0;
    display: inline-block
}

#jm-pathway div.breadcrumbs img {
    vertical-align: middle
}

#jm-pathway h3 {
    font-size: 1em;
    line-height: 1.5em;
    float: left;
    margin: 0 5px 0 0
}

#jm-stylearea a span {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin: 0 0 0 5px;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3)
}

#jm-stylearea a:active span {
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3)
}

#jm-stylearea a:hover {
    text-decoration: none
}

#jm-stylearea a#style_icon-1 span {
    background: #000
}

#jm-stylearea a#style_icon-1:hover span {
    background: #525252
}

#jm-stylearea a#style_icon-2 span {
    background: #006295
}

#jm-stylearea a#style_icon-2:hover span {
    background: #0088cf
}

#jm-stylearea a#style_icon-3 span {
    background: #bd2031
}

#jm-stylearea a#style_icon-3:hover span {
    background: #ff2345
}

#jm-back-top a {
    display: block
}

#jm-back-top a:hover {
    text-decoration: none;
    cursor: pointer
}

#jm-back-top span {
    width: 45px;
    height: 45px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    background-image: url(../../../../templates/jm-news-portal/images/backtotop.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.5)
}

#jm-back-top a:hover span {
    background-color: rgba(0, 0, 0, 0.3)
}

.smallview #jm-maincontent {
    font-size: 0.9em;
    line-height: 1.5em
}

.normalview #jm-maincontent {
}

.largeview #jm-maincontent {
    font-size: 1.2em;
    line-height: 1.5em
}

#jm-bottompage-in .fox_form label {
    font-size: 17px;
    padding: 5px 0px
}

#jm-bottompage-in .fox_form input, .fox_form textarea {
    box-shadow: none;
    border-radius: 0px !important;
    padding: 2px 5px !important;
    font-size: 13px
}

#jm-bottompage-in select.foxtext {
    box-shadow: none
}

#jm-bottompage-in button.btn.btn-success.submit-button {
    min-width: 230px;
    background: #c2c2c2;
    height: 43px;
    margin: auto !important;
    display: table;
    -webkit-transition: background 700ms linear;
    -moz-transition: background 700ms linear;
    -o-transition: background 700ms linear;
    -ms-transition: background 700ms linear;
    transition: background 700ms linear
}

#jm-bottompage-in button.btn.btn-success.submit-button:hover {
    background: #efefef
}

#jm-bottompage-in button.btn.btn-success.submit-button span {
    color: #222;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "segoe_ui_light";
    line-height: 35px;
    text-shadow: none
}

#jm-bottompage-in .jm-module .jm-title-wrap {
    border-top: none
}

.cont_contact {
    width: 100%;
    display: table;
    padding: 15px 0px
}

#jm-bottompage-in .formulaire_contact_fl {
    width: 98%;
    margin: auto;
    display: table
}

.map_contact_fl {
    float: right;
    width: 45%;
    margin-top: 35px
}

.navigation-container-custom {
    left: 0%;
    top: -10px !important
}

.cont_tab {
    width: 100%;
    display: table;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf
}

.cont_tab_one {
    float: left
}

.cont_tab_two {
    float: left;
    margin-left: 40px
}

.cont_tab_three {
    float: left;
    margin-left: 40px
}

.cont_tab_reseau {
    float: left
}

.logigroup_footer {
    display: table;
    width: 100%;
    padding-top: 20px
}

.copyright_logigroup {
    float: left
}

.logo_logigroup {
    float: right;
    margin-top: 7px
}

.cont_tab_reseau a {
    text-indent: -9999px;
    display: inline-block;
    opacity: 0.6;
    background-image: url(../../../../images/img_template/social_icon.png);
    background-repeat: no-repeat;
    margin-left: 13px
}

.cont_tab_reseau a:hover {
    opacity: 1
}

.lg-fcb {
    background-position: 0px 0px;
    width: 15px;
    height: 25px;
    margin-left: 0px !important
}

.lg-twr {
    background-position: -38px 0px;
    width: 27px;
    height: 25px
}

.lg-ytb {
    background-position: -85px 0px;
    width: 33px;
    height: 25px
}

span.load-button {
    width: 24px;
    height: 24px;
    border-radius: 0px;
    opacity: 1
}

#jm-header .djslider-loader {
    background-color: #f2f2f2 !important
}

#jm-header .slide-desc {
    left: 50% !important;
    top: 50px !important;
    width: 41% !important
}

#jm-header .slide-desc-bg {
    background: none !important
}

#jm-header .slide-desc-text {
    font-size: 18px;
    line-height: 39px;
    color: #333;
    text-align: justify
}

#jm-header .slide-desc-text .slide-title {
    font-size: 33px;
    padding-bottom: 10px;
    color: #333
}

.formulaire_contact_fl .fox_form {
    margin-bottom: 0px !important
}

.bg_page_all {
    height: auto;
    display: table;
    width: 100%;
    padding: 0px 0px 20px
}

.bg_page_all p {
    margin: 0px
}

.container_page {
    width: 94%;
    margin: auto;
    padding: 25px 0px
}

.c_page_content {
    width: 100%;
    margin: auto
}

.c_page_content h1 {
    color: #222;
    font-size: 30px;
    text-align: left;
    font-family: "segoe_ui_light";
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 0px 15px
}

.bg_page_shadow {
}

.menu_content {
    width: 100%;
    float: none;
    display: table;
    padding-bottom: 20px
}

.menu_content ul.menu {
    margin: 0px
}

.menu_content ul.menu li {
    padding-left: 0px;
    padding-right: 0px
}

.menu_content ul.log_pad li a {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center
}

.menu_content ul.ed_pad li a {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.menu_content ul.menu li.active a {
    border-bottom: 2px solid #761746
}

.bg_detail_content {
    background: none;
    padding: 10px 1.5%;
    display: table;
    width: 97%
}

.img_flt_r {
    float: right;
    padding-left: 20px;
    padding: 10px 0px 0px 30px;
    width: 32%
}

.img_flt_r div {
    width: 100%;
    height: 500px
}

.bg_detail_content p {
    font-size: 14px;
    color: #6a6a6a;
    text-align: center;
    line-height: 25px;
    margin-bottom: 7px
}

.contentdescription p {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 10px;
    text-align: justify
}

.container_mod_extra {
    width: 100%;
    display: table
}

.c_mod_extra {
    width: 70%;
    display: table;
    margin: auto;
    padding-bottom: 20px
}

.c_mod_extra p {
    font-size: 18px;
    color: #222;
    line-height: 30px;
    text-align: justify
}

.flt_img_l {
    float: left;
    padding-right: 20px;
    margin-top: 15px
}

.c_all_flt {
    display: table;
    width: 95%;
    padding: 25px 0px;
    margin: auto
}

.flt_txt_l {
    float: right;
    width: 39%;
    margin-right: 10px
}

.item-page .fox_form input, .fox_form textarea {
    box-shadow: none;
    border-radius: 0px !important;
    padding: 2px 5px !important
}

.bg_detail_content table {
    font-size: 16px;
    line-height: 30px;
    width: 100%
}

.page_erp_crm {
    padding: 0px !important
}

.page_erp_crm.no_bg {
    background: #fff
}

.page_erp_crm.no_bg .fl_left_article_texte {
    float: right
}

.page_erp_crm.no_bg .fl_right_article_texte {
    margin-right: 45px;
    float: right !important;
    text-align: right
}

.fl_right_article_texte {
    margin-left: 45px;
    float: left !important
}

.realisation_clients_logos {
    width: 100%;
    display: table
}

.client_logo {
    width: 18.8%;
    float: left;
    padding: 0px 0.5%;
    position: relative;
    margin: 0% 0% 0% 0;
    cursor: pointer;
    text-align: center
}

.client_logo a img {
}

.client_logo a {
}

.client_logo.odd {
    background-color: #ececec
}

.client_logo.even {
    background-color: #d8d8d8
}

.client_logo:hover {
    background-color: #fff;
    -webkit-transition: background-color 700ms linear;
    -moz-transition: background-color 700ms linear;
    -o-transition: background-color 700ms linear;
    -ms-transition: background-color 700ms linear;
    transition: background-color 700ms linear
}

.menu_content .menu li ul {
    display: none
}

.bg_detail_content.recrut_p p {
    padding-bottom: 10px
}

.lien_neo_recrut {
    width: 100%
}

.lien_neo_recrut a {
    display: block;
    float: left;
    -webkit-transition-property: color;
    -webkit-transition-duration: 1s;
    -moz-transition-property: color;
    -moz-transition-duration: 1s;
    transition-property: color;
    transition-duration: 1s;
    color: #fff
}

.lien_neo_recrut a:hover {
    text-decoration: none;
    color: #838383
}

.lien_neo_recrut a span {
    padding: 13px 0;
    background: #303030;
    display: block;
    text-align: center;
    width: 200px;
    font-size: 15px;
    color: #fff;
    -webkit-transition-property: background;
    -webkit-transition-duration: 1s;
    -moz-transition-property: background;
    -moz-transition-duration: 1s;
    transition-property: background;
    transition-duration: 1s
}

.lien_neo_recrut a span:hover {
    background: #933363
}

.lien_plugandweb {
    width: 100%;
    display: table;
    padding-top: 15px
}

.lien_plugandweb a {
    display: block;
    float: left;
    -webkit-transition-property: color;
    -webkit-transition-duration: 1s;
    -moz-transition-property: color;
    -moz-transition-duration: 1s;
    transition-property: color;
    transition-duration: 1s;
    color: #fff
}

.lien_plugandweb a:hover {
    text-decoration: none;
    color: #838383
}

.lien_plugandweb a span {
    padding: 13px 13px;
    background: #ed682d;
    display: block;
    text-align: center;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase
}

.c_page_content form table {
    font-size: 14px;
    line-height: 35px
}

div.bg_detail_content h2 {
    font-family: segoe_ui_light !important;
    font-size: 22px !important
}

.back_button {
    float: left;
    margin-left: 20px;
    margin-top: 0
}

.neorecruit_buttonbox .button, .bg_detail_content button.foxbutton, input.btn.btn-primary.validate, .back_button a {
    padding: 18px 56px 25px;
    line-height: 11px;
    background: #761646;
    text-transform: uppercase;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 300px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: none;
    background-color: #691e40;
    background-image: -moz-linear-gradient(top, #8f4566, #691e40);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#691e40), to(#691e40));
    background-image: -webkit-linear-gradient(top, #8f4566, #691e40);
    background-image: -o-linear-gradient(top, #8f4566, #691e40);
    background-image: linear-gradient(to bottom, #8f4566, #691e40);
    background-repeat: repeat-x;
    border: 1px solid #691e40;
    border-color: #691e40;
    border-color: #691e40;
    border-bottom-color: #691e40;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 10px 12px;
    line-height: 20px;
    height: 40px;
    color: #fff;
    max-width: 300px;
    font-size: 17px;
    font-family: "segoe_ui_light";
    letter-spacing: 2px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 1s;
    -moz-transition-property: background;
    -moz-transition-duration: 1s;
    transition-property: background;
    transition-duration: 1s;
    color: #fff !important;
    cursor: pointer;
    margin: 22px 0px
}

.back_button a {
    padding: 11px 53px 10px;
    height: auto;
    width: 100px !important;
    min-width: 100px
}

.neorecruit_buttonbox .button:hover, .bg_detail_content button.foxbutton:hover, input.btn.btn-primary.validate:hover, .back_button a:hover {
    background: #933363;
    text-decoration: none
}

div.neorecruit_buttonbox {
    padding: 0px;
    width: auto;
    float: left
}

.offer-description {
    font-size: 15px;
    line-height: 24px
}

.methodologie_content {
    background: url("../../../../images/img_template/bg_methodologie.png") center no-repeat;
    width: 905px;
    height: 424px;
    margin: auto;
    position: relative
}

.methodologie_content div {
    position: absolute;
    width: 194px;
    text-align: center;
    font-size: 14px;
    color: #2e2e2e;
    line-height: 28px
}

.step_1 {
    top: 61px;
    left: 8px
}

.step_2 {
    bottom: 50px;
    left: 184px
}

.step_3 {
    top: 61px;
    left: 360px
}

.step_4 {
    bottom: 25px;
    right: 186px
}

.step_5 {
    top: 61px;
    right: 11px
}

.p_creation_site_web p {
    text-align: center;
    padding-bottom: 15px
}

.c_all_flt.p_creation_site_web {
    padding-top: 10px
}

.title_etude_cas {
    width: 100%;
    background: transparent;
    height: auto
}

.title_etude_cas h3 {
    font-size: 27px !important;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 54px;
    letter-spacing: 2px;
    text-align: center;
    color: #333;
    padding: 40px 0px
}

.container_etude_cas {
    background: #fff;
    width: 100%;
    display: table;
    margin: 0px 0px 60px;
    box-shadow: 0px 0px 15px #c3c3c3
}

.contenu_etude_cas {
    width: 980px;
    min-height: 425px;
    margin: auto
}

.img_etude_cas {
    float: left
}

.detail_etude_cas {
    float: right;
    padding: 0 20px 20px;
    font-size: 15px;
    width: 35%
}

.container_etude_cas h2 {
    font-family: "segoe_ui_light" !important;
    font-size: 17px !important;
    color: #111;
    padding-top: 15px;
    text-transform: uppercase
}

.detail_etude_cas ul li {
    margin-bottom: 5px;
    background-position: left 7px
}

.detail_etude_cas a {
    color: #8d2d5d !important
}

.no_bg_etude_cas {
    background: none
}

.title_methodologie {
    font-size: 25px !important;
    font-family: "segoe_ui_light" !important;
    padding: 20px 0px 10px !important;
    text-align: center
}

.img_savoir_faire {
    float: left;
    width: 50%
}

.detail_savoir_faire {
    float: left;
    margin-left: 1%;
    width: 40%;
    padding: 60px 20px 0;
    font-size: 17px;
    line-height: 33px
}

.detail_savoir_faire h2 {
    padding-bottom: 15px
}

.detail_savoir_faire h4 {
    font-size: 24px
}

.switch_position_fl .img_savoir_faire {
    float: right;
    text-align: right
}

.switch_position_fl .detail_savoir_faire {
    float: right;
    margin-right: 1%
}

.detail_savoir_faire a {
    color: #8d2d5d !important
}

.detail_savoir_faire ul li {
    font-size: 16px;
    background-position: left 14px
}

.plugandweb_title {
    color: #333;
    padding-top: 5px
}

.plugandweb_title span {
    color: #842052
}

.paw_ul li {
    margin-bottom: 10px
}

.paw_ul {
    padding: 0px 0
}

.jm-slider1 {
    overflow: hidden
}

.dev_logi h2 {
    font-size: 24px !important
}

.menu_dev_logi li a {
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 16px !important
}

.more_details_icon {
    background: url("../../../../images/modules/plus_details.png") center no-repeat;
    width: 350px;
    height: 51px;
    margin-top: 15px;
    margin-left: 30px;
    cursor: pointer
}

.more_details_icon_logi {
    background: url("../../../../images/modules/plus_details.png") center no-repeat;
    width: 350px;
    height: 51px;
    margin: 15px auto 10px;
    cursor: pointer
}

.more_details_icon_our_solutions {
    background: url("../../../../images/modules/plus_details.png") center no-repeat;
    width: 350px;
    height: 51px;
    margin-top: 54px;
    margin-left: 30px;
    cursor: pointer
}

.roktabs-wrapper .light .roktabs-container-tr, .roktabs-wrapper .light .roktabs-container-inner, .roktabs-wrapper .light .active-arrows {
    background: none
}

.roktabs-wrapper .light .roktabs-links ul.roktabs-top li.active {
    border-bottom: none;
    background: none !important
}

.roktabs-wrapper .icon-left .tab-icon {
    margin-right: 10px !important;
    width: 28px
}

.roktabs-wrapper {
    width: 100% !important
}

.roktabs-wrapper .light .roktabs-container-wrapper div {
    width: 680px !important;
    margin-right: 20px !important
}

.roktabs-wrapper .light .roktabs-container-tr {
    width: 700px !important
}

.roktabs-wrapper .light .roktabs-container-inner {
    width: 695px !important
}

.bg_fonctionalite {
    background: transparent
}

.roktabs-wrapper .light .roktabs-links ul.roktabs-top li {
    background: none !important;
    padding: 10px 0px
}

.roktabs-wrapper .light .roktabs-links ul {
}

.bg_fonctionalite h4 {
    padding: 0px 0px 20px;
    font-size: 34px;
    text-align: center;
    color: #222;
    font-family: Euphemia, "segoe_ui_sb"
}

.expertise_offsore_h4 {
    padding: 10px 0px;
    font-size: 34px;
    text-align: center
}

.contanier_domaine_w {
    width: 90%;
    margin: auto;
    display: table
}

.domaine_fl {
    width: 19.9%;
    float: left;
    text-align: center;
    margin-left: 0px
}

.domaine_fl p {
    text-align: center !important;
    color: #222 !important
}

.meth_ti h4 {
    font-size: 35px;
    padding: 10px 0px;
    text-transform: uppercase
}

.menu_content ul.erp_pad li a {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center
}

.menu_content ul.offshore_pad li a {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center
}

.title_projet {
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
    left: 0px;
    background: #ababab;
    opacity: 0.6;
    padding: 10px 0px;
    font-size: 15px;
    color: #000
}

.dif_bg {
    background: #949494
}

.roktabs-wrapper .light .roktabs-links {
    width: 200px !important;
    float: left;
    margin-left: -15px !important
}

.bg_detail_content h5, .bg_detail_content h2 {
    font-size: 24px;
    margin-top: 20px;
    color: #333
}

.bg_detail_content h5:first-of-type {
    margin-top: 0px !important
}

h5.offshore_h5 {
    color: #4b4b4b;
    font-size: 24px !important;
    padding-left: 50px
}

.cont_offshore_avantages.cont_notpad_bi h5.offshore_h5 {
    padding-left: 0px;
    clear: both
}

div.item-page .cont_offshore_avantages.cont_notpad_bi p {
    padding-left: 0px
}

h5.offshore_h5.economie_lg {
    background: url("../../../../images/jch-optimize/ng/images_modules_economie__lg.webp") no-repeat left center;
    background-size: 36px;
    background-position: 0 0px
}

h5.offshore_h5.accompagne_lg {
    background: url("../../../../images/jch-optimize/ng/images_modules_accompagne__lg.webp") no-repeat left center;
    background-size: 36px;
    background-position: 0 0px
}

h5.offshore_h5.equipe_lg {
    background: url("../../../../images/jch-optimize/ng/images_modules_equipe__qualifie__lg.webp") no-repeat left center;
    background-size: 36px;
    background-position: 0 0px
}

fieldset dd {
    margin: 0;
    width: 80%;
    float: right
}

.form-validate dt {
    font-size: 14px;
    width: 100%;
    max-width: 20%;
    margin: 6px 0
}

.offshore_h5 {
}

.erp_pag_pad {
    padding-top: 10px
}

.marg_lien_ext {
    margin-top: 15px
}

.pictured span {
    background: url("../../../../images/jch-optimize/ng/images_modules_puce.webp") no-repeat left 12px;
    padding-left: 22px;
    display: block
}

.txt_flt_l {
    float: left;
    width: 60%
}

.customgray a.link_page_h, .link_read_more a.link_page_h {
    font-size: 18px !important;
    letter-spacing: 0;
    text-transform: none;
    color: #222 !important;
    font-family: "segoe_ui_light" !important;
    text-decoration: none;
    display: block;
    border: 1px solid #b8b8b8;
    width: auto;
    padding: 1px 25px 5px 5px;
    text-align: center;
    margin-top: 18px;
    background: url("../../../../images/modules/fleche_header.png") no-repeat 95% 59% #fff;
    line-height: 36px
}

.clear_plugandweb {
    clear: both
}

.clear_plugandweb h4 {
    font-size: 23px
}

.link_read_more a.link_page_h {
    width: 58% !important
}

.contact_scrool {
    background: url("../../../../images/modules/fleche_scr_c.png") no-repeat;
    display: block;
    width: 57px !important;
    height: 37px !important;
    margin: auto !important;
    cursor: pointer;
    -webkit-transition: all 0.5s cubic-bezier(0.6, 2, 0.4, 1);
    -moz-transition: all 0.5s cubic-bezier(0.6, 2, 0.4, 1);
    -ms-transition: all 0.5s cubic-bezier(0.6, 2, 0.4, 1);
    -o-transition: all 0.5s cubic-bezier(0.6, 2, 0.4, 1);
    transition: all 0.5s cubic-bezier(0.6, 2, 0.4, 1)
}

.contact_scrool:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    background: url("../../../../images/modules/fleche_scr_c_hover.png") no-repeat
}

.log .domaine_fl {
}

.point_detail_open_erp {
    display: table;
    width: 100% !important;
    background: #d2d2d2
}

.point_detail_open_erp li {
    float: left;
    width: 45%;
    margin-left: 2%;
    padding-bottom: 18px !important;
    background: url("../../../../images/modules/fonctionnalite/icons/li_open_erp.png") left 12px no-repeat !important;
    padding-left: 17px !important;
    font-size: 16px !important
}

.point_detail_open_erp li span {
    font-family: Euphemia, "segoe_ui_sb"
}

.clr_ul_open_erp {
    clear: both
}

.title_essai_gratuit {
    text-align: center;
    color: #222;
    font-size: 27px;
    padding: 20px 0px
}

.cont_essai_gratuit {
    background: #dbdbdb;
    display: table;
    width: 100%;
    font-size: 16px;
    line-height: 30px
}

.form_essai_gratuit {
    float: left;
    padding-left: 29px;
    padding-top: 20px;
    width: 47%
}

.form_essai_gratuit .fox_form {
    margin-bottom: 5px !important
}

.img_essai_gratuit {
    float: right
}

.form_essai_gratuit .foxbutton {
    width: 93%;
    padding: 17px 0px 30px !important;
    border-radius: 5px
}

.cont_option_prix {
    display: table;
    width: auto;
    font-size: 16px;
    line-height: 30px;
    margin: auto;
    padding-bottom: 10px;
    min-width: 900px
}

.cloud_cont {
    float: left;
    width: 377px;
    height: 663px;
    position: relative;
    background: url(../../../../images/jch-optimize/ng/images_modules_cloud__bg.webp) left bottom no-repeat
}

.dedie_cont {
    float: right;
    width: 384px;
    height: 663px;
    position: relative;
    background: url(../../../../images/jch-optimize/ng/images_modules_dedie__bg.webp) no-repeat
}

.p_ag_essai {
    font-size: 21px !important
}

.cloud_cont div {
    position: absolute;
    right: 0px;
    width: 344px
}

.cloud_cont div span {
    font-family: Euphemia, "segoe_ui_sb"
}

.title_cloud {
    top: 18px;
    height: 60px;
    text-align: center;
    font-size: 25px;
    color: #f1f1f1;
    line-height: 54px
}

.title_desc_cloud {
    top: 78px;
    height: 56px;
    text-align: center;
    color: #7f1e4f;
    font-size: 21px;
    line-height: 50px
}

.desc_cloud {
    top: 145px
}

.desc_cloud ul {
    color: #7f1e4f;
    width: 90%;
    margin: auto;
    font-size: 18px
}

.desc_cloud li {
    background: url("../../../../images/modules/fonctionnalite/icons/li_open_erp.png") left 15px no-repeat !important;
    padding-bottom: 11px !important;
    padding-left: 17px !important;
    font-family: Euphemia, "segoe_ui_sb";
    font-size: 17px !important
}

.user_cloud {
    bottom: 185px;
    height: 47px;
    text-align: center;
    color: #f1f1f1;
    font-size: 25px;
    line-height: 37px
}

.price_cloud {
    bottom: 112px;
    height: 69px;
    text-align: center;
    font-size: 20px;
    color: #222;
    line-height: 28px
}

.user_add_cloud {
    bottom: 69px;
    height: 47px;
    text-align: center;
    font-size: 20px;
    color: #f1f1f1;
    line-height: 40px
}

.price_user_add_cloud {
    bottom: 0px;
    height: 69px;
    text-align: center;
    line-height: 62px;
    font-size: 25px;
    color: #222
}

.dedie_cont div {
    position: absolute;
    left: 0px;
    width: 348px
}

.dedie_cont .title_desc_cloud, .dedie_cont .desc_cloud ul li {
    color: #222
}

.title_c_cloud {
    bottom: 14px;
    text-align: center;
    height: 218px;
    line-height: 203px;
    font-size: 33px;
    color: #222
}

.references_fl a {
    margin-left: 15px
}

.bg_detail_content_a {
    padding: 10px 0px;
    display: table;
    width: 100%
}

.point_detail_projet_web {
    width: 100%;
    padding: 0px 0px 20px;
    display: table
}

.pack_site_web {
    float: left;
    width: 30%;
    margin-left: 20px;
    text-align: center;
    padding: 25px 0
}

.pack_site_web h6 {
    color: #2b2b2b;
    font-size: 22px
}

.pack_site_web p {
    font-size: 20px
}

.pack_site_web .img_d {
    height: 90px
}

.detail_etude_cas h2 span {
    text-transform: none;
    font-size: 17px
}

.fl_right_article_texte h1 {
    font-size: 38px !important;
    padding-bottom: 10px;
    color: #333 !important;
    text-align: left !important;
    padding-top: 15px
}

.fl_right_article_texte h2 {
    font-size: 38px !important;
    padding-bottom: 10px !important;
    color: #333 !important;
    text-align: left !important;
    padding-top: 15px !important;
    font-family: "segoe_ui_light" !important;
    border-bottom: none !important
}

#content_top_log_center .customgray h3.jm-title a {
    margin: auto;
    padding: 0px;
    text-align: center;
    line-height: 61px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-family: segoe_ui_light;
    display: block
}

#content_top_log_center .customgray h3.jm-title a:hover {
    text-decoration: none
}

.cont_tab_reseau .lg-google {
    text-indent: -9999px;
    display: inline-block;
    opacity: 0.6;
    background-image: url(../../../../images/jch-optimize/ng/images_img__template_google__plus.webp);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    background-position: 0px 2px
}

.item-page .jm-slider1 .djslider .slide-desc-bg {
    background: none
}

.item-page .slide-desc-text .slide-text {
    position: absolute;
    width: 35%;
    left: 7%;
    top: 130px
}

.min-title-v {
    color: #fff;
    font-size: 28px;
    padding-bottom: 15px;
    line-height: 40px
}

.desc-white-sl p {
    font-family: "segoe_ui_light";
    font-size: 20px;
    padding-top: 10px;
    line-height: 35px
}

.desc-white-sl p.pad_not_pb {
    padding-top: 0px
}

.desc-black-sl p {
    font-family: "segoe_ui_light";
    font-size: 22px;
    padding-bottom: 25px;
    line-height: 50px;
    color: #262827
}

.item-page .slider-container li:nth-child(2) .slide-title {
    color: #5a5a5a
}

.menu_templates {
    width: 190px;
    display: table;
    height: auto;
    float: left
}

.article_templates {
    width: 700px;
    float: right
}

.menu_templates ul.menu {
    margin-top: 0px
}

.accueil-conseil-services-informatique #lg-bottom-bottom {
    width: 100%;
    background: transparent;
    background-size: cover;
    position: relative
}

#lg-bottom-bottom .img-maps, #jm-bottompage .img-maps {
    width: 100%
}

.menu_templates ul.menu li a {
    font-size: 15px !important
}

#lg-bottom-bottom .business_card {
    background: #fff;
    width: 530px;
    display: table;
    padding-bottom: 16px;
    -moz-box-shadow: 0 0 50px 0px #888;
    -webkit-box-shadow: 0 0 50px 0px #888;
    box-shadow: 0 0 50px 0px #888;
    padding: 20px 30px;
    cursor: default
}

#lg-bottom-bottom .custom h5 {
    font-size: 24px;
    line-height: 40px;
    padding-bottom: 10px;
    color: #565656
}

#lg-bottom-bottom .custom h5 span {
    font-family: Euphemia, "segoe_ui_sb"
}

#lg-bottom-bottom .custom .c_adresse_p {
    float: left;
    padding: 0px 28px;
    width: 40%;
    line-height: 25px;
    font-size: 14px;
    background: url(../../../../images/img_template/pos_ico_c.png) no-repeat 0px 2px
}

#lg-bottom-bottom .custom .c_adresse_p div {
    font-family: "segoe_ui_sb"
}

#lg-bottom-bottom .custom .c_tel {
    background: url(../../../../images/img_template/tel_ico_c.png) no-repeat 0px 2px;
    padding: 0px 25px 15px
}

#lg-bottom-bottom .custom .c_mail {
    background: url(../../../../images/img_template/mail_ico_c.png) no-repeat 2px 4px;
    padding: 0px 30px
}

.c_tel_mail {
    float: right;
    width: 40%;
    line-height: 25px;
    font-size: 14px
}

.location_map {
    clear: both;
    padding-top: 10px;
    display: table
}

.location_map a {
    background: #640032;
    border-radius: 4px;
    padding: 10px 30px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px;
    font-family: "segoe_ui_sb";
    display: table;
    -webkit-transition: background 0.5s;
    transition: background 0.5s
}

.location_map a:hover {
    background: #a22b66
}

.fl_t_f {
    float: left;
    width: 770px
}

#jm-bottompage .foxcontainer .control-group {
    width: 25%;
    float: left
}

#jm-bottompage .foxcontainer div:nth-child(4) {
    width: 100%;
    float: none;
    margin-top: 0px
}

.muted {
    display: none
}

#slider88 .slide-desc {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%
}

#jm-banner .navigation-container-custom {
    position: absolute !important;
    top: -20px !important;
    left: 42% !important
}

#jm-banner .djslider-loader {
    padding: 20px 0px
}

#jm-banner .slide-desc {
    position: absolute !important;
    top: 0% !important;
    left: 0% !important;
    width: 100% !important
}

#jm-banner .slide-desc-text {
    padding: 0px !important
}

#jm-banner .slide-desc-text .slide-title {
    width: 100%;
    color: #222 !important;
    font-size: 22px !important;
    height: 51px;
    line-height: 40px !important;
    border-left: none;
    border-right: none;
    text-align: center;
    padding: 0px !important;
    border-radius: 7px
}

#jm-banner .slide-desc-text .slide-text {
    width: 100%;
    right: 0%;
    top: 0px;
    position: relative
}

#jm-banner .slide-text p {
    text-align: justify;
    padding: 5px 20px;
    font-size: 16px;
    line-height: 28px;
    color: #333
}

#jm-banner .slide-text p span {
    color: #7f1e4f
}

#jm-banner span.load-button {
}

#jm-banner span.load-button-active {
    background: #bc2d74 !important
}

#jm-banner .slide-desc-bg {
    background: none !important;
    border: none !important;
    border-radius: 0px !important
}

#jm-banner span.load-button {
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    width: 16px !important;
    height: 16px !important;
    background: #7f1e4f
}

#jm-banner .djslider {
    border-bottom: none
}

.item-page .slider-container ul li:nth-child(1) h3.slide-title {
    color: #fff !important
}

.item-page .slide-desc-text h3 {
    display: block !important;
    text-align: left;
    position: absolute;
    left: 12%;
    top: 0px;
    font-family: Euphemia, "segoe_ui_sb" !important;
    font-size: 60px !important
}

#jm-mainpage {
    margin-top: -5px
}

#rt-content-top {
    overflow: hidden;
    width: 980px;
    margin: auto
}

#rt-content-top .rt-grid-4 {
    float: left;
    width: 30%;
    margin-left: 50px
}

.feature-item {
    height: 150px
}

.feature-item p {
    text-align: justify;
    font-size: 14px;
    line-height: 23px;
    color: #222
}

.feature-item h3 {
    font-family: Euphemia, "segoe_ui_sb" !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: uppercase;
    letter-spacing: 0px !important;
    text-align: left;
    padding: 20px 0 5px !important
}

#rt-content-top .rt-grid-4.rt-alpha {
    margin-left: 0px
}

#rt-content-top .rt-grid-4.rt-omega {
    margin-left: 0px;
    float: right
}

.txt_ref {
    width: 980px;
    margin: auto
}

.txt_ref {
    width: 980px;
    margin: auto;
    padding: 20px 10px;
    position: relative;
    overflow: hidden;
    height: 140px
}

.detail_show {
    position: absolute;
    top: 155px;
    right: 0px;
    cursor: pointer
}

h3.title-erp-crm-m {
    letter-spacing: 0px !important;
    padding: 20px 0px 0px !important;
    text-transform: uppercase
}

.jm-bottompage-in .custom p {
    text-align: justify
}

ul.menu.log_pad li {
    width: 33.33%
}

ul.menu.dev_web.offshore_pad li {
    width: 25%
}

ul.menu.offshore_pad li {
    width: 33%
}

.cont_contact .fox_form input, .cont_contact .fox_form textarea {
    background-color: rgba(89, 84, 84, 0.1) !important
}

.cont_contact .fox_form input:hover, .cont_contact .fox_form textarea:hover {
    background-color: rgba(149, 149, 149, 0.15) !important
}

.contanier_domaine_w.expertise_w .domaine_fl {
    width: 20%
}

ul.menu.erp_pad li {
    width: 33%
}

.img_flt_r img {
    width: 100%
}

.sol_p {
    padding-bottom: 5px !important
}

.foxcontainer textarea:focus, .foxcontainer input[type="text"]:focus, .foxcontainer input[type="password"]:focus, .foxcontainer textarea:hover, .foxcontainer input[type="text"]:hover, .foxcontainer input[type="password"]:hover {
    border: 1px solid #aaa !important;
    box-shadow: none !important;
    background-color: rgba(149, 149, 149, 0.15) !important;
    color: #d1d1d1 !important
}

.foxcontainergray textarea:focus, .foxcontainergray input[type="text"]:focus, .foxcontainergray input[type="password"]:focus, .foxcontainergray textarea:hover, .foxcontainergray input[type="text"]:hover, .foxcontainergray input[type="password"]:hover {
    border: 1px solid #c0c0c0 !important;
    box-shadow: none !important;
    background-color: #efefef !important
}

.meth_a_css {
    font-size: 15px;
    color: #a60551 !important;
    padding: 15px 0px;
    display: block
}

.meth_a_css:hover {
    text-decoration: none
}

.c_devmeth {
    float: left;
    width: 50%;
    padding-bottom: 15px
}

#ca_banner p {
    text-align: left
}

#ca_banner {
    height: auto;
    padding: 9px 0px 7px
}

#ca_banner .accept {
    margin: -19px 20px 0 0px
}

div.foxcontainer .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0px !important;
    margin-right: 10px !important;
    margin-top: -3px !important
}

div.foxcontainer .control-group .checkbox {
    padding-left: 0px !important
}

#jm-bottompage div.foxcontainer .control-group .checkbox {
    font-size: 12px
}

#jm-bottompage div.foxcontainer .control-group .checkbox a {
    color: #ffeaf5;
    text-decoration: underline
}

#jm-bottompage div.foxcontainer .control-group .checkbox a:hover {
    text-decoration: none
}

.next-button.showOnHover:focus, .prev-button.showOnHover:focus {
    outline: none
}

div.item-page .cont_offshore_avantages.cont_notpad_bi p.dl_st_page {
    width: 80%;
    margin: auto;
    text-align: center
}

.cont_devlogi_element {
    padding-bottom: 30px;
    padding-top: 30px;
    display: table;
    width: 100%
}

.cont_devlogi_element.last_without_brd {
    border-bottom: none;
    padding-bottom: 5px
}

.flt_left_txt_devlg {
    float: left;
    width: 70%
}

.flt_right_txt_devlg {
    float: right;
    width: 75%
}

.cont_devlogi_element h4 {
    font-size: 17px;
    text-transform: uppercase;
    color: #242424
}

.cont_devlogi_element .flt_right_txt_devlg h4, .cont_devlogi_element .flt_right_txt_devlg p {
    text-align: right
}

.cont_devlogi_element .flt_left_txt_devlg h4 {
    text-align: justify
}

.flt_right_img_devlg {
    float: right
}

.flt_left_img_devlg {
    float: left
}

#jm-mainpage {
    background: url("../../../../images/jch-optimize/ng/images_bg__body.webp") top repeat-x #fff
}

body.default.internalPageCls div#jm-contentTop3 {
    background: #f6f6f6
}

div.item-page .cont_offshore_avantages h2 span.title_ikl, div.item-page .cont_offshore_avantages h1 span.title_ikl {
    display: block;
    font-size: 17px;
    color: #919191
}

.header_elements {
    display: none
}

.jm-header-slider-in .moduletable.contact_vd_p .custom.contact_vd_p p {
    margin: 0px
}

.bg_detail_content_a.contact_block_lk {
    font-size: 14px
}

.cont_offshore_avantages h5 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 5px !important;
    color: #333
}

#jm-header .header_entreprise .cont_header_entreprise .container_nd {
    width: 94%;
    margin: auto;
    display: table
}

.menu_technologies_etiquettes ul.menu li a {
    border: 1px solid #862656;
    color: #862656 !important;
    font-size: 13px !important;
    padding: 5px 15px !important;
    border-radius: 0px
}

.menu_technologies_etiquettes ul.menu li a:hover, .menu_technologies_etiquettes ul.menu li.active a {
    border: 1px solid #282828;
    color: #282828 !important
}

.menu_technologies_etiquettes li {
    margin: 0px 10px 10px 0px !important
}

.methodologie_content_mobile {
    display: none
}

.contentTop2Mobile_container {
    display: none
}

body.internalPageCls #jm-allpage .container_page .formulaire_f .fox-item-submit .controls {
    text-align: center
}

body.internalPageCls #jm-allpage .container_page .formulaire_f .btn {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: none;
    background-color: #691e40;
    background-image: -moz-linear-gradient(top, #8f4566, #691e40);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#691e40), to(#691e40));
    background-image: -webkit-linear-gradient(top, #8f4566, #691e40);
    background-image: -o-linear-gradient(top, #8f4566, #691e40);
    background-image: linear-gradient(to bottom, #8f4566, #691e40);
    background-repeat: repeat-x;
    border: 1px solid #691e40;
    border-color: #691e40;
    border-color: #691e40;
    border-bottom-color: #691e40;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 10px 12px;
    line-height: 20px;
    height: 40px;
    color: #fff;
    max-width: 300px
}

body.internalPageCls #jm-allpage .container_page .formulaire_f .btn span {
    color: #fff
}

body.internalPageCls #jm-allpage .container_page .formulaire_f .btn.qq-upload-button.btn {
    height: auto
}

body.internalPageCls #jm-allpage .container_page .formulaire_f .btn.qq-upload-button.btn span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48Zz4KCTxnIGlkPSJSZWN0YW5nbGVfNDZfY29weV80Ij4KCQk8Zz4KCQkJPHBhdGggZD0iTTI5NC4yMzEsMTI3LjAydjI4NS4zMjFoMjMuNTM5VjEyNy4wMmw1NC44MDksNTQuODA5bDE2LjY0My0xNi42NDJMMzA2LDgxLjk2N2wtODMuMjIsODMuMjJsMTYuNjQyLDE2LjY0MiAgICAgTDI5NC4yMzEsMTI3LjAyeiBNMzA2LDExNS4yNWwyLjg2LDIuODZoLTUuNzA4TDMwNiwxMTUuMjV6IE01ODguNDYyLDQxMi4zNDF2OTQuMTU0SDIzLjUzOXYtOTQuMTU0SDB2MTE3LjY5Mmg2MTJWNDEyLjM0MSAgICAgSDU4OC40NjJ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjZmZmZmZmIj48L3BhdGg+CgkJPC9nPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 0px center
}

.formulaire-next-step div#jm-mainpage .fox-item.fox-item-text-field input {
    height: 40px !important
}

fieldset dd input {
    width: 100%
}

fieldset.application {
    max-width: 990px;
    width: 100%
}

.cont_offshore_avantages h2 {
    font-size: 24px !important;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    color: #333 !important
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px 0;
    line-height: 1.5em;
    font-weight: normal
}

h1 {
    font-size: 1.8em
}

h2 {
    font-size: 1.6em
}

h3 {
    font-size: 1.4em
}

h4 {
    font-size: 1.2em
}

h5 {
    font-size: 1em
}

h6 {
    font-size: 0.9em
}

fieldset {
    margin: 10px 0 0;
    padding: 0 0 20px;
    border: 0
}

fieldset legend {
    padding: 0 0 20px;
    display: block;
    width: 100%;
    color: #999;
    font-size: 1.2em
}

p {
    margin: 5px 0;
    padding: 0
}

ul {
    margin: 5px 0;
    padding: 0;
    list-style: none
}

ul li {
    margin: 0 0 0 3px;
    padding: 3px 0 0 20px;
    background-repeat: no-repeat;
    background-position: left 26px;
    background-image: url(../../../../images/jch-optimize/ng/images_li.webp)
}

ul li a:link, ul li a:visited {
    border: none
}

ul li ul li {
    padding: 0 0 0 15px
}

a:link, a:visited {
    outline: none;
    text-decoration: none;
    color: transparent
}

a:hover {
    text-decoration: underline
}

a img {
    border: none
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

@font-face {
    font-family: "Open Sans Bold";
    font-weight: normal;
    src: url("../assets/fonts/OpenSans/OpenSans-Bold.ttf");
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    font-weight: 400;
    src: url("../assets/fonts/Gotham/Gotham-Light.ttf");
    font-display: swap
}

@font-face {
    font-family: "Gotham bold";
    src: url("../assets/fonts/Gotham/Gotham-Bold.woff"), url("../assets/fonts/Gotham/GothamBold.ttf");
    font-display: swap
}

@font-face {
    font-family: "gotham bold";
    src: url("../assets/fonts/Gotham/Gotham-Bold.woff"), url("../assets/fonts/Gotham/GothamBold.ttf");
    font-display: swap
}

@font-face {
    font-family: "Raleway";
    font-weight: 500;
    src: url("../assets/fonts/Raleway/Raleway-Bold.woff"), url("../assets/fonts/Raleway/Raleway-Bold.ttf");
    font-display: swap
}

@font-face {
    font-family: "Gotham medium";
    font-weight: 500;
    src: url("../assets/fonts/Gotham/Gotham-Medium.woff"), url("../assets/fonts/Gotham/GothamMedium.ttf");
    font-display: swap
}

@font-face {
    font-family: "Gotham book";
    src: url("../assets/fonts/Gotham/Gotham-Book.woff"), url("../assets/fonts/Gotham/Gotham-Book.ttf");
    font-display: swap
}

@font-face {
    font-family: segoe_ui_light;
    src: url("../assets/fonts/seoge/segoe_ui_light.ttf"), url("../assets/fonts/seoge/segoe_ui_light.eot");
    font-display: swap
}

@font-face {
    font-family: segoe_ui_sb;
    src: url("../assets/fonts/seoge/seguisb.ttf"), url("../assets/fonts/seoge/seguisb.eot");
    font-display: swap
}

body {
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "Open Sans", sans-serif !important
}

.container {
    width: 94%;
    margin: auto;
    display: table
}

#jm-allpage {
    position: relative
}

#jm-topline-mods {
    background: url("../../../../images/jch-optimize/ng/images_img__template_bg__slide.webp") repeat-y center #d9dadc;
    line-height: 16px;
    height: auto;
    position: relative
}

#jm-topline-left {
    float: left;
    width: 55%
}

#jm-topline-left.notopline_r {
    width: 100%
}

#jm-topline-right {
    float: right;
    width: 45%
}

#jm-topline-right.notopline_l {
    width: 100%
}

#jm-topline-mod2, #jm-topline-mod3 {
    float: right;
    text-align: right
}

.jm-allpage-in {
    margin: 0 auto;
    padding: 0px;
    width: 100% !important
}

#jm-djmenu {
    margin: 7px 0 0px
}

#jm-top-mod, #jm-header, #jm-main, #jm-content-top1, #jm-bottom1, #jm-content-bottom2 {
    margin-left: -20px
}

.jm-header-slider-in, #jm-left .jm-left-in, #jm-content .jm-content-in, #jm-right .jm-right-in {
    padding-left: 20px
}

#jm-toppage-wrap {
    margin: 0px 0 0px
}

#jm-toppage-in {
    position: relative;
    z-index: 1;
    margin: 0px 14px 0px 43px;
    width: calc(100% - 53px);
    box-sizing: border-box
}

#jm-toppage-left {
    float: left;
    margin-top: 20px
}

#jm-toppage-right {
    float: right
}

#jm-social {
    float: right;
    padding-right: 10px
}

#jm-social.nosearch {
    padding: 0
}

#jm-search {
    float: right
}

.jm-header-slider {
    width: 75%;
    float: left
}

#jm-header-mod {
    width: 25%;
    float: right
}

#jm-left, #jm-right {
    float: left
}

#jm-main.scheme_3 #jm-content, #jm-main.scheme_2 #jm-content {
    float: left
}

#jm-pathway-font-switcher {
    padding-bottom: 10px
}

#jm-pathway {
    float: left;
    width: 85%;
    padding-top: 10px
}

.nofontsw #jm-pathway {
    width: 100%
}

#jm-font-switcher {
    float: right;
    width: 15%;
    text-align: right
}

#jm-maincontent {
    padding-bottom: 0px
}

#jm-bottompage {
    background: url(../../../../images/jch-optimize/ng/images_img__template_bg__content__top.webp) repeat-x top left #333;
    color: #fff;
    min-height: 152px
}

#jm-bottom3 {
    border-top: 1px solid #d5d5d5;
    padding: 20px 0
}

#jm-copyrights {
    width: 100%;
    color: #dfdfdf;
    font-size: 14px
}

#jm-poweredby-stylearea {
    float: none;
    padding-top: 20px
}

#jm-stylearea {
    padding-top: 10px;
    float: right
}

#jm-back-top {
    position: fixed;
    bottom: 90px;
    right: 26px;
    z-index: 999;
    height: 45px;
    margin: 0
}

.isfluid .jm-allpage-in {
    padding: 0
}

.isfluid .jm-allpage-space {
    padding: 0 20px
}

#jm-header-mod.jm-mod-fluid, .jm-header-slider.jm-mod-fluid {
    width: 100%
}

#jm-header-mod.jm-mod-fluid .jm-module {
    padding-left: 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    min-width: 0;
    display: inline-block;
    display: block
}

* html .clearfix {
    height: 1%
}

.clr, .clear, .jm-clear {
    clear: both
}

#jm-toppage {
    width: 100%;
    max-height: 76px;
    background: transparent
}

#jm-toppage hover {
    border-bottom: 1px solid #a8728c
}

#jm-header {
    text-align: center
}

#jm-header h3 {
    padding: 20px 0 20px;
    font-size: 27px;
    font-family: "segoe_ui_light";
    color: #222;
    letter-spacing: 10px
}

#header {
    position: relative;
    z-index: 5;
    margin: auto;
    width: 64%;
    height: 518px;
    overflow: hidden;
    font-family: "segoe_ui_light"
}

#headerimgs {
    width: 100%;
    height: 100%
}

#headerimg2 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.headerimg {
    background-position: 100% 84%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute
}

#headertxt {
    width: 100%;
    margin: 0 auto;
    clear: both;
    position: absolute;
    top: 42px
}

#firstline {
    color: #333;
    font-size: 51px;
    padding: 4px 0px 20px;
    position: absolute;
    left: -510px;
    top: 30px
}

#secondline {
    color: #721041;
    text-decoration: none;
    font-size: 18px;
    padding: 0 0px 20px;
    position: absolute;
    left: -575px;
    top: 140px;
    width: 520px;
    line-height: 34px
}

#secondline span {
    color: #222;
    font-size: 12px
}

#firstline span {
    font-family: Euphemia, "segoe_ui_sb";
    font-size: 112px
}

.pictured {
    color: #222;
    font-size: 18px;
    padding: 5px 0px 9px;
    position: absolute;
    left: -520px;
    top: 220px;
    border-top: 5px solid #b3b3b3;
    width: 520px;
    line-height: 36px
}

.pictured a {
    font-size: 20px;
    letter-spacing: 0;
    text-transform: none;
    color: #222 !important;
    text-decoration: none;
    display: block;
    border: 1px solid #b8b8b8;
    width: 226px;
    padding: 3px 32px 7px 15px;
    text-align: center;
    margin-top: 18px;
    background: url("../../../../images/modules/fleche_header.png") no-repeat 95% 59% #fff;
    line-height: 36px;
    position: absolute;
    left: 2px
}

.pictured a:hover {
    text-decoration: none
}

#content_top_log {
    width: 100%;
    height: auto;
    background: #fff;
    display: table;
    position: relative;
    padding-bottom: 10px
}

#content_top_log .moduletablegray {
    float: none;
    width: 100%;
    margin-left: 0px
}

#content_top_log_center {
    width: 90%;
    margin: auto;
    height: 100%;
    display: table
}

#jm-bottompage-in {
    width: 760px;
    margin: auto
}

#jm-footer-page {
    width: 94%;
    margin: auto;
    display: table
}

.customgray .jm-module-content {
    padding-top: 0px
}

#jm-topline-mods .jm-allpage-w {
    position: absolute;
    top: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    height: 100%
}

.mobile_res {
    display: none
}

.formulaire_f .control-label, .formulaire_f .controls, .formulaire_f .controls input[type="text"], .formulaire_f .controls textarea {
    width: 100% !important
}

.formulaire_f .controls textarea:focus, .formulaire_f .controls input[type="text"]:focus, .formulaire_f .controls input[type="password"]:focus, .formulaire_f .controls textarea:hover, .formulaire_f .controls input[type="text"]:hover, .formulaire_f .controls input[type="password"]:hover {
    border: 1px solid #c0c0c0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #efefef !important;
    webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s
}

#jm-bottompage-in .formulaire_contact_fl .control-label {
    display: none
}

#jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .control-group {
    width: 24%;
    float: left;
    margin-left: 1%
}

#jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .fox-item-text-area.control-group {
    width: 99%
}

#jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .fox-item-text-area.control-group .controls, #jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .fox-item-text-area.control-group .controls textarea {
    width: 100%
}

#jm-bottompage-in .formulaire_contact_fl .control-group .controls input[type="text"], #jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .fox-item-text-area.control-group .controls textarea {
    background-color: rgba(89, 84, 84, 0.1) !important;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
    border-radius: inherit;
    padding: 2px 5px !important;
    font-size: 13px;
    color: #d1d1d1 !important;
    font-family: Arial, Helvetica, sans-serif
}

#jm-bottompage-in .formulaire_contact_fl .control-group .controls input:hover, #jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .fox-item-text-area.control-group .controls textarea:hover, #jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .fox-item-text-area.control-group .controls textarea:focus, #jm-bottompage-in .formulaire_contact_fl .control-group .controls input:focus {
    border: 1px solid #aaa !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: rgba(149, 149, 149, 0.15) !important;
    color: #d1d1d1 !important
}

#jm-bottompage-in .cont_contact .formulaire_contact_fl .fox-column .fox-item-submit-fields.control-group {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: table
}

div#jm-footer {
    background: #313131;
    color: #fff;
    padding: 5px 0px;
    font-size: 13px
}

@-webkit-keyframes gfoot {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 133vw
    }
}

@keyframes gfoot {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 133vw
    }
}

#sep_bottom_c {
    background: #f5f5f5;
    width: 100%;
    height: 66px;
    display: block;
    position: relative;
    z-index: 1000
}

body.contact #sep_bottom_c {
    background: white
}

.homePageCls #sep_bottom_c {
    height: 0px !important
}

.complaint #sep_bottom_c, .reclamation #sep_bottom_c, .offshore #sep_bottom_c {
    transform: skew(0deg, -4deg);
    margin-top: -46px
}

.complaint #sep_bottom_c, .reclamation #sep_bottom_c {
    transform: skew(0deg, -4deg);
    margin-top: 0px;
    background: #f5f5f5 !important
}

.expertises #sep_bottom_c, .expertise #sep_bottom_c, .technologies #sep_bottom_c {
    margin-top: -48px;
    background: white
}

.careers #sep_bottom_c, .carrieres #sep_bottom_c {
    margin-top: -16px;
    transform: skew(0deg, 4deg)
}

.careers .bg_page_all, .carrieres .bg_page_all {
    padding: 0px
}

.careers .item-page .custom:has(.rejoindre-section), .carrieres .item-page .custom:has(.rejoindre-section) {
    background-color: #f5f5f5
}

#sep_bottom_c::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-image: -webkit-gradient(linear, left top, right top, from(#670e37), color-stop(#d634cf), color-stop(#755eeb), to(#670e37));
    background-image: -webkit-linear-gradient(left, #670e37, #d634cf, #755eeb, #670e37);
    background-image: -o-linear-gradient(left, #670e37, #d634cf, #755eeb, #670e37);
    top: 100%;
    animation: gfoot 4s linear infinite
}

#lg-bottom-lst {
    min-height: 336px;
    display: table;
    width: 100%;
    background: url("../../template/images/homepage/img/Ornementation.svg") no-repeat top right #f5f5f5;
    background-size: contain;
    position: relative;
    z-index: 999
}

@media screen and (max-width: 1300px) {
    #lg-bottom-lst {
        background-size: 36%
    }
}

@media screen and (max-width: 1000px) {
    #lg-bottom-lst {
        background-size: 52%
    }
}

.expertises #lg-bottom-lst, .expertise #lg-bottom-lst, .careers #lg-bottom-lst, .carrieres #lg-bottom-lst, .technologies #lg-bottom-lst {
    margin-top: 0
}

#lg-bottom-lst {
    margin-top: -51px;
    padding-top: 50px
}

.homePageCls #lg-bottom-lst {
    margin-top: 0px !important
}

.jm-allpage-w {
    background-color: #f5f5f5
}

.carrieres #jm-allpage-ab > .jm-allpage-w > .jm-allpage-space > .custom, .carrieres #jm-allpage-ab > .jm-allpage-w > .jm-allpage-space > .offre-section, .careers #jm-allpage-ab > .jm-allpage-w > .jm-allpage-space > .custom, .careers #jm-allpage-ab > .jm-allpage-w > .jm-allpage-space > .offre-section {
    background: white
}

.homePageCls .jm-allpage-w {
    background-color: unset !important
}

#lg-bottom-lst .container .custom {
    padding: 20px 0px;
    width: 100%;
    display: table
}

#lg-bottom-lst .social-media.first span {
    background-color: #505151;
    border-radius: 100%;
    width: 50px;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    position: relative
}

#lg-bottom-lst .social-media.first a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

#lg-bottom-lst .social-media .linkdin_footer {
    height: 20px !important;
    width: 20px;
    object-fit: contain
}

#footer-widget-area-1 {
    float: left;
    width: 55%;
    padding-right: 10%
}

#footer-widget-area-2 {
    float: left;
    width: 18%;
    padding-right: 0
}

#footer-widget-area-3 {
    float: right;
    width: 15%
}

#lg-bottom-lst .container .custom h3.widget-title {
    color: #6a0032;
    font-size: 20px;
    padding-bottom: 10px
}

#js-mainnav.megamenu.white ul.level0 li.megacss {
    background: transparent !important;
    overflow: hidden
}

#jm-bottompage_top2 .txt_contact_us_bar {
    float: left;
    width: 70%;
    padding: 40px 0px;
    font-size: 22px;
    color: #fff
}

#jm-bottompage_top2 .link_contact_us_bar {
    float: right;
    width: 30%;
    padding: 35px 0px 45px
}

#jm-bottompage_top2 .link_contact_us_bar a {
    float: right;
    display: block;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 30px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 16px
}

#jm-bottompage_top2 .link_contact_us_bar a:hover {
    color: #b8236e;
    background: #fff;
    text-decoration: none
}

.tbl_services_dev {
    display: table;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 30px 0px 0px
}

.serv_cont_ap {
    float: left;
    width: 45%;
    padding-bottom: 40px
}

.serv_cont_ap.sr_tl_2, .serv_cont_ap.sr_tl_4 {
    float: right
}

.serv_cont_ap p {
    font-size: 15px;
    line-height: 23px;
    padding-top: 5px;
    color: #686868
}

.serv_cont_ap h4 {
    color: #3b3b3b;
    text-transform: uppercase;
    font-size: 17px;
    padding-left: 40px;
    padding-top: 6px;
    position: relative
}

.serv_cont_ap.sr_tl_1 h4:before {
    background-position: -102px -794px
}

.serv_cont_ap.sr_tl_2 h4:before {
    background-position: -70px -822px;
    width: 24px;
    height: 28px;
    margin-top: -14px
}

.serv_cont_ap.sr_tl_3 h4:before {
    background-position: -102px -766px;
    width: 28px;
    height: 28px;
    margin-top: -14px
}

.serv_cont_ap.sr_tl_4 h4:before {
    background-position: -70px -798px;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.serv_cont_ap h4:before {
    width: 25px;
    height: 25px;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -12.5px;
    position: absolute;
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png)
}

#jm-contentTop2 .slide-desc {
    top: 140px;
    z-index: 1
}

#jm-contentTop2 .slide-desc-bg-default {
    background: transparent
}

#jm-contentTop2 .slide-desc-text-default {
    padding: 15px 0px 5px
}

#jm-contentTop2 .slide-desc-text-default h4 {
    font-size: 43px;
    padding-bottom: 20px;
    padding-left: 4%
}

#jm-contentTop2 .slide-desc-text-default h5 {
    font-size: 24px;
    padding-bottom: 15px;
    color: #fff;
    padding-left: 4%
}

#jm-contentTop2 .slide-desc-text-default p {
    width: 50%;
    font-size: 20px;
    color: #fff;
    padding-left: 4%
}

#lg-bottom-lst .adresse_lg_ml {
    padding-left: 25px;
    margin-bottom: 15px;
    position: relative
}

#lg-bottom-lst .telephone_lg_ml {
    padding-left: 25px;
    margin-bottom: 15px;
    display: -ms-grid;
    display: grid
}

#lg-bottom-lst .email_lg_ml {
    padding-left: 25px;
    margin-bottom: 15px
}

#footer-widget-area-2 .textwidget .adresse_lg_ml:before {
    background-position: -284px -843px;
    width: 13px;
    height: 17px;
    top: 9px;
    left: 5px
}

#footer-widget-area-2 .textwidget .telephone_lg_ml:before {
    background-position: -218px -864px;
    width: 15px;
    height: 17px;
    top: 3px;
    left: 5px
}

#footer-widget-area-2 .textwidget .email_lg_ml:before {
    top: 5px;
    background-position: -237px -861px
}

#footer-widget-area-2 .textwidget > div:before {
    width: 17px;
    height: 17px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png)
}

#footer-widget-area-2 .textwidget > div {
    position: relative
}

#lg-bottom-lst .cnt_wdg .textwidget p {
    padding-bottom: 0px
}

#lg-bottom-lst .textwidget a {
    color: #404040;
    text-align: left
}

#lg-bottom-lst .textwidget a:hover {
    color: #640032
}

body.internalPageCls #jm-toppage .clearfix:after {
    content: "";
    display: none
}

body.internalPageCls #jm-toppage #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: white
}

body.internalPageCls #jm-toppage #js-mainnav.megamenu.white ul.level0 li.megacss > span.megacss.haschild:after, body.internalPageCls #jm-toppage #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
    background: url("../../../../images/modules/menu_arrow_b-1.png") no-repeat
}

body.internalPageCls div#jm-header {
    clear: both;
    margin-left: 0px;
    width: 100%;
    padding-top: 75px;
    height: auto
}

body.internalPageCls div#jm-header .header_entreprise {
    width: 100%;
    height: 212px;
    background: url("../../../../images/jch-optimize/ng/images_modules_header__entreprise.webp") no-repeat;
    background-size: cover
}

body.internalPageCls div#jm-header .header_entreprise.b_i {
    width: 100%;
    height: 212px;
    background: url("../../../../images/jch-optimize/ng/images_modules_b__i__header.webp") no-repeat;
    background-size: cover;
    background-position: center
}

body.internalPageCls div#jm-header .header_entreprise.dev_web {
    width: 100%;
    height: 212px;
    background: url("../../../../images/jch-optimize/ng/images_modules_dev__web.webp") no-repeat;
    background-size: cover;
    background-position: center
}

body.internalPageCls div#jm-header .header_entreprise.dev_app {
    width: 100%;
    height: 212px;
    background: url("../../../../images/jch-optimize/ng/images_modules_dev__app.webp") no-repeat;
    background-size: cover;
    background-position: center
}

body.internalPageCls div#jm-header .header_entreprise.offshor_h {
    width: 100%;
    height: 212px;
    background: url("../../../../images/jch-optimize/ng/images_modules_offshor__h.webp") no-repeat;
    background-size: cover;
    background-position: center
}

body.internalPageCls div#jm-header .header_entreprise.carriere_h {
    width: 100%;
    height: 212px;
    background: url("../../../../images/jch-optimize/ng/images_modules_carriere__h.webp") no-repeat;
    background-size: cover;
    background-position: center
}

body.internalPageCls div#jm-header .jm-header-slider-in {
    padding-left: 0px
}

body.internalPageCls div#jm-header .cont_header_entreprise {
    height: 100%;
    width: 100%;
    background: rgba(66, 1, 33, 0.6)
}

body.internalPageCls div#jm-header .cont_header_entreprise h1 {
    padding: 65px 0 0px;
    font-size: 27px;
    color: #fff;
    letter-spacing: 2px;
    text-align: left;
    font-family: "Raleway";
    text-transform: uppercase
}

body.internalPageCls div#jm-header .cont_header_entreprise p {
    color: #fff;
    text-align: left;
    font-size: 14px
}

.logigroup_container_tt {
    display: table;
    width: 100%
}

.logigroup_container_txt {
    float: left;
    width: 55%
}

div.item-page .logigroup_container_txt h3 {
    color: #3d3d3d;
    font-size: 27px;
    padding-bottom: 15px;
    text-align: left
}

div.item-page .logigroup_container_txt p {
    color: #6a6a6a;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 15px;
    text-align: justify
}

.logigroup_container_img {
    float: right;
    width: 40%
}

div#jm-ourMission .cont_our_mission_lg {
    width: 100%;
    height: 368px;
    background: url("../../../../images/jch-optimize/ng/images_modules_notre__mission__lg.webp") no-repeat;
    background-size: cover;
    overflow: hidden
}

div#jm-ourMission {
    margin-top: -95px
}

div#jm-ourMission .filtred_bg_our_mission {
    background: #00000042;
    width: 100%;
    height: 94%;
    padding: 3% 0px
}

div#jm-ourMission .filtred_bg_our_mission h5 {
    color: #fff;
    font-size: 16px
}

div#jm-ourMission .filtred_bg_our_mission h5 span {
    border-right: 1px solid #fff;
    padding-right: 30px;
    color: #fff;
    font-size: 28px;
    margin-right: 20px;
    padding-bottom: 8px;
    padding-top: 3px
}

.cont_mission_details {
    width: 100%;
    display: table;
    padding-top: 65px
}

.mission_detail_cont {
    width: 25.333%;
    float: left;
    padding: 0px 4%;
    text-align: center;
    color: #fff
}

.mission_detail_cont h5 {
    padding-bottom: 5px;
    padding-top: 20px
}

.cont_nos_valeurs_bg {
    background: url(../../../../images/modules/bg_nos_valeurs.png) right top repeat-y #f6f6f6;
    height: 368px;
    width: 100%
}

.flt_nos_valeurs {
    padding-top: 45px;
    float: left;
    overflow: hidden;
    margin-right: 2%
}

.flt_nos_valeurs img {
    max-width: 100%
}

.flt_txt_nos_valeurs {
    padding-right: 3%;
    padding-top: 50px
}

.flt_txt_nos_valeurs h5 {
    color: #3d3d3d;
    font-size: 24px;
    padding-bottom: 5px
}

.flt_txt_nos_valeurs p {
    color: #6a6a6a;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 15px;
    text-align: justify
}

.cont_nos_equipe_bg {
    height: 368px;
    width: 100%
}

.flt_notre_equipe {
    float: right;
    max-height: 368px;
    overflow: hidden;
    margin-left: 5%
}

.flt_txt_notre_equipe {
    padding-left: 3%;
    padding-top: 60px
}

.flt_txt_notre_equipe h5 {
    color: #3d3d3d;
    font-size: 24px;
    padding-bottom: 5px
}

.flt_txt_notre_equipe p {
    color: #6a6a6a;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 15px;
    text-align: justify
}

div.item-page .cont_offshore_avantages h2 {
    text-align: center;
    font-size: 36px;
    padding-bottom: 0;
    color: #333
}

div.item-page .cont_offshore_avantages h1 {
    text-align: center !important;
    font-size: 36px !important;
    padding-bottom: 15px !important;
    color: #333 !important;
    font-family: "Raleway" !important;
    letter-spacing: normal !important
}

div.item-page .cont_offshore_avantages p {
    font-size: 14px;
    color: #6a6a6a;
    padding-left: 50px;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 7px
}

#jm-toppage.fixed-nav .nav_without_f {
    display: none
}

#jm-toppage.fixed-nav .nav_with_f {
    display: block
}

#jm-toppage .nav_with_f {
    display: none
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: #353535;
    padding: 7px 30px 18px !important
}

p.dsp_mobile_sh {
    display: none
}

a.info_link_contact_a {
    color: #5f0430
}

a.info_link_contact_a:hover {
    text-decoration: none;
    color: #6d6d6d
}

div.item-page .cont_offshore_avantages h2.plugandweb_title {
    text-align: left;
    font-size: 24px;
    padding-bottom: 0px
}

div.h_space_art {
    height: 15px
}

.container_controller_slide {
    display: table;
    margin: 15px auto 15px
}

.container_controller_slide span {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #884263;
    display: inline-block;
    margin: 0px 2px;
    text-indent: -9999px;
    cursor: pointer
}

.container_controller_slide span:hover, .container_controller_slide span.active_spl {
    background: #cc7a9a
}

.all_tabs_sld_serv {
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden
}

.tbl_services_dev {
    float: left
}

.container_all_tabs_sld_serv {
    display: table;
    position: absolute;
    left: 0px
}

div.item-page .cont_offshore_avantages .pack_site_web p {
    text-align: center;
    font-size: 16px;
    padding-top: 10px
}

.information_contact > div > p {
    text-align: center !important;
    position: relative;
    margin: 30px 10px 10px !important;
    border: 1px solid #dfdfdf;
    padding: 5px !important;
    min-height: 45px;
    z-index: 9;
    background-color: #f5f5f5
}

.information_contact > div span:before {
    z-index: 9;
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    bottom: -39px;
    left: 50%;
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    -webkit-transform: translateX(-50%) skew(-43deg, 45deg);
    -ms-transform: translateX(-50%) skew(-43deg, 45deg);
    transform: translateX(-50%) skew(-43deg, 45deg)
}

.information_contact > div {
    position: relative
}

.information_contact > div > p:before {
    width: 30px;
    height: 1px;
    position: absolute;
    top: -1px;
    z-index: 9999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    content: ""
}

.information_contact .adresse p, .information_contact .email p {
    line-height: 45px !important
}

div#fox-container-m262 textarea {
    background-color: #fff !important
}

div#fox-container-m262 .fox-form input[type="text"]:hover, div#fox-container-m262 .fox-form textarea:hover, div#fox-container-m262 .fox-form input[type="text"]:focus, div#fox-container-m262 .fox-form textarea:focus {
    background-color: #fff !important
}

.information_contact > div > span {
    font-size: 20px;
    margin: 5px 0;
    display: block;
    position: relative
}

#jm-toppage.fixed-nav #jm-toppage-left {
    margin-top: 9px !important
}

.contact-page-container {
    background-color: #eee
}

.contact .bg_page_all {
    padding-bottom: 0
}

body.default.internalPageCls #jm-allpage .container_page .formulaire_f button.btn span {
    left: 10%
}

span.asterisk {
    right: 5px;
    top: 10px
}

.formulaire_f .control-label, .formulaire_f .controls, .formulaire_f .controls input[type="text"], .formulaire_f .controls textarea {
    position: relative
}

td.pagination ul {
    display: flex;
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 530px
}

td.pagination ul li {
    background-image: none;
    margin: 15px
}

td.pagination {
    padding-top: 55px;
    position: relative
}

.page_home .jm-allpage-space {
    min-height: unset !important
}

.page_home .jm-topline-mods {
    height: 700px
}

.page_home .section-title h2 {
    text-transform: uppercase
}

.lg-header-animation {
    display: flex;
    height: 130%;
    align-items: center;
    flex-direction: row;
    background-color: #fff;
    padding: 40px 80px 120px;
    gap: 40px;
    flex-wrap: wrap
}

.lg-header-animation .custom.slider_animate {
    display: flex;
    flex-direction: column;
    flex: 1
}

.lg-header-animation-text h1 {
    font-family: "Gotham Bold", sans-serif;
    font-size: 55px;
    line-height: 60px;
    text-transform: uppercase;
    margin: 0;
    color: #282828
}

.lg-header-animation-description {
    margin-top: 20px;
    margin-bottom: 35px
}

.lg-header-animation-text p {
    font-family: "Gotham", sans-serif;
    font-size: 21px;
    line-height: 37px;
    color: #505151;
    text-wrap: nowrap
}

@media screen and (max-width: 500px) {
    .lg-header-animation-text p {
        font-size: 14px !important;
        text-wrap: nowrap
    }
}

@media screen and (max-width: 350px) {
    .lg-header-animation-text p {
        text-wrap: wrap
    }
}

.lg-header-animation-text .lg-header-animation-text-links {
    display: flex;
    align-items: center;
    justify-content: start
}

.lg-header-animation-text-links a {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 16px;
    line-height: 23px;
    padding: 14px 26px;
    border-radius: 3px
}

.lg-header-animation-text-links .lg-header-animation-text-links-start {
    background-color: #e78120;
    border: 1px solid #e78120;
    color: #fff;
    margin-right: 20px;
    border-radius: 12px
}

.lg-header-animation-text-links .lg-header-animation-text-links-contact {
    background-color: #fff;
    color: #e78120 !important;
    border: 1px solid #e78120;
    border-radius: 12px
}

.lg-header-animation-text-links a:hover {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.lg-header-animation-text-links .lg-header-animation-text-links-start:hover {
    background-color: #fff;
    color: #e78120 !important
}

.lg-header-animation-text-links .lg-header-animation-text-links-contact:hover {
    background-color: #e78120;
    color: #fff !important
}

.lg-header-animation-bg {
    display: flex;
    width: 50%;
    height: calc(100% - 75px);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    padding: 0 40px
}

.lg-header-animation-bg .object {
    position: absolute;
    width: 60%;
    height: auto;
    right: 0;
    bottom: -45px;
    z-index: 10;
    max-height: 700px
}

.skewed.presentation-block {
    -webkit-transform: skew(0deg, -4deg) !important;
    transform: skew(0deg, -4deg) !important;
    height: auto;
    padding: 20px 40px 80px 40px;
    margin-bottom: 65px
}

.presentation-block .presentation-content {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 4deg);
    padding: 0 40px
}

.presentation-block .presentation-content .presentation-2-sections {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 76px
}

.presentation-block .presentation-content .section-title h2 {
    font-size: 55px !important;
    font-family: "Gotham Bold", sans-serif;
    color: #282828;
    text-transform: uppercase
}

.presentation-2-sections .presentation-video {
    display: flex;
    position: relative;
    box-shadow: 0px 34px 30px -22px #e7812033;
    border-radius: 6px;
    padding: 5px
}

.presentation-2-sections .presentation-video-border {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 6px;
    -webkit-animation: gfoot 4s linear infinite;
    animation: gfoot 4s linear infinite;
    background-image: -webkit-linear-gradient(left, #670e37, #d634cf, #755eeb, #670e37);
    background-image: -o-linear-gradient(left, #670e37, #d634cf, #755eeb, #670e37);
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat-x;
    opacity: 0.8
}

.presentation-2-sections .presentation-video .presentation-video-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(40, 40, 40, 0.15) 0%, rgba(40, 40, 40, 0.2) 68.75%, rgba(40, 40, 40, 0.6) 100%);
    border-radius: 6px;
    cursor: pointer;
    z-index: 10
}

.presentation-2-sections .presentation-video .presentation-video-background:after {
    content: '';
    position: absolute;
    width: 105px;
    height: 105px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../../../../images/homepage/img/play.svg');
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: 58%;
    background-color: #fff;
    border-radius: 100%;
    z-index: 0
}

.presentation-2-sections .presentation-video .video-presentation-text {
    font-family: 'Gotham bold', sans-serif;
    font-size: 19px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    position: absolute;
    width: 80%;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
    z-index: 11
}

.presentation-2-sections .presentation-video video, .video-presentation video {
    clip-path: inset(2px 2px) !important;
    z-index: 1
}

.presentation-2-sections .presentation-video span.fullscreen_player_home {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 25px;
    height: 25px;
    background-image: url(../../../../images/homepage/img/fullscreen.svg);
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    display: none
}

.presentation-2-sections .presentation-text {
    width: 50%;
    display: flex
}

.presentation-text .presentation-text-content {
    padding: 0 40px
}

.presentation-text .presentation-text-content p {
    font-family: 'Gotham', sans-serif;
    font-size: 21px;
    line-height: 37px;
    color: #505151;
    margin-bottom: 33px
}

.presentation-text .presentation-text-content .presentation-link {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 16px;
    color: #e78120;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 26px;
    border: 1px solid #e78120;
    border-radius: 3px;
    background-color: transparent;
    display: inline-block
}

.presentation-text .presentation-text-content .presentation-link:hover {
    color: #fff;
    background-color: #e78120;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.presentation-block .presentation-content .techtransform h3 span {
    font-family: 'Gotham', sans-serif;
    font-size: 60px
}

.presentation-block .presentation-content .techtransform h3 span:nth-child(1) {
    color: #505151
}

.presentation-block .presentation-content .techtransform h3 span:nth-child(2) {
    color: #e78120
}

.domaines-home {
    margin-top: 35px;
    margin-bottom: 42px
}

.tab-domaine {
    overflow: hidden;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #DCDCDC;
    box-shadow: 0px 21px 30px -25px #2828281A;
    padding-left: 40px;
    padding-right: 40px
}

.tablinks-domaine {
    display: inline-flex;
    margin: 0 30px;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 27px;
    text-transform: capitalize;
    padding: 19px 0;
    cursor: pointer;
    border-bottom: 5px solid transparent
}

.tablinks-domaine.applicatif {
    color: #c14d7e
}

.tablinks-domaine.data-management {
    color: #B78DF4
}

.tablinks-domaine.integration-cloud {
    color: #D053DF
}

.tablinks-domaine.cybersecurite {
    color: #7C5DCD
}

.tablinks-domaine.active {
    color: #505151;
    border-bottom: 5px solid #C35584
}

@media (hover: hover) and (pointer: fine) {
    .tablinks-domaine:hover {
        color: #505151;
        border-bottom: 5px solid #C35584
    }
}

#applicatif {
    padding: 0 40px
}

.domaine-tab-content {
    display: flex;
    flex-direction: row
}

.left-domaine {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
    padding: 0 40px
}

.right-domaine {
    display: flex;
    width: 50%
}

.domaine-links {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.left-domaine-title {
    display: flex;
    flex-direction: row;
    align-items: center
}

.left-domaine .lottie {
    width: 100px;
    height: 100px;
    margin-right: 20px
}

.left-domaine img.applicatif-image {
    width: 90%;
    margin-top: 4rem
}

.domaine-tab-content .left-domaine h1 {
    font-size: 40px;
    font-family: 'Gotham Bold', sans-serif;
    text-transform: uppercase;
    color: #282828;
    text-align: left;
    line-height: 50px;
    letter-spacing: normal
}

.domaine-links .domaine-link {
    padding: 17px 50px 17px 70px
}

.domaine-link h4 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 21px;
    color: #282828;
    margin-bottom: 16px;
    line-height: normal;
    position: relative
}

.domaine-link h4:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: -50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.dev-specifique:before {
    background-image: url(../../../../images/homepage/img/applicatif/cloud.svg)
}

.domaine-link:hover .dev-specifique:before {
    background-image: url(../../../../images/homepage/img/applicatif/white/cloud.svg)
}

.dev-web:before {
    background-image: url(../../../../images/homepage/img/applicatif/browser.svg)
}

.domaine-link:hover .dev-web:before {
    background-image: url(../../../../images/homepage/img/applicatif/white/browser.svg)
}

.dev-mobile:before {
    background-image: url(../../../../images/homepage/img/applicatif/mobile.svg)
}

.domaine-link:hover .dev-mobile:before {
    background-image: url(../../../../images/homepage/img/applicatif/white/mobile.svg)
}

.tma:before {
    background-image: url(../../../../images/homepage/img/applicatif/circle-nodes.svg)
}

.domaine-link:hover .tma:before {
    background-image: url(../../../../images/homepage/img/applicatif/white/circle-nodes.svg)
}

.tra:before {
    background-image: url(../../../../images/homepage/img/applicatif/code-compare.svg)
}

.domaine-link:hover .tra:before {
    background-image: url(../../../../images/homepage/img/applicatif/white/code-compare.svg)
}

.domaine-link p {
    font-family: 'Gotham', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #505151;
    margin-bottom: 16px
}

.domaine-link a {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 16px;
    color: #e78120;
    text-decoration: none;
    position: relative
}

.domaine-link a:after {
    content: '';
    width: 12.25px;
    height: 10.51px;
    position: absolute;
    top: 50%;
    right: -19px;
    transform: translateY(-50%);
    background-image: url(../../../../images/homepage/img/arrow-right.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.domaine-link:hover {
    background-color: #e78120;
    border-radius: 6px;
    transition: all 0.5s ease-in-out
}

.domaine-link:hover h4, .domaine-link:hover p, .domaine-link:hover a {
    color: #fff
}

.domaine-link:hover a:after {
    background-image: url(../../../../images/homepage/img/arrow-right-white.svg)
}

.page_home .accueil-management .section-title {
    display: flex;
    flex-direction: column;
    align-items: center
}

.page_home .accueil-management .section-title h2::before {
    content: none
}

.page_home .accueil-management .section-title h2 {
    font-size: 40px
}

.page_home .accueil-management .section-title .lottie {
    width: 100px;
    height: 100px
}

.accueil-management .management-slider.owl-carousel .owl-nav.disabled, .accueil-management .management-slider.owl-carousel .owl-dots.disabled {
    display: block
}

.accueil-management .management-slider.owl-carousel .owl-nav button {
    background-color: unset;
    width: 32px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    margin-top: 20px
}

.accueil-management .management-slider.owl-carousel .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px
}

.accueil-management .management-slider.owl-carousel .owl-dots button {
    width: 10px;
    height: 10px;
    border: 1px solid #505151;
    border-radius: 6px
}

.accueil-management .management-slider.owl-carousel .owl-dots button.active {
    width: 24px;
    border: 1px solid transparent;
    background-color: #e78120
}

.accueil-management .management-slider.owl-carousel .owl-nav .owl-prev {
    background-image: url(../../../../images/homepage/img/data-management/arrow-left-long.svg);
    margin-right: 100px
}

.accueil-management .management-slider.owl-carousel .owl-nav .owl-next {
    background-image: url(../../../../images/homepage/img/data-management/arrow-right-long.svg);
    margin-left: 100px
}

.accueil-management .management-slider {
    margin-top: 30px
}

.accueil-management .management-slider.owl-carousel .owl-stage {
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.accueil-management .management-slider.owl-carousel .owl-stage .owl-item.active.center::after {
    content: none
}

.accueil-management .management-slider.owl-carousel .owl-stage .owl-item.active.center {
    z-index: 1
}

.accueil-management .management-slider.owl-carousel .owl-stage .owl-item.active.center .item {
    background-color: #fff;
    box-shadow: 0px 4px 20px 0px #9D60A140;
    -webkit-box-shadow: 0px 4px 20px 0px #9D60A140;
    -moz-box-shadow: 0px 4px 20px 0px #9D60A140;
    height: 627px;
    margin: 5px;
    opacity: 1
}

.accueil-management .management-slider.owl-carousel .owl-stage .owl-item.active.center .item:after {
    content: '';
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    background-color: bisque;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
    -webkit-animation: gfoot 4s linear infinite;
    animation: gfoot 4s linear infinite;
    background-image: -webkit-linear-gradient(left, #670e37, #d634cf, #755eeb, #670e37);
    background-image: -o-linear-gradient(left, #670e37, #d634cf, #755eeb, #670e37);
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat-x;
    opacity: 0.4
}

.accueil-management .management-slider .item {
    box-shadow: 0px 4px 20px 0px #AF829561;
    -webkit-box-shadow: 0px 4px 20px 0px #AF829561;
    -moz-box-shadow: 0px 4px 20px 0px #AF829561;
    height: 576px;
    border-radius: 6px;
    width: 351px;
    opacity: 0.4
}

.accueil-management .management-slider .item .management-top {
    width: 100%;
    height: 223px
}

.accueil-management .management-slider .item .management-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.accueil-management .management-slider .item .management-bottom {
    display: flex;
    flex-direction: column;
    padding: 33px 34px
}

.accueil-management .management-slider .item .management-bottom h5 {
    font-family: 'Gotham bold', sans-serif;
    font-size: 27px;
    line-height: 32px;
    color: #282828
}

.accueil-management .management-slider .item .management-bottom p {
    font-family: 'Gotham', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #505151
}

.accueil-management .management-slider .item .management-bottom a {
    font-family: 'Gotham medium', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #e78120;
    text-decoration: none;
    position: absolute;
    left: 34px;
    bottom: 33px
}

.accueil-management .management-slider .item .management-bottom a:after {
    content: '';
    width: 12.25px;
    height: 10.51px;
    position: absolute;
    top: 50%;
    right: -19px;
    transform: translateY(-50%);
    background-image: url(../../../../images/homepage/img/arrow-right.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

#cloud {
    padding: 0 40px
}

#cloud .cloud-tab-content {
    display: flex;
    flex-direction: row
}

#cloud .cloud-tab-content .left-cloud {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 40px
}

.left-cloud .left-cloud-title {
    display: flex;
    flex-direction: row;
    align-items: center
}

.left-cloud .lottie {
    width: 100px;
    height: 100px;
    margin-right: 20px
}

#cloud .cloud-tab-content .left-cloud h1 {
    font-size: 40px;
    font-family: 'Gotham Bold', sans-serif;
    text-transform: uppercase;
    color: #282828;
    text-align: left;
    line-height: 50px;
    letter-spacing: normal
}

#cloud .cloud-tab-content .left-cloud .cloud-content {
    margin-top: 27px
}

#cloud .cloud-tab-content .left-cloud .cloud-content p {
    font-family: 'Gotham', sans-serif;
    font-size: 19px;
    line-height: 35px;
    color: #505151;
    margin-bottom: 15px
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li {
    margin-bottom: 13px
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.i-a {
    background-image: url(../../../../images/homepage/img/4.svg);
    background-position: left center;
    background-size: 13px
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.i-a a:hover {
    color: #d155de
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.m-l {
    background-image: url(../../../../images/homepage/img/1.svg);
    background-position: left center;
    background-size: 13px
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.m-l a:hover {
    color: #b78df5
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.i-c {
    background-image: url(../../../../images/homepage/img/5.svg);
    background-position: left center;
    background-size: 13px
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.i-c a:hover {
    color: #c24f7f
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.s-r {
    background-image: url(../../../../images/homepage/img/3.svg);
    background-position: left center;
    background-size: 13px
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.s-r a:hover {
    color: #7a5ecd
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.d-o {
    background-image: url(../../../../images/homepage/img/2.svg);
    background-position: left center;
    background-size: 13px
}

#cloud .cloud-tab-content .left-cloud .cloud-content ul li.d-o a:hover {
    color: #dea1bb
}

#cloud .cloud-tab-content .left-cloud .cloud-content a {
    font-family: 'Gotham medium', sans-serif;
    font-size: 19px;
    color: #e78120;
    text-decoration: none
}

#cloud .cloud-tab-content .right-cloud {
    display: flex;
    padding: 0 40px;
    width: 50%
}

#cloud .cloud-tab-content .right-cloud img {
    width: 100%;
    max-height: 500px
}

#cybersecurite {
    padding: 0 40px;
    margin-top: 80px
}

.protection:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/shield-halved.svg)
}

.domaine-link:hover .protection:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/white/shield-halved.svg)
}

.audit:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/square-poll-vertical.svg)
}

.domaine-link:hover .audit:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/white/square-poll-vertical.svg)
}

.integration:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/screwdriver-wrench.svg)
}

.domaine-link:hover .integration:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/white/screwdriver-wrench.svg)
}

.documentation:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/file-shield.svg)
}

.domaine-link:hover .documentation:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/white/file-shield.svg)
}

.pentesting:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/user-secret.svg)
}

.domaine-link:hover .pentesting:before {
    background-image: url(../../../../images/homepage/img/cybersecurite/white/user-secret.svg)
}

.accueil-cas-client {
    position: relative;
    z-index: 1;
    margin-top: -40px;
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 0
}

.cas-client.owl-carousel .owl-stage-outer {
    padding: 120px 0
}

.cas-client.owl-carousel .owl-stage {
    display: flex;
    margin: 10px
}

.cas-client.owl-carousel .owl-item {
    border: 1px solid #50515126;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    filter: grayscale(1)
}

.cas-client.owl-carousel .owl-item.active.center {
    background-color: #fff;
    background-image: none !important;
    filter: none
}

.cas-client.owl-carousel .item {
    padding: 44px 49px;
    display: block;
    height: calc(100% - 88px)
}

.cas-client-top {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.cas-client-logo {
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: 13px;
    box-shadow: 0px 4px 4px 0px #00000040;
    margin-right: 19px;
    background-color: #fff
}

.showForMobile {
    display: none
}

.owl-item .cas-client-top h4, .owl-item .cas-client-bottom h6, .owl-item .cas-client-bottom p {
    display: none
}

.owl-item.active.center .cas-client-top h4 {
    font-family: 'gotham bold', sans-serif;
    font-size: 27px;
    color: #282828;
    line-height: 32px;
    margin: 0;
    display: block
}

.owl-item.active.center .cas-client-bottom h6 {
    font-family: 'gotham bold', sans-serif;
    font-size: 19px;
    line-height: 26px;
    color: #282828;
    margin-bottom: 16px;
    display: block
}

.owl-item.active.center .cas-client-bottom p {
    font-family: 'Gotham', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #505151;
    margin: 0;
    display: block
}

.bg-owl {
    background-image: url(../../../../images/jch-optimize/ng/images_modules_slide-cai-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: absolute;
    width: 45%;
    height: 100%;
    top: 0;
    z-index: -1;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.cas-client.owl-carousel .owl-dots {
    display: none
}

.cas-client.owl-carousel .owl-nav {
    display: block;
    position: absolute;
    top: 33px;
    left: 60%
}

.accueil-cas-client .cas-client.owl-carousel .owl-nav button {
    background-color: unset;
    width: 32px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    margin-top: 20px;
    margin-right: 30px
}

.cas-client.owl-carousel .owl-nav .owl-prev {
    background-image: url(../../../../images/homepage/img/data-management/arrow-left-long.svg);
    margin-right: 100px
}

.cas-client.owl-carousel .owl-nav .owl-next {
    background-image: url(../../../../images/homepage/img/data-management/arrow-right-long.svg);
    margin-left: 100px
}

.page_home #References .section-title h2 span {
    color: #e78120
}

.page_home #References .portfolio-strip li {
    background-color: #fff !important;
    border: 1px solid #28282812;
    margin: 20px;
    width: calc(12.5% - 40px);
    box-shadow: 1px 6px 10px 0px #8F8F8F1A
}

header.article-header {
    margin-top: 77px;
    background-color: #e78120;
    color: white;
    display: flex;
    height: 300px
}

header.article-header.h-450-200 {
    height: 350px
}

header.article-header .article-title-container {
    flex-basis: 50%;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    position: relative
}

header.article-header .article-image-container {
    flex-basis: 50%
}

header.article-header .article-title-container .article-title-text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -90px;
    height: 1px;
    width: 78px;
    background-color: #fff
}

header.article-header .article-title-container .article-title-text {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    text-transform: uppercase;
    font-family: "Gotham Bold", sans-serif;
    margin: 0;
    padding: 0px;
    text-align: left !important;
    position: relative;
    width: 85%
}

header.article-header .article-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #040919;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem
}

header.article-header.technologies {
    margin-top: 77px;
    background-color: #e78120;
    color: white;
    display: flex;
    height: 300px
}

header.article-header .article-title-container.technologies {
    flex-direction: column
}

header.article-header .article-title-container .techno-logo-container {
    position: relative;
    width: 70%;
    z-index: 2;
    top: 0px
}

header.article-header .article-title-container .techno-logo-container .logo-inner-container {
    height: 80px;
    width: 80px;
    background-color: white;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

header.article-header .article-title-container .techno-logo-container .logo-inner-container img.techno-logo {
    width: 52px;
    height: 52px
}

@media (max-width: 1000px) {
    header.article-header {
        height: 200px;
        position: relative;
        display: flex;
        justify-content: flex-end
    }

    header.article-header.h-450-200 {
        height: 200px
    }

    header.article-header .article-image-container {
        flex-basis: 60%;
        background-color: #000
    }

    header.article-header .article-title-container {
        height: 100%;
        flex-basis: 40%;
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 1rem;
        display: flex;
        align-items: center;
        z-index: 1
    }

    header.article-header .article-title-container .article-title-text {
        font-size: 27px !important;
        font-weight: 700;
        line-height: 35px;
        padding: 0 40px;
        width: 100%
    }

    header.article-header .article-title-container .article-title-text::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -10px;
        height: 1px;
        width: 0px;
        background-color: #fff
    }

    header.article-header .article-image-container img {
        opacity: 0.4
    }

    header.article-header.technologies {
        height: 250px
    }

    header.article-header .article-title-container.technologies {
        justify-content: space-between
    }

    header.article-header .article-title-container .techno-logo-container {
        width: 100%
    }
}

main {
    padding-top: 1rem;
    padding-bottom: 1rem
}

#breadcrumbs-share {
    padding-left: 20px;
    padding-right: 20px
}

.breadcrumbs-and-share-article {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.breadcrumbs-and-share-article .breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    padding: 0 20px
}

@media (max-width: 1000px) {
    .breadcrumbs-and-share-article .breadcrumbs {
        display: none
    }
}

.breadcrumbs-and-share-article .breadcrumbs .arrow-right {
    aspect-ratio: 1.5;
    object-fit: contain;
    object-position: center;
    width: 12px;
    overflow: hidden;
    max-width: 100%;
    margin: auto 0
}

.breadcrumbs-and-share-article .breadcrumbs .link {
    color: #e78120;
    text-transform: capitalize;
    font: 325 16px "Gotham"
}

.breadcrumbs-and-share-article .breadcrumbs .link:hover {
    text-decoration-line: underline
}

.breadcrumbs-and-share-article .breadcrumbs .current-article-text {
    color: #292929;
    font: 325 16px "Gotham"
}

.share-icon {
    aspect-ratio: 1.16;
    object-fit: contain;
    object-position: center;
    width: 22px;
    fill: #e78120;
    overflow: hidden;
    max-width: 100%
}

.share-article {
    display: flex;
    padding-right: 10px;
    align-items: center;
    gap: 20px;
    position: relative
}

.share-article svg {
    width: 25px;
    height: 25px;
    padding: 0.5rem
}

.share-article-button {
    display: inline-block;
    position: relative;
    border-radius: 45%;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
    border: solid 2px white;
    cursor: pointer
}

.share-article-container.active {
    background-color: #e78120;
    border-radius: 2rem
}

.share-article-container.active .share-article-button svg {
    fill: #FFF;
    cursor: pointer
}

.share-article .share-article-button svg {
    width: 25px;
    height: 25px;
    padding: .5rem;
    transition: fill 0.3s ease
}

.social-icon svg {
    fill: #FFF;
    cursor: pointer
}

.social-icons-wrapper.active {
    top: 0;
    transition: opacity 0.3s ease-in-out;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: relative
}

.social-icons-wrapper {
    display: none
}

.social-icon svg #x-icon {
    height: 24px;
    width: 24px
}

.social-icon svg #linkedin-icon {
    height: 29px;
    width: 28px
}

.social-icon#x-icon:before {
    position: absolute;
    top: -3.5rem;
    background: #e78120;
    color: #FFF;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 12px;
    display: block;
    width: 8.5rem;
    text-align: center
}

.social-icon.en#x-icon:before {
    width: 6.9rem
}

.social-icon#linkedin-icon:before {
    position: absolute;
    top: -3.5rem;
    background: #e78120;
    color: #FFF;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 12px;
    display: block;
    width: 11rem;
    text-align: center
}

.social-icon.en#linkedin-icon:before {
    width: 9.5rem
}

.social-icon#x-icon:hover:before {
    content: "Partager l'article sur X";
    right: -7px
}

.social-icon.en#x-icon:hover:before {
    content: "Share article on X";
    right: 0px
}

.social-icon#linkedin-icon:hover:before {
    content: "Partager l'article sur LinkedIn";
    right: -4.2rem
}

.social-icon.en#linkedin-icon:hover:before {
    content: "Share article on LinkedIn";
    right: -3.5rem
}

.social-icon:hover:after {
    content: "";
    position: absolute;
    top: -21px;
    width: 10px;
    height: 10px;
    background: #e78120;
    transform: rotate(45deg);
    display: block
}

.social-icon#x-icon:hover:after {
    right: 60px
}

.social-icon#linkedin-icon:hover:after {
    right: 20px
}

.grid-container {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(2, 1fr);
    gap: 10px;
    grid-row-gap: 2rem;
    padding: 1rem;
    padding-right: 12rem;
    padding-left: 12rem;
    position: relative;
    padding-top: 3rem;
    padding-bottom: 6rem
}

.grid-container::after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 1px;
    width: 100%;
    background-color: #000
}

.grid-item {
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.grid-item h6 {
    font-size: 22px;
    font-family: "Gotham medium";
    font-weight: 500
}

.grid-item p {
    line-height: 25px
}

@media (max-width: 768px) {
    .grid-container {
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows:repeat(3, 1fr);
        padding-right: 1rem;
        padding-left: 1rem;
        padding-bottom: 4rem
    }

    .grid-item h6 {
        font-size: 16px !important
    }

    .grid-item p {
        font-size: 13px !important
    }
}

@media (max-width: 1024px) {
    .grid-container {
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 0rem;
        grid-row-gap: 0rem
    }
}

@media (max-width: 425px) {
    .grid-container {
        padding-right: 0rem;
        padding-left: 0rem;
        padding-bottom: 2rem
    }
}

.related-technologies {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 2rem
}

.related-technologies .menu_technologies_etiquettes ul.menu {
    justify-content: center
}

@media (max-width: 768px) {
    .related-technologies {
        padding-top: 2rem;
        padding-bottom: 0rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.related-technologies h5 {
    text-align: center;
    font-family: "Gotham medium", sans-serif;
    font-weight: 500
}

.article-paragraphs-container {
    padding-top: .5rem
}

.article-paragraphs-container article {
    padding-top: 4rem;
    padding-bottom: 3rem;
    position: relative
}

.article-paragraphs-container article:first-child {
    padding-top: 2rem
}

.article-paragraphs-container article.last-article::after {
    content: "";
    display: block;
    height: 0.5px;
    background: #000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -14px
}

#jm-mainpage .article-paragraphs-container ul {
    list-style: none
}

@media screen and (max-width: 1000px) {
    #jm-mainpage .article-paragraphs-container ul {
        margin: 0px
    }
}

#jm-mainpage .article-paragraphs-container ul li ul {
    list-style: none;
    margin-top: 10px !important
}

#jm-mainpage .article-paragraphs-container ul li {
    font-size: 16px !important;
    position: relative;
    background: none;
    font-family: "Gotham book", sans-serif;
    color: #292929 !important
}

#jm-mainpage .article-paragraphs-container ul li a {
    color: #292929 !important
}

#jm-mainpage .article-paragraphs-container ul li::before {
    content: "";
    border: solid #862656;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 12px;
    left: 0px
}

#jm-mainpage .article-paragraphs-container ul li ul li::before {
    content: "\2022" !important;
    color: #e78120;
    font-weight: bold;
    display: inline-block !important;
    width: 1em;
    margin-left: -18px;
    font-size: large;
    transform: none !important;
    position: absolute !important;
    top: -1px !important;
    left: unset !important;
    border: none !important;
    padding: 0 !important
}

#jm-mainpage .article-paragraphs-container .rocket-container ul li::before {
    content: "";
    border: solid #862656;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 12px;
    left: 0px
}

#jm-mainpage .article-paragraphs-container table ul li ul li::before {
    content: "\2022" !important;
    color: #e78120;
    font-weight: bold;
    display: inline-block !important;
    width: 1em;
    margin-left: -15px;
    font-size: large;
    transform: none !important;
    position: absolute !important;
    top: 1px !important;
    left: unset !important;
    border: none !important;
    padding: 0 !important
}

#jm-mainpage .article-paragraphs-container .content-text {
    font-weight: 400;
    font-size: 16px;
    color: rgb(41, 41, 41);
    font-family: Gotham, sans-serif;
    line-height: 27px
}

#jm-mainpage .article-paragraphs-container .content-text p a {
    color: #660133 !important;
    font-weight: 700
}

#jm-mainpage .article-paragraphs-container .content-text p a:hover {
    text-decoration: underline
}

#jm-mainpage .article-paragraphs-container .content-text ul li a {
    color: #660133 !important;
    font-weight: 700
}

#jm-mainpage .article-paragraphs-container .content-text ul li a:hover {
    text-decoration: underline
}

#jm-mainpage .article-paragraphs-container .content-text ul li ul li a {
    color: #660133 !important;
    font-weight: 700
}

#jm-mainpage .article-paragraphs-container .content-text ul li ul li a:hover {
    text-decoration: underline
}

#jm-mainpage .article-paragraphs-container .content-text .line {
    align-self: stretch;
    height: 2px;
    padding-left: 75px;
    background-color: #80808029
}

#jm-mainpage .article-paragraphs-container .content-text .line.hide-on-desktop {
    display: none
}

#jm-mainpage .article-paragraphs-container .content-text.small-content {
    padding-top: 5rem
}

#jm-mainpage .article-paragraphs-container .content-image {
    height: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

#jm-mainpage .article-paragraphs-container .content-image.bi {
    padding-left: 6rem;
    padding-right: 0rem;
    padding-top: 0rem
}

#jm-mainpage .article-paragraphs-container .content-image.tma {
    align-items: flex-start;
    padding-bottom: 0rem
}

#jm-mainpage .article-paragraphs-container .content-image.tra {
    padding: 0rem
}

#jm-mainpage .article-paragraphs-container .content-image.dev-specific {
    padding: 0rem
}

#jm-mainpage .article-paragraphs-container .content-text p {
    margin: 16px 0;
    font-size: 16px !important;
    font-family: "Gotham book", sans-serif;
    color: #292929 !important
}

.article-paragraphs-container article {
    background-color: #eee
}

.article-paragraphs-container article:nth-child(odd) {
    background-color: white
}

.article-paragraphs-container .two-rows-layout {
    display: flex;
    flex-direction: column
}

.article-paragraphs-container .row-1 {
    display: flex;
    gap: 2rem
}

.article-paragraphs-container .row-1.three-columns {
    display: grid;
    grid-template-columns:15% 42.5% 42.5%;
    grid-template-areas:"box1 box2 box3";
    column-gap: 2rem
}

.article-paragraphs-container .row-2 {
    display: flex;
    flex-direction: column
}

.article-paragraphs-container .right-padding {
    padding-right: 8rem
}

.article-paragraphs-container .three-columns-layout {
    display: grid;
    grid-template-columns:1fr 3fr 3fr;
    grid-template-areas:"column-1 column-2 column-3";
    gap: 2rem
}

.article-paragraphs-container .three-columns-layout-2-1 {
    display: grid;
    grid-template-columns:1fr 3fr 3fr;
    grid-template-areas:"column-1 column-1 column-2";
    gap: 2rem
}

.article-paragraphs-container .two-columns-layout {
    display: grid;
    grid-template-columns:1fr 3fr 3fr;
    grid-template-areas:"column-1 column-2 column-2";
    gap: 2rem
}

.article-paragraphs-container .two-columns-extreme-layout {
    display: grid;
    grid-template-columns:1fr 3fr 3fr;
    grid-template-areas:"column-1 column-1 column-2";
    gap: 2rem
}

.article-paragraphs-container .two-columns-extreme-layout .two-columns-layout {
    display: grid;
    grid-template-columns:1fr 3fr;
    grid-template-areas:"column-1 column-2";
    gap: 2rem
}

.article-paragraphs-container .one-column-layout {
    display: grid;
    grid-template-columns:100%;
    grid-template-areas:"column-1"
}

.article-paragraphs-container .column-1 {
    grid-area: column-1
}

.article-paragraphs-container .column-2 {
    grid-area: column-2
}

.article-paragraphs-container .column-3 {
    grid-area: column-3
}

.article-paragraphs-container .paragraph-number-container {
    flex-basis: 15%
}

.article-paragraphs-container .paragraph-header-container.full-width {
    flex-basis: 100%
}

.article-paragraphs-container .paragraph-header-container {
    flex-basis: 50%;
    display: flex;
    align-items: center
}

.article-paragraphs-container .next-to-paragraph-number {
    height: 100%;
    flex-basis: 85%;
    display: flex;
    gap: 2rem
}

.article-paragraphs-container .content {
    display: flex
}

.article-paragraphs-container .content.aligned {
    display: grid;
    grid-template-columns:1fr 6fr;
    grid-template-areas:"straight content-container";
    gap: 2rem
}

.article-paragraphs-container .straight.hide {
    flex-basis: 0%
}

.article-paragraphs-container .content-container.full-width {
    flex-basis: 100%
}

.article-paragraphs-container .paragraph-number-inner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.article-paragraphs-container .line {
    align-self: stretch;
    height: 3px;
    padding-left: 75px;
    background-color: #eee
}

.article-paragraphs-container > article:nth-child(odd) .line {
    background-color: #8f8f8f
}

.article-paragraphs-container > article:nth-child(even) .line {
    background-color: white
}

.article-paragraphs-container > article:nth-child(odd) .paragraph-number {
    color: #8f8f8f
}

.article-paragraphs-container > article:nth-child(even) .paragraph-number {
    color: white
}

.article-paragraphs-container .paragraph-title {
    font-size: 34px !important;
    font-family: "Gotham medium", sans-serif;
    color: #e78120;
    letter-spacing: -1.02px;
    line-height: 43px;
    margin: 0 !important
}

.article-paragraphs-container .paragraph-number {
    margin-bottom: 0 !important;
    letter-spacing: -2.1px;
    white-space: nowrap;
    padding-bottom: 1rem !important;
    font-family: "Gotham bold", sans-serif;
    font-size: 70px !important;
    line-height: 43px
}

.article-paragraphs-container .rocket-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
    position: relative
}

.article-paragraphs-container .content-container .rocket-container.rocket-divider::before {
    content: "";
    display: block;
    height: 2px;
    background: #80808029;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.article-paragraphs-container .content-container .rocket-container.rocket-divider.show-on-mobile::before {
    display: none
}

.article-paragraphs-container .rocket-header {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-top: 2rem
}

.article-paragraphs-container .rocket-container ul {
    margin-left: 32px !important
}

.article-paragraphs-container .rocket-container ul li.strong-on-desktop {
    font-weight: 600 !important
}

#jm-mainpage .article-paragraphs-container .rocket-container .platform-text {
    font-size: 21px !important;
    font-family: "Gotham medium", sans-serif !important;
    font-weight: 500;
    color: #292929 !important;
    letter-spacing: -1.02px;
    line-height: 23px;
    margin: 0 !important
}

.rocket-icon {
    width: 18px;
    height: 18px
}

#jm-mainpage .article-paragraphs-container .rocket-container ul li {
    font-family: "Gotham book", sans-serif !important;
    font-size: 16px;
    line-height: 27px;
    color: #292929 !important;
    margin-left: 2.3rem
}

#jm-mainpage .article-paragraphs-container ul li ul li {
    margin-left: 4px
}

#jm-mainpage .article-paragraphs-container .rocket-container ul li ul li {
    font-family: "Gotham book", sans-serif !important;
    font-size: 16px;
    line-height: 27px;
    color: #292929 !important;
    margin-left: 5px
}

.article-paragraphs-container nav {
    display: block;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 70px
}

.article-paragraphs-container nav.nav-top {
    position: absolute;
    top: -1000px;
    right: 0;
    z-index: 999
}

.article-paragraphs-container nav.sticky-nav-top {
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 999
}

.article-paragraphs-container nav.last-article {
    position: absolute;
    right: 0;
    z-index: 999
}

.article-paragraphs-container .paragraph-navigation-number {
    color: #8f8f8f;
    white-space: nowrap;
    font: 400 18px "Gotham Bold", sans-serif
}

.article-paragraphs-container .paragraph-navigation-number.active {
    color: #e78120;
    white-space: nowrap;
    font: 400 26px Gotham Bold, sans-serif;
    display: flex
}

.article-paragraphs-container .paragraph-navigation-number {
    cursor: pointer;
    display: inline-block;
    position: relative
}

.article-paragraphs-container .paragraph-navigation-number:hover {
    color: #e78120
}

.article-paragraphs-container .navigation-line {
    position: absolute;
    top: 50%;
    right: 0;
    width: 62%;
    height: 2px;
    background-color: #e78120;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.4s ease-out
}

.article-paragraphs-container .paragraph-navigation-number.active .navigation-line {
    transform: scaleX(1);
    transform-origin: bottom right
}

.table-header {
    padding: 1rem;
    color: gray
}

.table_machine_learning {
    font-family: "Gotham book", sans-serif;
    text-align: center;
    border-spacing: 2px 12px;
    display: block
}

#jm-mainpage
table.table_machine_learning
tbody
tr
td
ul
li
ul
li {
    margin-left: 0px
}

#jm-mainpage table.table_machine_learning tbody tr td ul {
    margin: 0px !important
}

#jm-mainpage table.table_machine_learning tbody tr td ul li {
    margin-left: 0px
}

#jm-mainpage table.table_machine_learning tbody tr td {
    padding: 1rem
}

.accordion_machine_learning {
    display: none
}

#jm-mainpage .article-paragraphs-container .hide-on-mobile-separator {
    display: block
}

@media screen and (max-width: 1000px) {
    .article-paragraphs-container article {
        padding-top: 2rem;
        padding-bottom: 3rem
    }

    .article-paragraphs-container article:first-child {
        padding-top: 1rem
    }

    .article-paragraphs-container .right-padding {
        padding-right: 0rem
    }

    .article-paragraphs-container .three-columns-layout {
        display: block
    }

    .article-paragraphs-container .three-columns-layout-2-1 {
        display: block
    }

    .article-paragraphs-container .two-columns-layout {
        display: block
    }

    .article-paragraphs-container .two-columns-extreme-layout {
        display: block
    }

    .article-paragraphs-container .two-columns-extreme-layout .two-columns-layout {
        display: block
    }

    .article-paragraphs-container .one-column-layout {
        display: block
    }

    .article-paragraphs-container .paragraph-number-container {
        width: 6.5rem
    }

    .article-paragraphs-container .paragraph-header-container {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem
    }

    .content-container {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .breadcrumbs-and-share-article {
        justify-content: flex-end
    }

    .article-paragraphs-container .paragraph-title {
        font-size: 27px !important;
        font-family: "Gotham medium", sans-serif;
        color: #e78120;
        margin: 0 !important;
        color: #e78120;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: -0.69px
    }

    #breadcrumbs-share {
        padding-left: 10px;
        padding-right: 10px
    }

    .share-article {
        padding-right: 10px
    }

    #jm-mainpage .article-paragraphs-container .rocket-container .platform-text {
        font-size: 18px !important
    }

    .rocket-icon {
        width: 14px;
        height: 14px
    }

    .article-paragraphs-container .rocket-container ul li.strong-on-desktop {
        font-weight: 500 !important
    }

    .article-paragraphs-container nav {
        display: none
    }

    .print-page-button {
        display: none
    }

    #jm-mainpage .article-paragraphs-container .content-image {
        padding: 1rem;
        display: flex;
        justify-content: center
    }

    #jm-mainpage .article-paragraphs-container .content-image.bi {
        padding: 1rem
    }

    #jm-mainpage .article-paragraphs-container .rocket-container ul li {
        margin-left: 2.7rem
    }

    #jm-mainpage .article-paragraphs-container .content-text.small-content {
        padding-top: 0rem
    }

    #jm-mainpage .article-paragraphs-container .content-image.tma {
        padding-bottom: 1rem
    }

    #jm-mainpage .article-paragraphs-container .content-image.tra {
        padding: 1rem
    }

    #jm-mainpage .article-paragraphs-container .content-image.dev-specific {
        padding: 1rem
    }

    #jm-mainpage .article-paragraphs-container .content-text .line.hide-on-desktop {
        display: block;
        align-self: stretch;
        height: 2px;
        padding-left: 75px;
        background-color: #80808029
    }

    #jm-mainpage .article-paragraphs-container .hide-on-mobile-separator {
        display: none
    }

    .article-paragraphs-container .content-container .rocket-container.rocket-divider.show-on-mobile::before {
        content: "";
        display: block;
        height: 2px;
        background: #80808029;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .table_machine_learning {
        display: none
    }

    .accordion_machine_learning {
        display: block;
        margin: 40px auto 0
    }

    .at-tab {
        display: none;
        padding: 15px
    }

    .at-title {
        border-bottom: 1px solid;
        display: flex;
        align-items: center
    }

    .at-title .icon-arrow {
        height: 20px;
        width: 20px;
        display: flex;
        background-color: #e78120;
        border-radius: 50%;
        padding: 8px;
        transition: transform 0.5s ease
    }

    .at-title .icon-arrow img {
        padding: 2px
    }

    .at-title.active .icon-arrow {
        transform: rotate(-180deg)
    }

    .at-title .accordion-header {
        font-size: 18px;
        padding: 10px 15px;
        margin: 0;
        position: relative;
        font-family: 'Gotham Medium', sans-serif;
        padding-right: 0px
    }

    .at-item {
        border-radius: 5px;
        margin-bottom: 15px
    }

    #jm-mainpage .article-paragraphs-container .content-text .exemple_algo {
        color: #e78120 !important;
        font-weight: 600
    }

    #jm-mainpage .article-paragraphs-container ul.two-ul-mobile-1 {
        margin-bottom: 0px !important
    }

    #jm-mainpage .article-paragraphs-container ul.two-ul-mobile-2 {
        margin-top: 0px !important
    }
}

@media (max-width: 1204px) {
    #js-mainnav.megamenu.white ul.level0 li.megacss > span.megacss.haschild:after, #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
        right: 5px !important
    }
}

@media (min-width: 1000px) and (max-width: 1500px) {
    .cas-client.owl-carousel .item {
        width: 270px !important;
        height: 290px !important
    }
}

@media (min-width: 1001px) and (max-width: 1300px) {
    .tablinks-domaine {
        font-size: 21px
    }

    .lg-header-animation-text-links a {
        padding: 14px 14px
    }
}

@media (min-width: 1024px) and (max-width: 1038px) {
    .presentation-text .presentation-text-content .presentation-link {
        display: inline-block;
        margin-bottom: 10px;
        width: 125px;
        text-align: center
    }
}

@media (max-width: 1000px) {
    .lg-header-animation {
        flex-direction: column;
        padding: 77px 20px 20px 20px
    }

    .lg-header-animation-bg {
        width: 100%;
        padding: 0
    }

    .lg-header-animation-bg .object {
        width: 100%;
        bottom: -45px
    }

    .lg-header-animation .custom.slider_animate {
        width: 100%;
        padding: 0 !important
    }

    .lg-header-animation-text h1 {
        font-size: 27px;
        line-height: 35px
    }

    .lg-header-animation-text p {
        font-size: 16px;
        line-height: 26px
    }

    .lg-header-animation-text .lg-header-animation-text-links {
        align-items: start;
        flex-direction: column
    }

    .lg-header-animation-text-links a {
        font-size: 14px;
        padding: 12px 23px
    }

    .lg-header-animation-text-links .lg-header-animation-text-links-start {
        margin-right: 0;
        margin-bottom: 18px
    }

    .presentation-block .presentation-content {
        padding: 0
    }

    .skewed.presentation-block {
        padding: 20px 20px 80px 20px
    }

    .presentation-block .presentation-content .section-title h2 {
        font-size: 21px !important
    }

    .presentation-block .presentation-content .presentation-2-sections {
        flex-direction: column
    }

    .presentation-2-sections .presentation-video, .presentation-2-sections .presentation-text {
        width: 100%
    }

    .presentation-2-sections .presentation-video {
        margin-bottom: 40px
    }

    .presentation-2-sections .presentation-video .presentation-video-background:after {
        width: 60px;
        height: 60px;
        background-size: 23px
    }

    .presentation-2-sections .presentation-video .video-presentation-text {
        font-size: 14px;
        line-height: 20px;
        bottom: 13px
    }

    .presentation-text .presentation-text-content {
        padding: 0
    }

    .presentation-text .presentation-text-content p {
        font-size: 16px;;
        line-height: 26px
    }

    .presentation-text .presentation-text-content .presentation-link {
        font-size: 14px;
        padding: 12px 23px
    }

    .presentation-block .presentation-content .techtransform h3 span {
        font-size: 23px
    }

    .page_home .section-title h2 {
        font-size: 21px !important
    }

    .page_home .domaines2 {
        padding-bottom: 0
    }

    .tab-domaine {
        padding: 0 20px !important;
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: flex-start
    }

    .tablinks-domaine {
        font-size: 13px;
        margin: 0 10px
    }

    #applicatif {
        padding: 0 20px
    }

    .domaine-tab-content {
        flex-direction: column
    }

    .left-domaine {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
        align-items: center
    }

    .left-domaine-title {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .left-domaine .lottie {
        width: 67px;
        height: 67px;
        margin-right: 0px;
        margin-bottom: 15px
    }

    .domaine-tab-content .left-domaine h1 {
        font-size: 21px;
        line-height: 28px
    }

    .left-domaine img.applicatif-image {
        display: none
    }

    .right-domaine {
        width: 100%
    }

    .domaine-link h4 {
        font-size: 17px;
        margin-bottom: 10px
    }

    .domaine-link p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .domaine-link a {
        font-size: 14px
    }

    .domaine-link:hover {
        background-color: unset
    }

    .domaine-link:hover h4, .domaine-link:hover p, .domaine-link:hover a {
        color: unset
    }

    .domaine-link:hover .dev-specifique:before {
        background-image: url(../../../../images/homepage/img/applicatif/cloud.svg)
    }

    .domaine-link:hover .dev-web:before {
        background-image: url(../../../../images/homepage/img/applicatif/browser.svg)
    }

    .domaine-link:hover .dev-mobile:before {
        background-image: url(../../../../images/homepage/img/applicatif/mobile.svg)
    }

    .domaine-link:hover .tma:before {
        background-image: url(../../../../images/homepage/img/applicatif/circle-nodes.svg)
    }

    .domaine-link:hover .tra:before {
        background-image: url(../../../../images/homepage/img/applicatif/code-compare.svg)
    }

    .domaine-link:hover a:after {
        background-image: url(../../../../images/homepage/img/arrow-right.svg)
    }

    .domaine-link:hover .protection:before {
        background-image: url(../../../../images/homepage/img/cybersecurite/shield-halved.svg)
    }

    .domaine-link:hover .audit:before {
        background-image: url(../../../../images/homepage/img/cybersecurite/square-poll-vertical.svg)
    }

    .domaine-link:hover .integration:before {
        background-image: url(../../../../images/homepage/img/cybersecurite/screwdriver-wrench.svg)
    }

    .domaine-link:hover .documentation:before {
        background-image: url(../../../../images/homepage/img/cybersecurite/file-shield.svg)
    }

    .domaine-link:hover .pentesting:before {
        background-image: url(../../../../images/homepage/img/cybersecurite/user-secret.svg)
    }

    .page_home .accueil-management {
        margin: -40px 0 60px
    }

    .page_home .accueil-management .section-title .lottie {
        width: 67px;
        height: 67px
    }

    .accueil-management .management-slider .item {
        height: 492px;
        width: 277px
    }

    .accueil-management .management-slider.owl-carousel .owl-stage .owl-item.active.center .item {
        height: 492px
    }

    .accueil-management .management-slider .item .management-top {
        width: 100%;
        height: 181px
    }

    .accueil-management .management-slider .item .management-bottom {
        padding: 20px 23px
    }

    .accueil-management .management-slider .item .management-bottom h5 {
        font-size: 20px;
        line-height: 28px
    }

    .accueil-management .management-slider .item .management-bottom p {
        font-size: 14px;
        line-height: 24px
    }

    .accueil-management .management-slider .item .management-bottom a {
        font-size: 14px;
        position: absolute;
        left: 23px;
        bottom: 20px
    }

    #cloud {
        padding: 0 20px;
        height: max-content !important;
        padding-bottom: 65px !important;
        padding-top: 65px !important
    }

    #cloud .cloud-tab-content {
        flex-direction: column
    }

    #cloud .cloud-tab-content .left-cloud {
        flex-direction: column;
        width: 100%;
        padding: 0
    }

    .left-cloud .left-cloud-title {
        flex-direction: column;
        align-items: center
    }

    .left-cloud .lottie {
        width: 67px;
        height: 67px;
        margin-right: 0px;
        margin-bottom: 15px
    }

    #cloud .cloud-tab-content .left-cloud h1 {
        font-size: 21px;
        line-height: 28px
    }

    #cloud .cloud-tab-content .left-cloud .cloud-content {
        margin-top: 15px
    }

    #cloud .cloud-tab-content .left-cloud .cloud-content p {
        font-size: 16px;
        line-height: 26px
    }

    #cloud .cloud-tab-content .left-cloud .cloud-content a {
        font-size: 16px
    }

    #cloud .cloud-tab-content .right-cloud {
        padding: 0;
        width: 100%
    }

    .page_home .accueil-integration {
        margin: 60px 0 10px;
        padding: 10px 0 60px
    }

    #cybersecurite {
        padding: 0 20px;
        margin-top: 40px;
        height: max-content
    }

    .accueil-cas-client {
        margin-top: -60px;
        padding-bottom: 60px;
        padding-top: 100px !important;
        clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%) !important
    }

    .bg-owl, .hideForMobile {
        display: none !important
    }

    .showForMobile {
        display: block
    }

    .cas-client.owl-carousel .owl-item {
        border: none;
        background-image: none !important;
        filter: none
    }

    .cas-client .owl-item .cas-client-bottom h4 {
        font-family: 'gotham bold', sans-serif;
        font-size: 20px;
        color: #282828;
        line-height: 28px;
        margin: 0;
        margin-bottom: 18px
    }

    .cas-client.owl-carousel .item {
        padding: 10px;
        height: 500px !important
    }

    .cas-client.owl-carousel .item.sgfg .showForMobile.img-top {
        background-position: 80% 100%
    }

    .cas-client .img-top {
        width: 100%;
        height: 260px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .cas-client-logo {
        position: absolute;
        top: 23px;
        left: 25px
    }

    .cas-client.owl-carousel .owl-stage-outer {
        padding: 0
    }

    .cas-client.owl-carousel .owl-nav {
        display: none
    }

    .cas-client.owl-carousel .owl-dots {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -50px
    }

    .cas-client.owl-carousel .owl-dots button {
        width: 10px;
        height: 10px;
        border: 1px solid #505151;
        border-radius: 6px
    }

    .cas-client .owl-nav {
        display: none
    }

    .cas-client.owl-carousel .owl-dots button.active {
        width: 24px;
        border: 1px solid transparent;
        background-color: #e78120
    }

    .owl-item .cas-client-bottom h6 {
        display: block
    }

    .owl-item .cas-client-bottom p {
        display: block
    }

    .page_home #References .portfolio-strip li {
        width: calc(33.3333% - 40px)
    }
}

@media (min-width: 590px) and (max-width: 1000px) {
    .tab-domaine {
        justify-content: center
    }
}

@media (max-width: 355px) {
    .presentation-text .presentation-text-content .presentation-link {
        display: inline-block;
        margin-bottom: 10px;
        width: 115px;
        text-align: center
    }
}

@media (max-width: 580px) {
    .lg-header-animation .slider_animate {
        margin-top: 20px
    }

    .lg-header-animation-text .lg-header-animation-text-links {
        align-items: center;
        flex-direction: column;
        gap: 18px;
        text-align: center
    }

    .lg-header-animation-text-links a {
        font-size: 14px;
        padding: 12px 0;
        width: 100%
    }

    .lg-header-animation-text-links .lg-header-animation-text-links-start {
        margin-bottom: 0px
    }
}

@media (max-width: 480px) {
    .page_home #jm-topline-mods {
        height: 680px !important
    }
}

@media (max-width: 435px) {
    .page_home #jm-topline-mods {
        height: 650px !important
    }
}

@media (max-width: 400px) {
    .page_home #jm-topline-mods {
        height: 620px !important
    }
}

.article-image-icon {
    position: absolute;
    padding: 16px;
    background: white;
    right: -35px;
    border-radius: 100%
}

.article-image-icon img {
    height: 40px;
    width: 40px
}

@media (max-width: 1000px) {
    .article-image-icon {
        display: none
    }
}

@media (min-width: 325px) and (max-width: 380px) {
    .presentation-video {
        width: 323px !important;
        height: 191px !important;
        padding-right: 50px
    }

    .lg-header-animation-text h1 {
        font-size: 25px !important
    }

    .lg-header-animation-text p {
        font-size: 15px !important
    }

    .page_home .bg_page_all {
        margin-top: 100px;
        background: var(--GREY-LIGHT-PLUS, rgba(248, 248, 248, 1)) !important;
        padding: 0 !important
    }

    .page_home .domaines2 {
        margin-top: -182px !important
    }

    .page_home #jm-maincontent {
        margin-top: -150px;
        background: white
    }

    .contact-menu-mobile, .navigation-toggle-476 {
        top: 14px !important
    }

    .navigation-toggle-476 {
        right: 5px !important
    }

    .lg-header-animation {
        padding-top: 80px !important
    }

    .accueil-management {
        margin: -20px 0 -30px !important
    }

    #cloud .cloud-tab-content .right-cloud img {
        position: relative;
        top: 0px !important
    }

    #cybersecurite {
        margin: -30px 0 0 !important
    }

    .accueil-cas-client {
        height: 700px !important
    }

    .page-id-263 .page-id-264 .page-id-265 .bg_page_all {
        margin-top: 165px !important
    }

    .page_home .skewed, .page_home .skewed {
        margin-top: 35px !important
    }

    .page_home .domaines2 > div > h2 {
        font-weight: 60 !important;
        line-height: 35px !important;
        text-align: center;
        letter-spacing: -0.5
    }
}

@media (min-width: 380px) and (max-width: 1000px) {
    .presentation-video {
        height: 191px;
        width: 343px
    }

    .page_home #jm-mainpage {
        margin-top: -80px !important;
        background: white
    }

    .page_home .domaines2 {
        margin-top: -190px !important
    }

    .page_home .accueil-management {
        margin-bottom: -60px
    }

    #cloud .cloud-tab-content .right-cloud img {
        top: 0px !important
    }

    #cybersecurite {
        margin-top: -30px !important
    }

    .accueil-cas-client {
        height: 700px !important
    }

    .page-id-263 .page-id-264 .page-id-265 #jm-mainpage {
        margin-top: -45px !important;
        background: white
    }

    .page_home .skewed, .page_home .skewed {
        margin-top: -5px !important
    }
}

@media (min-width: 380px) and (max-width: 430px) {
    .page_home .bg_page_all {
        margin-top: 320px !important;
        padding: 0 !important
    }
}

@media (min-width: 999px) and (max-width: 1100px) {
    .page_home .bg_page_all {
        margin-top: 450px !important;
        padding: 0 !important
    }
}

@media (min-width: 1000px) and (max-width: 1000px) {
    .page_home .bg_page_all {
        margin-top: 240px !important;
        padding: 0 !important
    }
}

@media (min-width: 1100px) and (max-width: 1200px) {
    .page_home .bg_page_all {
        margin-top: 530px !important;
        padding: 0 !important
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .page_home #jm-mainpage {
        margin-top: 0px;
        background: white
    }

    .page_home .domaines2 {
        margin-top: -170px !important
    }

    .page-id-263 .page-id-264 .page-id-265 .bg_page_all {
        margin-top: 100px !important
    }

    .page_home .skewed, .page_home .skewed {
        margin-top: -20px !important
    }
}

.page_home .section-title h2::before {
    top: -55px;
    height: 50px
}

.offres-d-emploi .bg_page_all, .job-offers .bg_page_all {
    margin-top: 0px !important
}

@media screen and (max-width: 1000px) {
    .offres-d-emploi .bg_page_all, .job-offers .bg_page_all {
        margin-top: 80px !important
    }
}

.page_home .bg_page_all {
    margin-top: 230px;
    background: var(--GREY-LIGHT-PLUS, rgba(248, 248, 248, 1)) !important;
    padding: 0 !important
    height: auto !important
}

.page_home .domaines2 {
    background: var(--GREY-LIGHT-PLUS, rgba(248, 248, 248, 1)) !important;
    margin-top: -195px
}

#applicatif {
    background: var(--GREY-LIGHT-PLUS, rgba(248, 248, 248, 1));
    height: max-content;
    padding-bottom: 115px
}

.accueil-management {
    background-color: white !important
}

.page_home #jm-maincontent {
    background: white
}

#cloud {
    background: var(--GREY-LIGHT-PLUS, rgba(248, 248, 248, 1)) !important;
    padding-top: 90px;
    height: 570px;
    transform: skew(0deg, -4deg)
}

#cloud .cloud-tab-content {
    transform: skew(0deg, 4deg)
}

#cloud .cloud-tab-content .right-cloud img {
    position: relative;
    top: -50px
}

.accueil-integration {
    background: white !important;
    padding-top: 0px !important;
    margin-bottom: -20px
}

.accueil-cas-client {
    background: var(--GREY-LIGHT-PLUS, rgba(248, 248, 248, 1)) !important;
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
    padding-top: 100px;
    height: 850px
}

.page_home .nous-contact {
    background: white !important
}

.header-message-container {
    margin: 10px 0 10px
}

#References {
    background: var(--GREY-LIGHT-PLUS, rgba(248, 248, 248, 1)) !important
}

.nous-contact .cntct1 a, .nous-contact .cntct2 a, .popup_contact .cta, .offshore-contact .fix-skew a, .cf-btn {
    border-radius: 12px !important
}

.careers #Contactez-nous a, .careers #contactus a {
    background-color: #e78120;
    opacity: 0.85
}

.careers #Contactez-nous span, .careers #contactus span {
    color: white
}

.carrieres #Contactez-nous a, .carrieres #contactus a {
    background-color: #e78120;
    opacity: 0.85
}

.carrieres #Contactez-nous span, .carrieres #contactus span {
    color: white
}

.page-id-267 #sep_bottom_c, .page-id-268 #sep_bottom_c {
    margin-top: -45px;
    height: 40px
}

.page-id-207 #sep_bottom_c, .page-id-103 #sep_bottom_c {
    margin-top: -15px;
    height: 110px
}

.careers #lg-bottom-lst, .carrieres #lg-bottom-lst {
    margin-top: 5px;
    padding-top: 30px
}

.offshore .domaines2 {
    margin-top: 0px
}

.offshore #sep_bottom_c {
    height: 110px !important
}

.page-id-263 .page-id-264 .page-id-265 #jm-mainpage {
    background: white
}

.page-id-263 .page-id-264 .page-id-265 .bg_page_all {
    margin-top: 60px;
    clip-path: none;
    background: white
}

.bubble {
    width: 300px;
    height: 70px
}

@media (max-width: 480px) {
    .content-method .first-section .text p {
        font-size: 15px !important
    }

    .content-method .second-section .elements span {
        font-size: 13px !important
    }

    .expertise-value .content .value-text {
        font-size: 15px !important;
        line-height: 24px !important
    }

    .expertises .section-title h2, .expertise .section-title h2 {
    }
}

.expertise-value .content .value-text {
    font-size: 18px;
    line-height: 24px
}

.expertises .section-title h2, .expertise .section-title h2 {
    font-size: 38px;
    line-height: 50px
}

.popup_contact {
    display: none
}

.lvl {
    width: fit-content;
    height: auto
}

#js-meganav > .megamenu {
    gap: 20px
}

#menu1222 {
    padding: 12px 30px 18px !important
}

#menu1222:hover:before {
    width: 87% !important;
    left: 2px !important
}

#menu1222::before {
    width: 60% !important;
    left: 22px !important
}

#menu611:hover::before {
    width: 90% !important
}

#menu1139:hover::before {
    width: 93% !important
}

.page_home .section-title h2 {
    font-size: 41px !important
}

.rejoindre {
    margin-top: 50px
}

#js-meganav > ul > li.megacss > a.souligne-navbar:not(#menu712)::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100%);
    width: 100%;
    display: block;
    height: 2px;
    background-color: #e78120;
    z-index: 99
}

.nav_without_f {
    position: relative;
    top: -5px;
    max-width: 125%;
    left: -10px
}

@media (max-width: 1000px) {
    .section-title h2 {
        font-size: 21px
    }
}

.page_home .skewed {
    height: 250px !important
}

.fixed-domaine {
    background-color: rgba(248, 248, 248, 1) !important
}

.home-section-title {
    padding-top: 60px;
    width: 100%;
    text-align: center
}

.home-section-title h2 {
    font-size: 41px !important;
    letter-spacing: 5px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative;
    color: #222;
    padding: 5px 0 5px;
    line-height: 60px
}

.home-section-title h2::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: #222
}

@media all and (max-width: 770px) {
    .home-section-title {
        margin-bottom: 25px !important;
        padding-top: 40px;
        font-size: 22px !important
    }

    .home-section-title h2 {
        padding-top: 20px !important;
        padding-bottom: 5px !important;
        font-size: 28px !important;
        line-height: 30px;
        padding: 20px 15px 5px 15px !important
    }

    .home-section-title h2::before {
        top: -36px !important;
        height: 30px !important
    }
}

@media all and (max-width: 480px) {
    .home-section-title h2 {
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 24px !important
    }
}

.page-id-267 .fix-skew .home-section-title, .page-id-268 .fix-skew .home-section-title {
    padding-top: 60px
}

.page_home .domaines2 .home-section-title {
    padding-top: 20px
}

.accueil-cas-client > .home-section-title {
    padding-top: 20px
}

@media screen and (max-width: 770px) {
    .presentation-content .home-section-title {
        padding-top: 60px !important
    }

    .page_home .domaines2 .home-section-title {
        padding-top: 0px !important
    }

    .accueil-cas-client > .home-section-title {
        padding-top: 20px !important
    }
}

#js-meganav > .megamenu > .last > .childcontent, #js-mainnav.noJS ul.megamenu li.megacss:nth-child(6) > div.childcontent {
    right: 130px
}

#pid-1139 {
    height: 600px !important
}

@media (max-width: 1000px) {
    #applicatif {
        height: max-content !important;
        padding-bottom: 66px
    }
}

#player_home {
    height: 100%
}

@media (min-width: 380px) and (max-width: 390px) {
    .page_home .bg_page_all {
        margin-top: 350px
    }
}

@media (min-width: 400px) and (max-width: 435px) {
    .page_home .bg_page_all {
        margin-top: 280px
    }
}

#data-management .data-tab-content {
    display: flex;
    flex-direction: row
}

@media (max-width: 1000px) {
    #data-management .data-tab-content {
        flex-direction: column
    }
}

.left-data {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 40px
}

@media (max-width: 1000px) {
    #cloud .cloud-tab-content .left-cloud {
        flex-direction: column;
        width: 100%;
        padding: 0
    }
}

.left-data-title {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width: 1000px) {
    .left-cloud .left-cloud-title {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 1000px) {
    #data-title h2 {
        flex-direction: column !important;
        align-items: center !important
    }
}

@media (max-width: 1000px) {
    #data-title h2 {
        font-size: 21px !important;
        line-height: 28px !important
    }

    .nav_without_f {
        max-width: 110% !important;
        left: 10px;
        margin-left: -10px;
        margin-top: -5px
    }

    .sticky-nav .nav_without_f {
        max-width: 125% !important;
        margin-left: -20px;
        margin-top: -5px
    }
}

#data-title h2 {
    font-size: 40px;
    font-family: 'Gotham Bold', sans-serif;
    text-transform: uppercase !important;
    color: #282828;
    text-align: left;
    line-height: 50px;
    letter-spacing: normal
}

@media (min-width: 1025px) {
    #menu1411 {
        display: none !important
    }

    #Découvreznosexpertises > .line-lang {
        display: none !important
    }
}

.logo-mobile-menu {
    margin-left: -10px
}

.carrieres .bg_page_all, .careers .bg_page_all {
    display: block
}

@media (max-width: 770px) {
    .projects .title h2, .projets .title h2 {
        width: auto !important
    }
}

.projets .right .description .paragraph .font span {
    width: 5px;
    height: 5px;
    border-right: 2px solid #941554;
    border-top: 2px solid #941554;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 10px 10px;
    color: transparent
}

.carrieres .owl-nav, .careers .owl-nav {
    top: 280px;
    position: absolute;
    left: 41.5%
}

label[for="form1_checkbox19_0"], label[for="form6_checkbox19_0"], label[for="form7_checkbox18_0"], label[for="form3_checkbox18_0"] {
    top: 27px !important;
    font-size: 12px;
    left: 31px
}

@media (max-width: 1025px) {
    .checkbox-confirmation {
        margin-bottom: 3rem !important;
        margin-top: 2rem !important
    }
}

.checkbox-confirmation::after {
    content: "*";
    color: var(--color-danger);
    font-weight: 400
}

.checkbox-confirmation {
    color: var(--label-color) !important
}

.checkbox-confirmation {
    font-size: 14px !important
}

.checkbox-confirmation a {
    color: #e78120;
    font-weight: bold
}

.sidr-class-item-1139, .sidr-class-item-611 {
    cursor: pointer
}

.merci-de-nous-avoir-contactes .bg_page_all, .thank-you-for-contacting-us .bg_page_all {
    background: #f5f5f5 !important
}

.merci-de-nous-avoir-contactes .cont_offshore_avantages.cont_notpad_bi.pageContact, .thank-you-for-contacting-us .cont_offshore_avantages.cont_notpad_bi.pageContact {
    background: #dff0d8 !important;
    padding: 0px !important
}

.merci-de-nous-avoir-contactes .contact-page-container, .thank-you-for-contacting-us .contact-page-container {
    display: flex;
    align-items: end;
    height: 60vh;
    margin-bottom: 20px
}

.rotated::after {
    -webkit-transform: rotate(222deg);
    -ms-transform: rotate(222deg);
    transform: rotate(222deg) !important;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 1, 1, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0, 1, 1, 1);
    -o-transition: transform 0.5s cubic-bezier(0, 1, 1, 1);
    transition: transform 0.5s cubic-bezier(0, 1, 1, 1) !important;
    transition: transform 0.5s cubic-bezier(0, 1, 1, 1), -webkit-transform 0.5s cubic-bezier(0, 1, 1, 1);
    transition: transform 0.5s cubic-bezier(0, 1, 1, 1), -webkit-transform 0.5s cubic-bezier(0, 1, 1, 1);
    border-top-color: transparent !important;
    top: 28px !important
}

#menu588::before {
    width: 79% !important
}

#menu1085::before, #menu1114::before {
    width: 79% !important
}

#menu1091::before {
    left: 0px !important;
    width: 90% !important
}

.offres-d-emploi .bg_page_all, .job-offers .bg_page_all {
    margin-top: 0px !important
}

@media (max-width: 1025px) {
    .chiifre-collaboration .collaboration .contenu .text p {
        font-size: 14px !important
    }

    .moyens .contenu2 .text p {
        text-shadow: none !important
    }
}

.expertises .section-title h2::before, .expertise .section-title h2::before {
    top: -50px !important
}

.expertises .poles, .expertise .poles {
    padding-top: 35px !important
}

.ctm-item .item-img img {
    width: 22px;
    height: 22px
}

.contact .item-page li::before {
    background: url("../../../../images/modules/assets/fleche.svg") no-repeat !important;
    content: "";
    display: inline-block;
    height: 9px;
    overflow: hidden;
    width: 9px;
    bottom: 8px;
    margin-right: 2px !important
}

.contact .item-page li {
    position: relative
}

#sidr-main .sidr-inner ul li ul li.sidr-class-has-sub.sidr-class-parent.closedArrowMenu::before {
    content: "";
    width: 11px;
    height: 22px;
    display: block;
    background-image: url(../../../../images/jch-optimize/ng/images_icons_arrow-mobile-up.webp);
    background-size: 17px;
    right: 26px;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 10px;
    background-position: center;
    transform: rotate(90deg)
}

.sidr-class-item-1411::before {
    content: "";
    height: 22px;
    display: block;
    background-image: url("../../../../images/homepage/img/contact-arrow.svg");
    background-size: 21px;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 12px;
    background-position: center
}

@media (min-width: 400px) and (max-width: 1025px) {
    #navigation-toggle {
        top: 14px !important
    }
}

.lg-contact-expert .contact-arrow {
    margin-right: 10px !important
}

.lg-contact-expert {
    background: #e78120;
    color: white !important;
    border-radius: 12px;
    justify-content: center;
    align-content: center;
    width: calc(100%) !important;
    font-family: Gotham;
    font-weight: bold !important;
    margin-top: 25px;
    z-index: 8;
    padding: 6px 2px !important;
    align-self: center
}

@media (min-width: 1000px) and (max-width: 1100px) {
    #js-mainnav.megamenu li a.lg-contact-expert {
        font-size: 14px !important
    }
}

.ctm-item::after {
    content: '';
    background: url("https://logigroup.com/images/homepage/img/arrow-right.svg") no-repeat center;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    vertical-align: middle;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

#pid-1139 ul.ctm-child-ul li:hover .ctm-item::after {
    opacity: 1
}

.ctm-item.ctm-menu-fleche::before {
    content: '';
    background: url("https://logigroup.com/images/homepage/img/arrow-right-old.svg") no-repeat center;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle
}

.ctm-ul li.active {
    color: white !important;
    background-color: #e78120 !important;
    width: 100%;
    left: -4px;
    position: relative
}

.ctm-ul li:hover {
    color: white !important;
    background-color: #e78120 !important;
    width: 100%;
    left: -4px;
    position: relative
}

.menu-desc {
    margin-left: 34px;
    width: 208px;
    color: #3c3838 !important;
    font-family: Gotham !important;
    font-size: 13px !important;
    font-weight: 400
}

.second-col-sect-1 {
    background-color: rgba(242, 242, 242, 1)
}

.image-title {
    width: 217px !important
}

#menu907 img, #menu674 img, #menu670 img, #menu666 img {
    display: none
}

#menu907 .image-title, #menu674 .image-title, #menu670 .image-title, #menu666 .image-title {
    font-size: 15px !important
}

.ctm-ul li.active .ctm-item .item-img img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(277deg) brightness(170%) contrast(101%)
}

.sidr-class-item-1411 {
    background: #e78120 !important;
    border-radius: 12px;
    width: 257px;
    margin-top: 21px !important;
    margin-left: 20px !important;
    transition: left 0.3s ease
}

.sidr-class-item-1411 a {
    width: 75% !important;
    font-size: 14px !important;
    padding-bottom: 5px !important;
    color: white !important
}

.sidr-main {
    overflow-x: hidden
}

@media (min-width: 425px) {
    .sidr-class-item-1411 a {
        padding-left: 57px !important;
        width: 75% !important;
        font-size: 16px !important;
        padding-bottom: 5px !important
    }

    .sidr-class-item-1411::before {
        content: "";
        width: 69px;
        height: 22px;
        display: block;
        background-image: url("../../../../images/homepage/img/contact-arrow.svg");
        background-size: 21px;
        background-repeat: no-repeat;
        position: absolute;
        margin-top: 12px;
        background-position: center
    }

    .sidr-class-item-1411 {
        width: 309px;
        transition: opacity 0.5s ease;
        padding-left: 0px !important
    }
}

#Développementmobile .childcontent, #Mobiledevelopment .childcontent {
    left: 38px !important;
    width: 190px
}

#Développementmobile .childcontent.active, #Mobiledevelopment .childcontent.active {
    opacity: 1 !important;
    position: fixed !important;
    visibility: visible !important;
    display: flex !important;
    z-index: 150 !important;
    height: auto !important;
    left: 62px !important;
    width: 190px
}

#pid-906 {
    padding: 0 !important
}

.lg-drop li.megacss.submenu-align-auto {
    padding-left: 15px !important
}

#pid-906 .megacol .megamenu li.megacss.submenu-align-auto:nth-child(odd) {
    background: #F6F6F6 !important
}

#pid-906 .megacol .megamenu li.megacss.submenu-align-auto:nth-child(even) {
    background: #EEE !important
}

#pid-906 .megacol .megamenu li.megacss.submenu-align-auto a.megacss span.menu-title::before {
    background: url(https://logigroup.com/images/menu/menu-arrow.svg)
}

#menu1091 > img {
    margin-right: 2px !important
}

#pid-1222 > div.megacol > ul.megamenu > li.megacss > a.megacss {
    margin: 0 !important
}

#pid-906 > .megacol > .megamenu > li.megacss > a.megacss > img {
    margin-right: 11px !important
}

#pid-906 > .megacol > .megamenu > li.megacss > a.megacss > span {
    color: #e78120 !important
}

@media (min-width: 1600px) {
    #js-mainnav.megamenu ul.level0 li.megacss a img {
        margin-right: 2px
    }
}

li.last .menu-desc {
    padding-left: 2px !important
}

#pid-1139 ul.ctm-child-ul li {
    height: 48px;
    align-items: center;
    display: flex !important
}

#menu1147 .menu-desc, #menu1388 .menu-desc, #menu1013 .menu-desc {
    padding-left: 6px !important
}

@media (min-width: 380px) and (max-width: 430px) {
    .page_home .bg_page_all {
        margin-top: 320px !important
    }
}

@media (min-width: 1480px) and (max-width: 1590px) {
    li.last .menu-desc {
        padding-left: 4px !important
    }

    #Cybersécurité .group-title, #Cybersecurity .group-title {
        margin-left: -40px !important
    }
}

@media (min-width: 1600px) {
    #menu906::after {
        right: 45px !important
    }
}

.sidr-class-item-906 > ul > li > a > img {
    width: 11px !important
}

.sidr-class-item-906 > ul > li > a > span {
    padding-left: 9px !important
}

#sidr-main {
    flex-direction: column
}

.ctm-ul li.active .ctm-item {
    left: -10px
}

ul.ctm-ul li .ctm-item:hover {
    left: -10px
}

ul.ctm-ul li .ctm-item:hover img {
    filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(220deg) brightness(170%) contrast(101%)
}

.expertise-col1 .ctm-item .item-img img {
    width: 22px;
    height: 22px;
    filter: invert(36%) sepia(1%) saturate(0%) hue-rotate(57deg) brightness(92%) contrast(91%)
}

ul.ctm-ul li .ctm-item {
    left: -14px
}

#pid-611 {
    background: #FAFAFA
}

.img-container {
    width: 34px;
    display: flex;
    justify-content: center
}

#menu1005 .img-container img {
    width: 31px !important;
    height: 31px !important;
    margin-top: -2px !important
}

#menu1005 .image-title {
    margin-left: 4px !important
}

#menu672 .img-container img {
    width: 26px !important;
    height: 26px !important
}

#menu906 .img-container img {
    width: 33px !important;
    height: 33px !important
}

#menu906 .image-title {
    margin-left: 4px !important
}

#menu1012 .img-container img {
    width: 27px !important;
    height: 27px !important
}

#menu1013 .img-container img {
    width: 30px !important;
    height: 30px !important
}

#menu1006 .img-container img {
    width: 26px !important;
    height: 26px !important
}

#menu1170 .img-container img {
    width: 27px !important;
    height: 27px !important
}

#menu1171 .img-container img {
    width: 30px !important;
    height: 30px !important
}

#menu1172 .img-container img {
    width: 25px !important;
    height: 31px !important;
    margin-top: -2px !important
}

#menu1388 .img-container img {
    width: 30px !important;
    height: 30px !important
}

#menu1389 .img-container img {
    width: 26px !important;
    height: 26px !important
}

#menu1390 .img-container img {
    width: 31px !important;
    height: 31px !important;
    margin-top: -4px !important
}

#menu1007 .img-container img {
    width: 27px !important;
    height: 27px !important
}

#menu1152 .img-container img {
    width: 26px !important;
    height: 26px !important
}

#menu1147 .img-container img {
    width: 26px !important;
    height: 25px !important
}

#menu1147 .img-container img {
    width: 26px !important;
    height: 30.3px !important
}

#menu1147 .img-container img {
    width: 25.5px !important;
    height: 26px !important
}

#menu1147 .img-container img {
    width: 26px !important;
    height: 26px !important
}

#menu1147 .img-container img {
    width: 26px !important;
    height: 29.28px !important
}

#menu1147 .img-container img {
    width: 26px !important;
    height: 23.31px !important
}

#Cybersecurity .image-title, #Cybersécurité .image-title {
    margin-left: 1px !important
}

#Cybersécurité .group-title .image-title, #Cybersecurity .group-title .image-title {
    margin-left: 6px !important
}

#Businesstransformation {
    margin-top: -2px !important
}

#Datamanagement {
    margin-top: -2px !important
}

#Cybersécurité, #Cybersecurity {
    margin-top: 1px !important
}

#IACloud {
    margin-top: -1px !important
}

.group-title .image-title {
    font-family: "Gotham Bold" !important
}

.sidr-class-lvl .sidr-class-image-title:not(.sidr-class-item-906 .sidr-class-lvl span) {
    font-family: "Gotham Bold" !important
}

.sidr-class-item-683 .sidr-class-lvl img {
    filter: invert(36%) sepia(1%) saturate(0%) hue-rotate(57deg) brightness(92%) contrast(91%)
}

.sidr ul li ul li {
    line-height: 25px !important;
    min-height: 40px;
    align-items: center
}

ul.sidr-class-sub-menu li a {
    min-height: 40px
}

#pid-906 .img-container {
    width: 11px !important
}

#FR div.active-menu, #EN div.active-menu {
    position: absolute !important;
    padding: 0 !important;
    width: 124px;
    margin-top: 70px !important;
    height: 91px !important;
    right: 153 !important;
    box-shadow: 0px 0px 6px #f4f1f1
}

#Fr div.active-menu, #En div.active-menu {
    position: absolute !important;
    padding: 0 !important;
    width: 142px !important;
    margin-top: 70px !important;
    height: 61px !important;
    right: 0 !important;
    box-shadow: 0px 0px 6px #f4f1f1
}

.lg-header-img-top {
    height: 24% !important;
    position: absolute;
    right: 0px;
    top: 0px
}

.lg-header-img-bottom {
    height: 25% !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 6
}

.lg-header-text-1 {
    color: rgba(125, 19, 61, 1);
    font-size: 53px;
    font-family: "Gotham";
    font-family: Gotham bold
}

.lg-header-text-2 {
    font-family: "Gotham Medium";
    font-size: 30px;
    color: black
}

.lg-header-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 28px
}

#Technologies img.lg-header-img {
    margin-top: 15px !important
}

.second-col-sect-1.expertise-col3 {
    position: relative
}

.lg-contact-expertise {
    background: #e78120;
    color: white !important;
    border-radius: 12px;
    justify-content: center;
    align-content: center;
    width: calc(100%) !important;
    font-family: Gotham;
    font-weight: bold !important;
    margin-top: 25px;
    z-index: 8;
    padding: 6px 2px !important;
    font-size: 16px !important;
    font-weight: 500;
    position: relative;
    display: flex !important;
    align-items: center
}

.lg-header-img-expertises {
    height: 70%;
    object-fit: cover;
    width: 100%;
    border-radius: 12px;
    margin-top: 20px
}

.lg-header-img {
    position: relative;
    max-width: none !important
}

.second-col-sect-1.expertise-col3 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center
}

.second-col-sect-1.expertise-col3 a {
    background-color: #e78120;
    padding: 14px 76px !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-size: 16px !important;
    border-radius: 10px;
    color: white !important;
    font-family: 'Gotham';
    font-weight: 600;
    letter-spacing: 1px
}

.second-col-sect-1.expertise-col3 a img {
    width: 26px;
    height: 21px
}

.contact .item-page li::before {
    background: url("../../../../images/modules/assets/fleche.svg") no-repeat !important;
    content: "";
    display: inline-block;
    height: 9px;
    overflow: hidden;
    width: 9px;
    bottom: 8px;
    margin-right: 2px !important
}

.contact .item-page li {
    position: relative
}

ul.level1 li.megacss span.menu-title {
    font-family: "Gotham Medium" !important
}

.sidr-class-image-title {
    font-family: "Gotham Medium" !important
}

.line-lang {
    display: none
}

@media screen and (max-width: 400px) {
    .contact-mobile-fr {
        left: calc(100% - 161px) !important
    }

    .contact-mobile-en {
        left: calc(100% - 138px) !important
    }
}

.contact-mobile-fr {
    left: calc(100% - 200px)
}

.contact-mobile-en {
    left: calc(100% - 175px)
}

li.expertises-en a {
    padding-left: 55px !important
}

li.expertises-en::before {
    width: 66px !important
}

li.expertises-fr a {
    padding-left: 45px !important
}

li.expertises-fr::before {
    width: 53px !important
}

@media (min-width: 425px) {
    li.expertises-en a {
        padding-left: 69px !important
    }

    li.expertises-en::before {
        width: 86px !important
    }

    li.expertises-fr a {
        padding-left: 57px !important
    }

    li.expertises-fr::before {
        width: 69px !important
    }
}

@media (max-width: 725px) {
    .qui-sommes-nous .cont_header_entreprise > div, .about-us .cont_header_entreprise > div {
        padding-left: 12px !important
    }

    .quiSommesNous-acteur .contenu {
        padding-top: 30px !important
    }

    .qui-sommes-nous .valeurs .contenu, .about-us .valeurs .contenu {
        margin-top: 15px !important
    }

    .qui-sommes-nous .section-title, .about-us .section-title {
        margin-bottom: -25px !important
    }
}

@media screen and (max-width: 580px) {
    .qui-sommes-nous div#jm-header, .about-us div#jm-header, .reclamation div#jm-header, .complaint div#jm-header {
        padding-top: 90px !important
    }
}

.jm-module {
    margin-bottom: 0px
}

.jm-module h3.jm-title {
    margin: 7px 0;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    text-transform: none
}

.jm-module .jm-title-wrap {
    margin: 0 0 10px;
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom: 1px solid #d5d5d5
}

#jm-content-top1 .content-top1-bg, #jm-top-mod .top-bg, #jm-bottom1 .bottom1-bg, #jm-header-mod .jm-module, #jm-content-bottom2 .content-bottom2-bg {
}

.customgray a {
    padding: 0px 0px;
    color: #494a4c;
    font-size: 20px;
    line-height: 18px;
    text-transform: uppercase;
    min-height: 42px
}

.customgray a:hover {
    color: #8f2858;
    text-decoration: none
}

.jm-module-content .customgray a {
    color: #444;
    font-size: 14px;
    font-family: calibri
}

.customgray .jm-title-wrap {
    background: none;
    border: none;
    height: auto;
    padding-bottom: 0px;
    padding-top: 20px
}

.container_slide_rel .customgray .jm-title-wrap {
    padding-top: 12px
}

.container_slide_rel .customgray h3.jm-title {
    line-height: 50px
}

.customgray h3.jm-title {
    margin: auto;
    padding: 0;
    text-align: center;
    line-height: 55px;
    text-transform: uppercase;
    color: #2b2b2b;
    font-size: 28px;
    font-family: "Raleway"
}

.jm-title-wrap .border_title {
    width: 0;
    padding: 0px 0 0;
    margin: auto;
    height: 40px;
    position: relative
}

.title_block_res .border_title_h {
    border-bottom: 1px solid #8f2858;
    width: 60px;
    padding: 0px 0 0;
    margin: auto;
    height: 2px
}

.txt_block_res a {
    color: #8f2858;
    text-decoration: none;
    margin-top: 10px;
    display: block;
    font-size: 16px;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s
}

.txt_block_res a:hover {
    text-decoration: none;
    color: #454545
}

.jm-module.black-box {
    background: #640032;
    border: 1px solid #000;
    padding: 15px;
    color: #fff
}

.jm-module.black-box .jm-title-wrap {
    background: none;
    border: none
}

.jm-module.black-box h3.jm-title {
    margin: 0 0 15px;
    padding: 0;
    text-align: left
}

.jm-module.black-box a:link, .jm-module.black-box a:visited {
    color: #aaa
}

.jm-module.black-box ul li {
    background-image: url(../../../../templates/jm-news-portal/images/li_white.png)
}

.jm-module.title-box .jm-title-wrap {
    border-top: none;
    padding: 5px 10px;
    margin: 0 0 15px
}

.jm-module.title-box h3.jm-title {
    color: #fff;
    margin: 0
}

.jm-module.title-box .jm-title-wrap {
    background: #000;
    border: none
}

.jm-module.title-box.black .jm-title-wrap {
    background: #000
}

.jm-module.title-box.red .jm-title-wrap {
    background: #bd2031
}

.jm-module.title-box.blue .jm-title-wrap {
    background: #006295
}

.jm-module.title-box.orange .jm-title-wrap {
    background: #f60
}

.jm-module.title-box.green .jm-title-wrap {
    background: #7bb31a
}

.jm-module.black .jm-title-wrap {
    border-top: 2px solid #000;
    border-bottom: 1px solid #d5d5d5
}

.jm-module.red .jm-title-wrap {
    border-top: 2px solid #bd2031;
    border-bottom: 1px solid rgba(235, 39, 62, 0.27)
}

.jm-module.blue .jm-title-wrap {
    border-top: 2px solid #006295;
    border-bottom: 1px solid rgba(0, 128, 193, 0.33)
}

.jm-module.orange .jm-title-wrap {
    border-top: 2px solid #f60;
    border-bottom: 1px solid rgba(255, 102, 0, 0.23)
}

.jm-module.green .jm-title-wrap {
    border-top: 2px solid #7bb31a;
    border-bottom: 1px solid rgba(123, 179, 26, 0.24)
}

.jm-module.black.title-box .jm-title-wrap, .jm-module.red.title-box .jm-title-wrap, .jm-module.blue.title-box .jm-title-wrap, .jm-module.orange.title-box .jm-title-wrap, .jm-module.green.title-box .jm-title-wrap {
    border: none
}

.jm-module.bank h3.jm-title {
    min-height: 27px;
    height: auto !important;
    height: 27px;
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 0 no-repeat;
    padding: 4px 0 4px 45px;
    text-align: left
}

.jm-module.savings h3.jm-title {
    min-height: 27px;
    height: auto !important;
    height: 27px;
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -84px no-repeat;
    padding: 4px 0 4px 45px;
    text-align: left
}

.jm-module.home h3.jm-title {
    min-height: 27px;
    height: auto !important;
    height: 27px;
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -168px no-repeat;
    padding: 4px 0 4px 45px;
    text-align: left
}

.jm-module.company h3.jm-title {
    min-height: 27px;
    height: auto !important;
    height: 27px;
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -252px no-repeat;
    padding: 4px 0 4px 45px;
    text-align: left
}

.jm-module.title-box.bank h3.jm-title, .jm-module.black-box.bank h3.jm-title {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -336px no-repeat
}

.jm-module.title-box.savings h3.jm-title, .jm-module.black-box.savings h3.jm-title {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -420px no-repeat
}

.jm-module.title-box.home h3.jm-title, .jm-module.black-box.home h3.jm-title {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -504px no-repeat
}

.jm-module.title-box.company h3.jm-title, .jm-module.black-box.company h3.jm-title {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -588px no-repeat
}

#jm-top-mod .rowcount_1 .top-in {
    width: 100%;
    float: left
}

#jm-top-mod .rowcount_2 .top-in {
    width: 50%;
    float: left
}

#jm-top-mod .rowcount_3 .top-in {
    width: 33.3%;
    float: left
}

#jm-top-mod .rowcount_4 .top-in {
    width: 25%;
    float: left
}

#jm-content-top1 .rowcount_1 .content-top1-in {
    width: 100%;
    float: left
}

#jm-content-top1 .rowcount_2 .content-top1-in {
    width: 50%;
    float: left
}

#jm-content-top1 .rowcount_3 .content-top1-in {
    width: 33.3%;
    float: left
}

#jm-content-top1 .rowcount_4 .content-top1-in {
    width: 25%;
    float: left
}

#jm-content-top2 .rowcount_1 .content-top2-in {
    width: 100%;
    float: left
}

#jm-content-top2 .rowcount_2 .content-top2-in {
    width: 50%;
    float: left
}

#jm-content-bottom1 .rowcount_1 .content-bottom1-in {
    width: 100%;
    float: left
}

#jm-content-bottom1 .rowcount_2 .content-bottom1-in {
    width: 50%;
    float: left
}

#jm-content-bottom2 .rowcount_1 .content-bottom2-in {
    width: 100%;
    float: left
}

#jm-content-bottom2 .rowcount_2 .content-bottom2-in {
    width: 50%;
    float: left
}

#jm-content-bottom2 .rowcount_3 .content-bottom2-in {
    width: 33.3%;
    float: left
}

#jm-bottom1 .rowcount_1 .bottom1-in {
    width: 100%;
    float: left
}

#jm-bottom1 .rowcount_2 .bottom1-in {
    width: 50%;
    float: left
}

#jm-bottom1 .rowcount_3 .bottom1-in {
    width: 33.3%;
    float: left
}

#jm-bottom1 .rowcount_4 .bottom1-in {
    width: 25%;
    float: left
}

.djslider span.load-button {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.djslider .slide-desc-text .slide-title {
    font-size: 1.4em;
    line-height: 1.2em
}

#jm-topline-mods .djslider .slide-desc-bg {
    background: none
}

#jm-topline-mods .djslider .slide-desc-text {
    padding: 0
}

#jm-topline-mods .djslider .slide-text, #jm-topline-mods .djslider .slide-text p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#jm-topline-mods .djslider .slide-desc-text a {
    color: #ccc
}

#jm-topline-mods .djslider-loader {
    float: left
}

.jm-slider1 .djslider .slide-desc, .jm-slider1 .djslider .slide-desc-in {
    height: 100%
}

.jm-slider1 .djslider .slide-desc-bg {
    background: #959595;
    opacity: 1
}

.jm-slider1 .djslider .slide-desc-text {
    padding: 15px
}

.jm-slider1 .djslider .slide-desc-text .slide-title {
    line-height: 1.2em;
    font-size: 2.4em;
    margin-bottom: 15px;
    color: #fff
}

.jm-slider1 .djslider .slide-desc-text .slide-title a {
    color: #fff
}

.jm-slider1 .djslider .navigation-container img.prev-button, .jm-slider1 .djslider .navigation-container img.next-button, .jm-slider1 .djslider .navigation-container img.play-button, .jm-slider1 .djslider .navigation-container img.pause-button {
    padding: 15px 18px;
    text-align: center;
    -webkit-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in
}

.jm-slider1 .djslider .navigation-container img.prev-button:hover, .jm-slider1 .djslider .navigation-container img.next-button:hover, .jm-slider1 .djslider .navigation-container img.play-button:hover, .jm-slider1 .djslider .navigation-container img.pause-button:hover {
}

.jm-slider1 .djslider .navigation-container img.prev-button {
    left: 0px;
    left: auto !important
}

.djslider-default .navigation-container .prev-button {
    margin: 0px 0px 0px 40px
}

.djslider-default .navigation-container .next-button {
    margin: 0px 40px 0px 0px
}

.jm-slider1 .djslider span.load-button {
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    opacity: 0.6
}

.jm-slider1 .djslider span.load-button:hover {
    opacity: 1
}

.jm-slider1 .djslider span.load-button-active {
    opacity: 1
}

.jm-slider2 .djslider .navigation-container-custom, .jm-slider3 .djslider .navigation-container-custom {
    top: -35px !important;
    right: 0 !important
}

.jm-slider2.title-box .djslider .navigation-container-custom, .jm-slider3.title-box .djslider .navigation-container-custom {
    top: -37px !important
}

.jm-slider2.title-box .djslider .navigation-container-custom, .jm-slider3.title-box .djslider .navigation-container-custom {
    right: 10px !important
}

.jm-slider2 .djslider .slide-desc-bg {
    background: none;
    opacity: 1
}

.jm-slider2 .djslider .slide-desc-text .slide-title {
    color: #000;
    text-align: center;
    margin: 0
}

.jm-slider2 .djslider .slide-desc-text .slide-title a {
    color: #000
}

.jm-slider2 .djslider span.load-button, .jm-slider3 .djslider span.load-button {
    background: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.2;
    height: 10px;
    width: 10px
}

.jm-slider2 .djslider span.load-button:hover, .jm-slider3 .djslider span.load-button:hover {
    opacity: 0.6
}

.jm-slider2 .djslider span.load-button-active, .jm-slider3 .djslider span.load-button-active {
    opacity: 0.6
}

.jm-slider2 .djslider .slide-desc-text {
    color: #000;
    padding: 0
}

.jm-slider2 .djslider .slide-desc-text .slide-text {
    padding: 5px 0 0
}

.jm-slider3 .djslider li {
    text-align: left
}

.jm-slider3 .djslider .slide-desc, .jm-slider3 .djslider .slide-desc-in {
    height: 100%
}

.jm-slider3 .djslider .slide-desc-bg {
    opacity: 1;
    background: none
}

.jm-slider3 .djslider .slide-desc-text .slide-title, .jm-slider3 .djslider .slide-desc-text .slide-title a {
    color: #000
}

.jm-slider3 .djslider .slide-desc-text {
    color: #000;
    padding: 5px 0
}

.black-box .djslider .slide-desc-text .slide-title, .black-box .djslider .slide-desc-text .slide-title a {
    color: #fff !important
}

.black-box .djslider span.load-button, .title-box .djslider span.load-button {
    background: #fff !important;
    opacity: 0.6 !important
}

.black-box .djslider span.load-button:hover, .title-box .djslider span.load-button:hover {
    opacity: 1 !important
}

.black-box .djslider span.load-button-active, .title-box .djslider span.load-button-active {
    opacity: 1 !important
}

.black-box .djslider .slide-desc-text {
    color: #fff !important
}

#dj-classifieds .dj-category {
    border: none
}

#dj-classifieds .dj-category .cat_row_title {
    background: none;
    padding: 7px 20px;
    line-height: 1.5em;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase
}

#dj-classifieds .dj-category .title img {
    float: none;
    margin: 0 0 10px;
    border: 1px solid #dfdfdf;
    padding: 4px
}

#dj-classifieds .dj-category .title h2 {
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase
}

#dj-classifieds .djcf_items_blog .item_box_in2 {
    border: 1px solid #ddd
}

#dj-classifieds .djcf_items_blog .special .item_box_in2 {
    background: #f3f3f3;
    border: 1px solid #ddd;
    color: #000
}

#dj-classifieds .djcf_items_blog .title {
    border-bottom: 1px solid #ddd
}

#dj-classifieds .djcf_items_blog .title h2 {
    text-transform: uppercase
}

#dj-classifieds .djcf_items_blog .special a {
    color: #0358a8
}

#dj-classifieds .djcf_items_blog .title h2, #dj-classifieds .djcf_items_blog .title h2 a {
    color: #000
}

#dj-classifieds .djcf_items_blog .special .title {
    border-bottom: 1px solid #ddd
}

#dj-classifieds span.new_icon {
    border: none;
    background: #ee1c25;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    text-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 11px;
    line-height: 16px
}

#dj-classifieds .djcf_items_blog span.new_icon {
    margin: 6px 5px 0
}

#dj-classifieds .djcf_items_blog .item_img img {
    border: 1px solid #dfdfdf;
    padding: 4px
}

#dj-classifieds .djcf_items_blog .item_box_right span.desc_info {
    border-top: 1px solid #ddd
}

#dj-classifieds .djcf_items_blog .blog_det .region, #dj-classifieds .djcf_items_blog .blog_det .price, #dj-classifieds .djcf_items_blog .blog_det .item_desc {
    line-height: 1.7em
}

#dj-classifieds .djcf_items_blog .special .blog_det .item_box_bottom .item_desc, #dj-classifieds .djcf_items_blog .special .blog_det .price, #dj-classifieds .djcf_items_blog .special .blog_det .region, #dj-classifieds .djcf_items_blog .blog_det .item_box_bottom .item_desc, #dj-classifieds .djcf_items_blog .blog_det .region, #dj-classifieds .djcf_items_blog .blog_det .price {
    border-bottom: 1px solid #ddd
}

#dj-classifieds .djcf_items_blog .blog_det .region .label_title, #dj-classifieds .djcf_items_blog .blog_det .price .label_title {
    width: 20px;
    height: 20px
}

#dj-classifieds .djcf_items_blog .item_desc .label_title, #dj-classifieds .djcf_items_blog .special .item_desc .label_title {
    background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_icons_info__small.webp) no-repeat;
    padding: 0 0 0 30px
}

#dj-classifieds .djcf_items_blog .region .label_title, #dj-classifieds .djcf_items_blog .special .region .label_title {
    background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_icons_direction__small.webp) no-repeat
}

#dj-classifieds .djcf_items_blog .price .label_title, #dj-classifieds .djcf_items_blog .special .price .label_title {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -672px no-repeat
}

#dj-classifieds .djcf_items_blog .date_start .label_title, #dj-classifieds .djcf_items_blog .special .date_start .label_title {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -742px no-repeat
}

#dj-classifieds .djcf_items_blog .see_details_box a.see_details:link, #dj-classifieds .djcf_items_blog .see_details_box a.see_details:visited {
}

#dj-classifieds .dj-additem {
    border: none
}

#dj-classifieds .dj-additem .title_top {
    background: none;
    padding: 7px 20px;
    line-height: 1.5em;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase
}

#dj-classifieds .dj-additem .djform_row.extra_fields label {
    color: #666
}

#dj-classifieds .dj-additem .djform_row .djform_field span.radio_label {
    vertical-align: middle
}

#dj-classifieds .dj-additem .djform_row .label {
    margin: 8px 30px 8px 0
}

#dj-classifieds form#djForm {
    margin: 0
}

#dj-classifieds .dj-additem form#djForm {
    padding: 20px 0
}

#dj-classifieds .dj-additem .djform_row {
    border-bottom: 1px dashed #ddd
}

#dj-classifieds .dj-additem .djform_field a.add_another_image {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -812px no-repeat;
    padding: 0 0 0 25px;
    height: 20px;
    line-height: 20px
}

#dj-classifieds input[type="radio"] + label {
    margin: 0 5px;
    vertical-align: middle
}

#dj-classifieds .dj-additem .djform_row .label_terms {
    margin: 0 0 0 5px
}

#dj-classifieds button, .dj_cf_search button.button {
    margin-left: 0
}

#dj-classifieds .dj-cattree-box {
    border: none
}

#dj-classifieds .dj-cattree-box .title_top {
    background: none;
    padding: 7px 20px;
    line-height: 1.5em;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase
}

#dj-classifieds .dj-cattree-box ul.dj-cattree li {
    padding-right: 20px
}

#dj-classifieds .dj-item .general_det, #dj-classifieds .dj-item .localization_det, #dj-classifieds .dj-item .images, #dj-classifieds .dj-item .description, #dj-classifieds .dj-item .custom_det {
    margin-bottom: 20px
}

#dj-classifieds .dj-item {
    border: none
}

#dj-classifieds .dj-item .dj-item-in {
    margin: 20px 0
}

#dj-classifieds .dj-item .title_top {
    background: none;
    padding: 7px 20px;
    line-height: 1.5em;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase
}

#dj-classifieds .dj-item .title_top h2 {
    margin: 0
}

#dj-classifieds .dj-item .title_top .title_edit {
    margin: 3px 0 0 10px;
    float: right;
    vertical-align: top
}

#dj-classifieds .dj-item .title_top span.new_icon, #dj-classifieds .dj-item .title_top img.fav_ico {
    margin: 5px 5px 0 5px
}

#dj-classifieds .dj-item .images img {
    border: 1px solid #dfdfdf;
    padding: 4px
}

#dj-classifieds .dj-item .djc_thumbnails .djc_thumbnail {
    margin: 0 10px 10px 0
}

#dj-classifieds .dj-item .djc_thumbnails .djc_thumbnail a {
    display: block
}

#dj-classifieds .dj-item .general_det .price_wrap {
    background: #f3f3f3;
    border: 1px solid #ddd
}

#dj-classifieds .dj-item .general_det .price_wrap {
    line-height: 1.5em
}

#dj-classifieds .dj-item .general_det .price_wrap span.row_label {
    background: url(../../../../templates/jm-news-portal/images/icons/badge_small.png) no-repeat left center;
    padding: 0 0 0 30px
}

#dj-classifieds .dj-item .general_det .price_wrap span.row_label, #dj-classifieds .dj-item .general_det .price_wrap span.row_value {
    display: inline-block
}

#dj-classifieds .dj-item .row.contact, #dj-classifieds .dj-item .row.reclamation, #dj-classifieds .dj-item .row.reclamation {
    border: none;
    padding: 0
}

#dj-classifieds .dj-item .general_det .contact span.row_label, #dj-classifieds .dj-item .general_det .reclamation span.row_label, #dj-classifieds .dj-item .general_det .reclamation span.row_label {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -882px no-repeat;
    line-height: 20px
}

#dj-classifieds .dj-item .general_det .added span.row_label {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -742px no-repeat;
    line-height: 20px
}

#dj-classifieds .dj-item .general_det .user_name span.row_label {
    background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_icons_people__small.webp) no-repeat;
    line-height: 20px
}

#dj-classifieds .dj-item .general_det span.row_label {
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 30px
}

#dj-classifieds div#ask_form form#djForm {
    margin-top: 10px
}

#dj-classifieds #ask_form input {
    width: 400px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 10px;
    max-width: 100%
}

#dj-classifieds .dj-item .description h2 {
    background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_icons_info__small.webp) no-repeat;
    border-bottom: 1px solid #ddd;
    font-size: 1em;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0 0 10px 30px
}

#dj-classifieds .dj-item .custom_det h2 {
    background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_icons_list__small.webp) no-repeat;
    border-bottom: 1px solid #ddd;
    font-size: 1em;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0 0 10px 30px
}

#dj-classifieds .dj-item .localization_det h2 {
    background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_icons_flag__small.webp) no-repeat;
    border-bottom: 1px solid #ddd;
    font-size: 1em;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0 0 10px 30px
}

#dj-classifieds .dj-item .additional h2 {
    background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_icons_list__small.webp) no-repeat;
    border-bottom: 1px solid #ddd;
    font-size: 1em;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0 0 10px 30px
}

#dj-classifieds .dj-item .title_top .sb_top {
    margin: 6px 0 0;
    min-width: 140px
}

#dj-classifieds .dj-item .custom_det .row br {
    display: none
}

#dj-classifieds .dj-item .localization_det #google_map_box #map img, #djmod_map_box #djmod_map img {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    max-width: none
}

#dj-classifieds table.dj-items .main_title th.first {
    border-left: none
}

#dj-classifieds table.dj-items .main_title th {
    border: none;
    color: #fff
}

#dj-classifieds table.dj-items th a {
    color: #fff
}

#dj-classifieds table.dj-items td {
    border-bottom: 3px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px dashed #ddd
}

#dj-classifieds table.dj-items tr td.first {
    border-left: 1px solid #ddd;
    border-right: none
}

#dj-classifieds table.dj-items tr td:last-child {
    border-right: 1px solid #ddd
}

#dj-classifieds table.dj-items tr.special td {
    border-right: 1px dashed #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    color: #000;
    background: #f3f3f3
}

#dj-classifieds table.dj-items tr.special td.first {
    border-right: none
}

#dj-classifieds table.dj-items tr.special td:last-child {
    border-right: 1px solid #ddd
}

#dj-classifieds table.dj-items a {
    color: #000
}

#dj-classifieds table.dj-items td.name h3, #dj-classifieds table.dj-items td.name a {
    font-size: 1.3em;
    text-transform: uppercase
}

#dj-classifieds table.dj-items td.name h3 a {
    font-size: 1em
}

#dj-classifieds table.dj-items td.name h3, #dj-classifieds table.dj-items td.name a, #dj-classifieds table.dj-items tr.special td a, #dj-classifieds table.dj-items tr.special td h3 {
    color: #000
}

#dj-classifieds table.dj-items .icon img {
    border: 1px solid #dfdfdf;
    padding: 4px
}

#dj-classifieds .title_top h1 {
    background: none;
    padding: 7px 20px;
    line-height: 1.5em;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase;
    text-align: center
}

#dj-classifieds h1.main_cat_title {
    padding: 7px 20px;
    line-height: 1.5em;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px
}

.dj_cf_search input[type="text"], .dj_cf_search select, .dj_cf_search #search_ex_fields select {
    width: 400px !important;
    max-width: 100% !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dj_cf_search .search_price input.inputbox, .dj_cf_search span.from_class + input.inputbox, .dj_cf_search span.to_class + input.inputbox {
    width: 65px !important
}

.dj_cf_search .search_price span.label1, .dj_cf_search span.from_class {
    margin-right: 5px
}

.dj_cf_search .search_price span.label2, .dj_cf_search span.to_class {
    margin: 0 5px
}

.dj_cf_search .djseform_field .radiofield_box span.radio_label {
    vertical-align: middle;
    margin-left: 5px
}

.dj_cf_search .se_checkbox div {
    width: auto;
    float: none !important
}

.dj_cf_search .djseform_field {
    margin: 5px 0
}

.dj_cf_search .djseform_field .radiofield_box {
    display: inline-block;
    width: 100%
}

.se_checkbox input, .radiofield_box input, input#terms_and_conditions {
    background: none;
    padding: 0;
    border: none
}

.jm-module.horizontal_search .dj_cf_search .djseform_field {
    margin-top: 0;
    margin-bottom: 0
}

.jm-module.horizontal_search .dj_cf_search input.inputbox.first_input {
    width: 32% !important
}

.jm-module.horizontal_search .dj_cf_search .search_regions select {
    float: left;
    width: 32% !important
}

.jm-module.horizontal_search .dj_cf_search #search_ex_fields .djseform_field:nth-of-type(3n+1) {
    clear: both;
    margin: 0
}

.jm-module.horizontal_search .dj_cf_search .search_price span.label1 {
    margin: 0
}

.jm-module.horizontal_search .dj_cf_search .search_regions div select {
    margin-left: 2%
}

.jm-module.horizontal_search .dj_cf_search .search_cats select {
    float: left;
    width: 32% !important
}

.jm-module.horizontal_search .dj_cf_search .search_cats div select {
    margin-left: 2%
}

.jm-module.horizontal_search .dj_cf_search .search_regions, .jm-module.horizontal_search .dj_cf_search #search_ex_fields, .jm-module.horizontal_search .dj_cf_search .search_cats {
    clear: both;
    display: inline-block;
    width: 100%
}

.jm-module.horizontal_search .dj_cf_search .search_price {
    clear: both;
    float: left;
    width: 32%
}

.jm-module.horizontal_search .dj_cf_search .djseform_field {
    display: block;
    float: left;
    width: 32%;
    margin-left: 2%
}

.jm-module.horizontal_search .dj_cf_search .djseform_field:first-child {
    margin: 0
}

.jm-module.horizontal_search .dj_cf_search button.button {
    margin: 28px 12px 0
}

.jm-module.horizontal_search .dj_cf_search a.button {
    margin: 28px 0 0
}

.dj_cf_search a.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 0 5px;
    vertical-align: middle;
    cursor: pointer;
    color: #fff !important;
    padding: 7px 23px 6px 10px;
    -webkit-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in
}

.dj_cf_search a.button:hover {
    text-decoration: none
}

.dj_cf_search a.button:active {
    position: relative;
    top: 1px;
    box-shadow: none;
    -webkit-box-shadow: none
}

.djcf_menu .newad_link_bottom {
    margin-top: 10px
}

.mod_djclassifieds_items .title img {
    border: 1px solid #ddd;
    margin-bottom: 3px;
    padding: 4px;
    margin-right: 8px !important
}

.mod_djclassifieds_items div.title a.title {
    color: #000;
    font-size: 1.3em;
    text-transform: uppercase
}

.jm-module.black-box .mod_djclassifieds_items div.title a.title {
    color: #fff
}

.mod_djclassifieds_items .item {
    border-top: 1px dashed #ddd;
    border-bottom: none;
    margin: 0;
    padding: 10px 0 0
}

.mod_djclassifieds_items .item:first-child {
    border: none;
    margin: 0;
    padding: 0
}

.mod_djclassifieds_items .item .desc {
    padding-bottom: 10px
}

.mod_djclassifieds_items .date_cat {
    color: #999
}

.jm-module.black-box .mod_djclassifieds_items .date_cat {
    color: #ddd
}

.mod_djclassifieds_items .date_cat span.price {
    color: #000
}

.jm-module.black-box .mod_djclassifieds_items .date_cat span.price {
    color: #fff
}

#dj-classifieds table.paymentdetails {
    border: none
}

#dj-classifieds table.paymentdetails td.td_title {
    background: none;
    padding: 7px 20px;
    line-height: 1.5em;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase
}

#dj-classifieds table.paymentdetails td.td_title h2 {
}

#dj-classifieds table.paymentdetails td.td_pdetails {
    padding: 20px 0 0
}

#dj-classifieds table.paymentdetails .table_payment {
    padding: 20px 0
}

.djcf .tip {
    width: auto
}

.djcf .tip:after {
    display: none
}

.djcf .tip-text {
    color: #6a6a6a
}

.djcf .tip-text .images_box img {
    padding: 4px;
    background: #fff;
    border: 1px solid #dfdfdf
}

.djcf .tip-title {
    color: #000;
    font-size: 1.4em;
    padding: 20px 20px 10px
}

.djcf .tip-text .row_title {
    border-bottom: 1px solid #ddd;
    color: #000;
    padding: 0 0 5px;
    font-size: 1.2em
}

.djcf .tip-text .contact, .djcf .tip-text .reclamation {
    border: none
}

.djcf .tip-text .contact, .djcf .tip-text .reclamation, .djcf .tip-text .price, .djcf .tip-text .desc {
    padding: 0 0 10px
}

.accordionfaq.help2 span.accordionfaqicon {
    background-attachment: scroll;
    background-image: url("../../../../images/modules/help.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}

.accordionfaq.help2 .accordionfaqheader.selected span.accordionfaqicon {
    background-image: url("../../../../images/modules/info.png")
}

#accordion1.blitzerfaq .accordionfaqheader, #accordion1.blitzerfaq .accordionfaqheader a, #accordion1.blitzerfaq .accordionfaqheader:hover, #accordion1.blitzerfaq .accordionfaqheader:hover a {
    color: #640032
}

#accordion1.blitzerfaq.headerbackground .accordionfaqheader.selected, #accordion1.blitzerfaq.headerbackground .accordionfaqheader.selected a {
    color: #000
}

.jm-module-content .customgray {
    padding: 0px;
    width: 202px;
    margin: auto
}

.customgray p {
    margin: 0px;
    font-size: 15px
}

.custom_cnt .jm-title-wrap {
    height: 64px;
    border-bottom: none;
    margin: 0px
}

.custom_cnt h3.jm-title {
    font-family: "segoe_ui_light" !important;
    font-size: 27px !important;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 54px;
    letter-spacing: 10px;
    text-align: center
}

.load-button.load-button-active {
    background: #777
}

#jm-copyrights .footer_col {
    float: left;
    width: auto;
    padding: 0px 65px
}

.moduletable.slider_animate {
    height: auto;
    width: 100%
}

.moduletable.slider_animate .container_slider_animate {
    width: 100%;
    padding: 20px 0px;
    margin: auto
}

div#animate_sld {
    position: relative;
    color: #fff;
    font-size: 34px;
    min-height: 490px;
    padding-top: 20px
}

p#step1 {
    top: 40px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    font-family: "gotham bold" !important;
    width: 100%
}

p#step1 span {
    display: block;
    padding-top: 15px;
    text-indent: -9999px;
    width: 182px;
    margin: auto;
    height: 3px;
    border-bottom: 3px solid #fff
}

h1#step2 {
    bottom: 110px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 18px
}

p#step14 {
    bottom: 30px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    width: 100%;
    color: #fff
}

p#step14 a {
    color: #fff;
    border-radius: 1px;
    display: table;
    padding: 0px 5px 0px 5px;
    margin: auto 20px;
    line-height: 42px;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 1px;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: inline-block;
    min-width: 320px;
    border-radius: 5px
}

p#step3 {
    top: -11px !important;
    font-size: 40px;
    text-transform: uppercase
}

div#animate_sld ul {
    top: -9px !important;
    font-size: 66px;
    color: #fff;
    text-transform: uppercase
}

div#animate_sld ul li {
    background: none;
    padding-left: 0px;
    padding-top: 0px
}

.step_3_cont {
    display: table;
    position: absolute;
    top: 260px;
    width: 100%;
    overflow: visible
}

.step_3_cont_t {
    display: table;
    margin: auto;
    width: 100%
}

#step3, .step_3_cont_t ul {
    float: left;
    width: 56%;
    text-align: right;
    display: table
}

#step3 {
    position: absolute;
    left: 10%
}

.step_3_cont_t ul {
    float: right;
    text-align: left;
    width: 44%
}

.customgray .jm-module-content .block_res {
    float: left;
    width: 28.33%;
    padding: 0px 1%;
    position: relative;
    text-align: center;
    margin: 0 1.5%
}

.customgray .jm-module-content .block_res .icon_block_res {
    width: 70px;
    height: 70px;
    margin: 10px auto 15px;
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png)
}

.icon_block_res {
}

.customgray .jm-module-content .block_res .title_block_res h2 {
    padding: 0px 0px;
    color: #494a4c;
    font-family: "segoe_ui_light";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    min-height: 15px
}

.txt_block_res {
    padding: 10px 0 0px
}

.txt_block_res p {
    color: #494a4c;
    line-height: 28px
}

.container_detail {
    position: absolute;
    width: 100%;
    bottom: -2px
}

.container_slide_rel .title_gh {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%
}

.container_slide_rel .title_gh .border_title {
    border-color: #fff
}

.container_slide_rel .title_gh h3.jm-title {
    color: #fff !important
}

.container_slide_rel .title_gh {
    border-color: #fff
}

.container_slide_rel {
    position: relative;
    width: 100%
}

.container_slide_rel img.absol_dv_img {
    width: 100%
}

a.absol_dv_link {
    position: absolute;
    top: 26px;
    right: 17%;
    color: #fff;
    font-size: 15px;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s
}

a.absol_dv_link:hover {
    color: #bfbfbf;
    text-decoration: none
}

.min-title-v span {
    text-align: left;
    font-family: Euphemia, "gotham bold" !important;
    font-size: 40px !important
}

.min-title-v.pad-n {
    padding-top: 15px;
    padding-bottom: 0px
}

.item-page .customgray {
    padding-bottom: 0px
}

.dj-main li.active a.dj-up_a, .dj-main li a.dj-up_a:hover {
    background: url("../../../../images/jch-optimize/ng/images_img__template_n__templ_bg__menu__hover.webp") repeat-x left bottom
}

.jm-bottompage-in {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: table
}

.container_c_bm {
    width: 100%;
    height: auto;
    display: table
}

.jm-bottompage-in .custom.custom_cnt {
    float: left;
    width: 40%
}

.jm-bottompage-in .custom.custom_right {
    float: right;
    width: 40%;
    padding-top: 20px
}

.jm-bottompage-in .jm-bottompage-in-c {
    width: 80%;
    margin: auto
}

.jm-bottompage-in .custom h3 {
    font-family: "myriad pro";
    font-size: 33px;
    color: #fff
}

.jm-bottompage-in .custom {
    font-family: "segoe_ui_light";
    font-size: 16px;
    color: #fff
}

.jm-bottompage-in .custom p {
    line-height: 30px
}

.formulaire_contact_fl .foxcontainer .fox_form div:nth-child(1) {
    margin-bottom: 18px
}

.formulaire_contact_fl .foxcontainer .fox_form div:nth-child(2), .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(3), .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(4) {
    float: left !important;
    width: 23.5% !important;
    clear: none !important;
    margin-left: 1%
}

.formulaire_contact_fl .foxcontainer .fox_form div:nth-child(5), .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(6), .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(7) {
    width: 98.4% !important
}

.formulaire_contact_fl .foxcontainer .fox_form .foxtext {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    color: #a9a9a9 !important;
    padding: 4px 0px 4px 5px !important
}

.formulaire_contact_fl .foxcontainer .fox_form button.foxbutton span {
    color: #fff;
    text-transform: uppercase
}

.formulaire_contact_fl .foxcontainer .fox_form button.foxbutton {
    padding: 3px 30px 3px 30px !important;
    border-radius: 5px;
    line-height: 36px;
    height: 39px;
    margin-top: 10px !important
}

.footer_menu {
    padding-top: 0px;
    height: 265px;
    width: 75%;
    float: left;
    text-transform: uppercase
}

.footer_menu ul {
    list-style-type: none;
    margin: 0
}

.footer_menu ul.level1 li {
    float: left;
    width: 100%;
    margin: 0 103px 0 10px
}

.footer_menu ul li.level1.position1, .footer_menu ul li.level1.position2, .footer_menu ul li.level1.position3 {
    width: 20%
}

.footer_menu ul.level1 li a {
    font-size: 12px;
    color: white;
    text-decoration: none;
    line-height: 25px;
    display: block;
    border-bottom: 1px dotted #8d8c8c
}

.footer_menu ul.level1 li.position2 {
    height: 100px !important
}

.footer_menu ul.level1 li.position5 {
    margin-top: -27px
}

.footer_menu ul.level1 li a:hover {
    color: white
}

.footer_menu ul.level2 li, .footer_menu ul.level2 li.position2 {
    border-bottom: 1px dotted #8d8c8c;
    margin: 0;
    height: 25px !important
}

.footer_menu ul.level2 li a {
    color: #8d8c8c;
    border: none
}

.footer_menu ul li {
    background: none;
    padding-left: 0px
}

.menuChild {
    padding-bottom: 26px
}

.logi_cont {
    float: right;
    width: 25%;
    padding-top: 60px
}

.moduletable.copy {
    width: 210px;
    margin-top: 41px;
    border-top: 1px dotted #8d8c8c
}

.copy ul {
    list-style-type: none
}

.copy ul li {
    border-bottom: 1px dotted #8d8c8c;
    height: 25px;
    color: #8d8c8c;
    background: none;
    padding: 0px;
    float: none;
    width: 100%
}

.moduletable.broc {
    width: 89%;
    margin: auto
}

.article_contenu_texte p {
    padding-bottom: 5px
}

.article_contenu_texte .left_content_t {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px
}

.content_lf {
    float: left;
    width: 50%
}

.content_r {
    float: right;
    width: 40%;
    background: url("../../../../images/modules/assets/icon_col.png") no-repeat left 2%
}

.content_r.col_vc_four {
    background: url("../../../../images/modules/assets/col_vc_four.png") no-repeat left 2%
}

.cont_val:last-child {
    height: auto;
    padding-bottom: 10px
}

.article_contenu_texte .right_content_t {
    width: 25%;
    margin-right: 0;
    float: left;
    margin-top: 15px
}

.article_contenu_texte .right_content_t:nth-child(1) {
    background: url("../../../../images/modules/assets/icon_col_1.png") no-repeat left 2%
}

.article_contenu_texte .right_content_t:nth-child(2) {
    background: url("../../../../images/modules/assets/icon_col_2.png") no-repeat left 2%
}

.article_contenu_texte .right_content_t:nth-child(3) {
    background: url("../../../../images/modules/assets/icon_col_3.png") no-repeat left 2%
}

.article_contenu_texte .right_content_t:nth-child(4) {
    background: url("../../../../images/modules/assets/icon_col_4.png") no-repeat left 2%
}

.cont_val p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 0px;
    margin-top: 0px
}

.cont_val {
    margin-bottom: 0px !important;
    height: 122px;
    padding-left: 60px;
    padding-right: 20px
}

h5 {
    color: #a00e57
}

#jm-djmenu .moduletable.demande_devis {
    float: right
}

#jm-djmenu .moduletable.dj-horizontal {
    float: right
}

#jm-djmenu .custom.demande_devis .demande_devis {
    background: url("../../../../images/modules/assets/fl_devis.png") top center no-repeat;
    padding-top: 7px;
    margin-top: 7px
}

#jm-djmenu .custom.demande_devis .demande_devis:hover:hover {
    background: url("../../../../images/modules/assets/fl_devis_hover.png") top center no-repeat
}

#jm-djmenu .demande_devis a {
    color: #fff;
    background: #7f1e4f;
    display: block;
    width: 160px;
    height: 37px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-family: "gotham bold";
    border-radius: 3px
}

#jm-djmenu .demande_devis a:hover {
    text-decoration: none;
    background: #b8236e
}

.img_bg_slide {
    width: 100%;
    overflow: hidden
}

.img_bg_slide img {
    width: 100%
}

.portfolio-item-preview a {
    position: relative;
    display: table;
    margin: auto;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.portfolio-item-preview a:hover {
    opacity: 1
}

.portfolio-item-preview a .img_nrml {
    opacity: 0
}

.portfolio-item-preview a .img_grs {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1
}

.portfolio_cont {
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 20px;
    display: table
}

p.stc {
    text-align: center;
    color: #494949;
    font-size: 14px
}

.portfolio_cont .customgray {
    padding-bottom: 0px
}

.portfolio-strip {
    list-style: none;
    display: table;
    width: 100%;
    padding: 3px 0;
    margin: 20px 0px 0px
}

.portfolio-strip li {
    float: left;
    width: 12.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px 0px 16px;
    margin: 0px;
    background: none !important
}

.portfolio-strip.no-space li {
    padding: 0
}

.portfolio-strip li .portfolio-item {
    margin-bottom: 0
}

.portfolio-filter ul {
    margin: 23px 0;
    list-style: none
}

.portfolio-filter ul li {
    display: inline-block;
    margin-right: 30px
}

.portfolio-filter ul li:last-child {
    margin-right: 0
}

.portfolio-filter ul li a {
    color: #494949;
    text-decoration: none
}

.portfolio-filter ul li a:hover, .portfolio-filter ul li a.active {
    color: #65c5bd
}

.portfolio-items {
    margin-bottom: 40px;
    list-style: none
}

.portfolio-items.masonry li {
    width: 25%
}

.portfolio-items li {
    float: left;
    width: 33.3333333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px
}

.portfolio-items.alt li {
    float: none;
    width: 100%;
    padding-right: 0
}

.portfolio-items.alt li .portfolio-item, .portfolio-items.masonry li .portfolio-item {
    margin-bottom: 0
}

.portfolio-items.masonry li {
    padding: 0
}

.portfolio-items.alt li:nth-child(odd) .portfolio-item-preview {
    margin-right: -10px
}

.portfolio-items.alt li:nth-child(even) .portfolio-item-preview {
    margin-left: -10px
}

.portfolio-items.alt li:nth-child(odd) .portfolio-item-description {
    padding-left: 20px
}

.portfolio-items.alt li:nth-child(even) .portfolio-item-description {
    padding-right: 20px
}

.portfolio-item {
    position: relative;
    margin-bottom: 30px
}

.portfolio-item-preview {
    position: relative;
    overflow: hidden;
    text-align: center
}

.portfolio-item-preview > a img {
    max-width: 100%
}

.portfolio-item-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.portfolio-item-overlay:before {
    position: absolute;
    top: 0;
    left: 50%;
    border-bottom: 100px solid #921e4f;
    margin-left: -150px;
    -moz-transform: scale(0.9999);
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s
}

.portfolio-item-overlay-actions {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -20px;
    text-align: center;
    -webkit-transition: bottom 0.3s;
    -o-transition: bottom 0.3s;
    transition: bottom 0.3s
}

.portfolio-item-overlay-actions .portfolio-item-zoom, .portfolio-item-overlay-actions .portfolio-item-link {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.portfolio-item-overlay-actions .portfolio-item-zoom i, .portfolio-item-overlay-actions .portfolio-item-link i {
    font-size: 16px;
    line-height: 30px
}

.portfolio-item-description {
    padding-top: 20px
}

.portfolio-item-description h4 {
    margin-bottom: 10px
}

.portfolio-item:hover .portfolio-item-overlay {
    opacity: 1
}

.portfolio-item:hover .portfolio-item-overlay:before {
    top: -100px
}

.portfolio-item:hover .portfolio-item-overlay-actions {
    bottom: 30px
}

.portfolio-item-description .text-right {
    text-align: right
}

.portfolio-item-description .text-right a {
    color: #ab2550;
    background: url("../../../../images/jch-optimize/ng/images_modules_assets_fleche__a.webp") no-repeat right center;
    padding-right: 20px
}

a.portfolio-item-link img {
    margin-top: 5px
}

p#jm-map-fx {
    position: fixed;
    top: 0px;
    z-index: 1;
    left: 0px;
    width: 100%;
    margin: 0px;
    height: 100%;
    display: none
}

p#jm-map-fx img {
    width: 100%
}

#jm-allpage-ab {
    position: relative;
    z-index: 500
}

#jm-copyrights .row {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    display: table;
    padding-bottom: 20px;
    border-bottom: 3px solid #dedede
}

#jm-copyrights #footer-widget-area-1 {
    width: 30%;
    float: left
}

#jm-copyrights #footer-widget-area-3 {
    width: 26%;
    float: right
}

#jm-copyrights #footer-widget-area-2 {
    width: 20%;
    float: left;
    margin-left: 15%
}

#jm-copyrights .row h3.widget-title {
    font-family: "gotham bold";
    font-size: 21px;
    margin-bottom: 25px
}

.textwidget p {
    font-size: 15px;
    line-height: 29px;
    padding-bottom: 17px;
    text-align: justify
}

.widget.widget_text.cnt_wdg {
    display: table;
    margin: 0px 0px 0px 0px
}

.widget.widget_text.mp_wdg {
    margin-top: 45px
}

#jm-copyrights .row .acymailing_module_form .inputbox {
    padding: 2px;
    margin: 2px;
    background: none;
    width: 100% !important;
    padding-left: 5%;
    color: #fff;
    border-radius: 2px;
    font-family: "segoe_ui_light"
}

#jm-copyrights .row .acymailing_module_form .acysubbuttons input.button {
    margin: 0px;
    border: 1px solid #ddd;
    border-left: none;
    padding: 18px 13px 17px;
    line-height: 0px;
    margin-top: 2px;
    font-family: "segoe_ui_light"
}

#jm-copyrights .row .jNewsMod .subscriptionField {
    padding: 0px;
    float: left;
    width: 60%
}

.acymailing_fulldiv tr, .acymailing_fulldiv td {
    float: left
}

#jm-copyrights .row table.acymailing_form {
    margin: 0px 0px 20px;
    border-spacing: 0px
}

#jm-copyrights .row table.acymailing_form td {
    padding: 0px
}

.moduletable.newsletter {
    width: 100%;
    display: table;
    padding-bottom: 55px
}

.business_card .c_mail a {
    color: #343434;
    -webkit-transition-property: color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: color;
    -moz-transition-duration: 2s;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s
}

.business_card .c_mail a:hover, .textwidget a:hover {
    color: #640032;
    text-decoration: none
}

.textwidget a {
    color: #fff;
    -webkit-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in
}

#jm-footer:after {
    display: none
}

.moduletable.our_clients {
    width: 100%
}

#footer-widget-area-2 .textwidget {
    text-align: center
}

.column2 .group-title a {
    text-indent: 0px !important;
    display: block !important
}

.menu_crm_erp .menu li {
    float: none
}

.menu_crm_erp .menu li a span, .menu_crm_erp ul.menu li a {
    color: #666 !important;
    line-height: 22px !important;
    font-size: 14px !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important
}

.menu_crm_erp ul.menu {
    margin: 0 0 0 0 !important
}

.menu_crm_erp {
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 185px
}

.menu_crm_erp.conseil_amo {
    padding-top: 60px
}

.content_wrapper {
    float: left;
    padding: 0px 0px 0px 20px
}

.bg_detail_content.bg_fonctionalite {
    padding: 0px 0% 20px 0px;
    width: 100%
}

.cont_methodologie {
    display: table;
    width: auto;
    font-size: 16px;
    line-height: 30px;
    margin: auto;
    padding-bottom: 10px;
    min-width: 1000px;
    width: 90%
}

.cont_methodologie_l {
    float: left
}

.cont_methodologie_r {
    float: right
}

.menu_crm_erp.conseil_amo ul.menu li a {
    background: url("../../../../images/modules/assets/li_sous_menu_mobile.png") left 16px no-repeat
}

.conseil_amo_cont.bg_detail_content.bg_fonctionalite .menu_crm_erp.conseil_amo ul {
    padding-bottom: 25px
}

.menu_crm_erp ul.menu li span.image-title {
    margin: 0 0 0 0px
}

.menu_crm_erp ul.menu li a img {
    width: 24px
}

.menu_crm_erp ul.menu li.active a {
    color: #862656 !important;
    background: url("../../../../images/modules/assets/li_sous_menu_mobile_hov_v.png") no-repeat left 15px
}

.dv_cont_act {
    display: table;
    width: 100%
}

.full_wdth {
    position: absolute;
    left: 0px
}

.full_wdth .content_slider {
    float: left
}

.content_slider .customgray .jm-title-wrap {
    padding-bottom: 15px;
    padding-top: 0px
}

.content_slider .customgray h3.jm-title {
    font-size: 27px
}

.cont_navig {
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 100%
}

.cont_navig .navig {
    display: table;
    margin: auto;
    width: auto
}

.navig span {
    display: inline-block;
    line-height: 0;
    margin-right: 10px;
    text-indent: -9999px;
    cursor: pointer;
    background: #e9e9e9;
    border: 1px solid #ccc;
    width: 20px;
    height: 10px
}

.navig .activate {
    background: #b8236e;
    border: 1px solid #a5155e
}

.title_pad_tal.customgray .jm-title-wrap {
    padding-bottom: 0px
}

.menu_crm_erp ul.menu.crm-erp li.active a {
    background: none !important
}

.content_wrapper ul {
    padding-bottom: 5px
}

.content_wrapper p {
    padding-bottom: 5px
}

#jm-copyrights .row .jNewsMod .inputbox:focus, .formulaire_contact_fl .foxcontainer .foxtext:focus, .bg_detail_content .formulaire_f .foxtext:focus, .unsolicited .inputbox:focus {
    border-color: transparent !important;
    outline: 0 !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.formulaire_f .fox_form {
    margin-bottom: 0px
}

.textwidget a.social-icon {
    opacity: 0.7;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    margin-right: 20px;
    margin-top: 15px
}

.textwidget a.social-icon:hover {
    opacity: 1
}

.content_wrapper .pr_blf {
    padding-top: 8px;
    padding-bottom: 0px
}

div.item-page {
    background: none !important
}

.page_home div.item-page {
    background: #fff !important
}

#js-mainnav.megamenu ul.level0 li.megacss {
    background: none
}

#js-mainnav.megamenu {
    z-index: 12 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important
}

#js-mainnav.megamenu li a {
    display: block;
    padding: 0 31px 37px;
    font-size: 20px;
    cursor: pointer;
    line-height: 36px;
    float: left;
    color: #353535
}

#js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {
    top: 74px;
    left: 0px;
    width: 100%;
    background: white
}

#js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
    float: none
}

#js-mainnav.megamenu.white ul.level0 li.megacss {
    border-right: none;
    height: 68px
}

#js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    padding: 12px 30px 18px
}

#js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
    padding: 0px 0px 0px 10px;
    font-size: 12px;
    color: #858585;
    position: relative
}

#js-mainnav.megamenu ul.level0 li.megacss a img {
    vertical-align: text-top;
    float: left;
    margin-top: 0px;
    width: 32px;
    height: 24px
}

#js-mainnav.megamenu.white ul.level0 li:hover {
    overflow: unset !important
}

#js-mainnav.megamenu .megacol {
    float: left;
    margin-top: 5px;
    margin-bottom: 10px
}

#js-mainnav.megamenu.white ul.level1 li.megacss {
    margin-left: 0px;
    display: table;
    width: 100%;
    min-height: 19px;
    padding: 4px 0px 0px;
    height: auto
}

.megacol.column4.last {
    border-right: none
}

#js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: white;
    padding: 12px 30px 18px 0px;
    z-index: 99 !important
}

#js-mainnav.megamenu .group-title {
    height: 32px;
    margin-bottom: 6px !important;
    padding: 0 !important;
    margin-left: -40px
}

#js-mainnav.megamenu.white .group-title .menu-title {
    color: #353535;
    padding: 5px 0px 0px;
    line-height: 13px;
    min-height: 19px;
    font-size: 13px;
    text-transform: uppercase;
    cursor: text;
    padding-bottom: 5px
}

#js-mainnav.megamenu.white ul.level0 li.haschild.mega:hover > a:before {
}

#js-mainnav.megamenu ul.level0 li.megacss span.image-title {
    float: left;
    line-height: 20px;
    padding-left: 0px !important;
    margin-left: 5px;
    font-size: 13px;
    font-family: "Gotham Medium";
    color: black;
    line-height: 10px !important
}

#js-mainnav.megamenu ul.megamenu {
    margin: 0px
}

#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.no_child.mega span.menu-title {
    text-transform: uppercase;
    font-size: 14px
}

#js-mainnav.megamenu.white .childcontent-inner {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    max-width: 98%;
    width: 98% !important;
    margin-left: 2%;
    padding: 30px 0 15px
}

#js-mainnav.megamenu.white ul.level1 li.megacss a.megacss span.menu-title {
    line-height: 14px;
    padding: 6px 6px 14px 0
}

#js-mainnav.megamenu .js-megamenu {
}

#js-mainnav.megamenu.white ul.level1 li.megacss:hover > a {
    background: none !important;
    position: relative
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

#js-mainnav.megamenu.white ul.level0 li.megacss div.group span.mega {
    padding: 0px !important
}

#js-mainnav.megamenu.white .group-content ul.megamenu {
    margin: 2px 0px
}

#js-mainnav.megamenu.white .group-content .menu-title {
    color: #e78120;
    font-size: 13px
}

#js-mainnav.megamenu.white .group-content .menu-title::before {
    color: #e78120;
    font-size: 13px
}

.megacol .group-title {
    height: auto
}

#js-mainnav.megamenu.white ul.level0 li:hover, #js-mainnav.megamenu.white ul.level0 li.active, #js-mainnav.megamenu.white ul.level0 li.over, #js-mainnav.megamenu.white ul.level0 li.haschild-over {
    background: none
}

#js-mainnav.megamenu.white ul.level1 li.megacss .group .group-title a span.menu-title {
    padding-bottom: 3px;
    cursor: pointer;
    color: #484848;
    font-size: 15px
}

#js-mainnav.megamenu.white ul.level1 li.megacss .group .group-title a {
    background: none !important;
    padding: 7px 0px 0px !important
}

.fox_form input:hover, .fox_form textarea:hover, .fox_form input:focus, .fox_form textarea:focus {
    border: 1px solid #c0c0c0;
    background-color: #ffffe0
}

ul.content_slider_ul_l li {
    float: left;
    width: 46%
}

.content_slider h4 {
    color: #a00e57;
    font-size: 1em;
    margin: 0 0 5px 0;
    line-height: 1.5em
}

.jm-block span {
    border-radius: 20px;
    width: 28px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px
}

.offer-description ul li {
    background: url(../../../../images/modules/assets/li_sous_menu_mobile_hov_v.png) no-repeat 5px 11px
}

#js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
}

#lg-bottom-bottom div#map {
    height: 332px;
    width: 100%
}

div#jm-bottompage2 .tbl_dev {
    display: table;
    width: 100%;
    height: auto;
    padding: 30px 0px 30px
}

div#jm-bottompage2 .img_tr_dev {
    width: 50%;
    float: left;
    text-align: center
}

div#jm-bottompage2 .txt_tr_dev p {
    padding: 0px 0px 20px;
    font-size: 14px;
    line-height: 24px;
    text-align: justify
}

div#jm-bottompage2 .txt_tr_dev {
    float: right;
    width: 45%;
    padding-left: 5%
}

div#jm-bottompage2 .services_logigroup_ed a {
    display: block;
    width: 100%;
    background: #fafafa;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 0px 0px;
    border: 1px solid #d9d9d9;
    color: #4f4f4f;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative
}

div#jm-bottompage2 .services_logigroup_ed.developpement_serv a span:before {
    background-position: -115px -843px
}

div#jm-bottompage2 .services_logigroup_ed.developpement_serv a:hover span:before {
    background-position: -70px -850px
}

div#jm-bottompage2 .services_logigroup_ed.app_serv a span:before {
    background-position: -127px -794px;
    height: 22px;
    margin-top: -11px
}

div#jm-bottompage2 .services_logigroup_ed.app_serv a:hover span:before {
    background-position: -94px -843px
}

div#jm-bottompage2 .services_logigroup_ed.tma_serv a span:before {
    background-position: -115px -859px;
    height: 21px;
    margin-top: -11px
}

div#jm-bottompage2 .services_logigroup_ed.tma_serv a:hover span:before {
    background-position: -0px -860px;
    height: 21px
}

div#jm-bottompage2 .services_logigroup_ed a span {
    padding: 10px 15px 10px 44px;
    display: block;
    position: relative
}

div#jm-bottompage2 .services_logigroup_ed a:hover {
    text-decoration: none;
    background: #884263;
    color: #fff
}

div#jm-bottompage_top2 {
    background: url("../../../../images/jch-optimize/ng/images_modules_contact__bg.webp") no-repeat;
    height: 107px;
    background-size: cover
}

div#content_top_log .jm-module-content {
    padding: 10px 0px 30px
}

p#step14 a.linkslide_l {
    background: rgba(150, 43, 93, 0.7);
    border: 1px solid transparent
}

p#step14 a.linkslide_l:hover {
    border: 1px solid #fff;
    background: #fff;
    text-decoration: none;
    color: #94395e
}

p#step14 a.linkslide_r:hover {
    background: #fff;
    color: #94395e;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 4px !important
}

.img_bg_slide video {
    margin-top: 0px
}

div#jm-contentTop2 {
    position: relative
}

div#jm-contentTop2 .customgray {
    position: absolute;
    top: 0px;
    width: 100%
}

div#jm-contentTop2 .customgray h3.jm-title {
    color: #fff
}

div#jm-contentTop2 .customgray p.stc {
    color: #fff
}

.reference_link_ref {
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center
}

.reference_link_ref a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 12px 35px;
    font-size: 14px
}

.reference_link_ref a:hover {
    text-decoration: none;
    background: #fff;
    color: #94395e
}

#js-mainnav > #js-meganav > ul.megamenu > li.haschild > a.haschild::after {
    border: 1px solid #fff;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 9px;
    right: 15px;
    position: absolute;
    top: 22px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
    width: 9px;
    background-image: none !important;
    bottom: auto
}

.custom.demande_devis {
    color: #fff
}

.bg_detail_content.bg_fonctionalite .menu_crm_erp {
    float: none;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    margin: auto;
    display: table;
    margin-bottom: 30px
}

.bg_detail_content.bg_fonctionalite .menu_crm_erp .menu li {
    display: inline-block;
    margin: 0px 10px 10px 0px
}

.bg_detail_content.bg_fonctionalite .menu_crm_erp ul.menu li a img {
    display: none
}

.bg_detail_content.bg_fonctionalite .menu_crm_erp .menu li a span {
    color: inherit !important;
    line-height: inherit !important;
    font-size: inherit !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px
}

.bg_detail_content.bg_fonctionalite .menu_crm_erp ul.menu li a {
    color: #710033 !important;
    line-height: 22px !important;
    font-size: 14px !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    border: 1px solid #710033
}

.bg_detail_content.bg_fonctionalite .menu_crm_erp ul.menu li a:hover, .bg_detail_content.bg_fonctionalite .menu_crm_erp ul.menu.crm-erp li.active a {
    color: #282828 !important;
    border: 1px solid #282828
}

.lg_userexport a {
    color: #a62d6a
}

.lg_userexport a:hover {
    text-decoration: none;
    color: #4e4e4e
}

div.item-page .cont_offshore_avantages.cont_notpad_bi p.jm-block {
    padding-left: 0px !important
}

h5.other_mod_title {
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 7px;
    color: #333
}

.menu_technologies_etiquettes ul.menu {
    margin: 0px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

body.internalPageCls div#jm-header .cont_header_entreprise p {
    display: none
}

#sidr-main ul li {
    margin: 0 0 0 0px;
    padding: 3px 0 0 0px
}

a#navigation-toggle.close-ico-redf span.nav-line {
    background: transparent
}

#jm-toppage.fixed-nav a#navigation-toggle.close-ico-redf span.nav-line {
    background: transparent
}

a#navigation-toggle.close-ico-redf {
    background: url("../../../../images/modules/assets/close-ico-redf-b.png") no-repeat center !important
}

.methodologie_content.eng_block {
    background: url("../../../../images/img_template/bg_methodologie_eng.png") center no-repeat
}

#jm-toppage.fixed-nav a#navigation-toggle.close-ico-redf {
    background: url(../../../../images/modules/assets/close-ico-redf.png) no-repeat center !important
}

body.internalPageCls a#navigation-toggle.close-ico-redf {
    background: url(../../../../images/modules/assets/close-ico-redf.png) no-repeat center !important
}

.serv_cont_ap.sr_tl_3 {
    clear: both
}

.container_slider_animate.eng_block_animation .step_3_cont_t ul {
    float: left;
    text-align: right
}

.container_slider_animate.eng_block_animation #step3 {
    left: inherit;
    text-align: left;
    right: 10%;
    display: block
}

.img_cent_wd.dev_lmpoi {
    width: 100%
}

.cont_methodologie h4 {
    font-size: 30px
}

.contact .container_page, .reclamation .container_page {
    width: 100%;
    padding-top: 58px;
    padding-bottom: 0px
}

.contact div#jm-toppage, .reclamation div#jm-toppage {
    background-color: #fff;
    border-bottom: 1px solid #a62d6a
}

div#fox-m262-submit-box, div#fox-m304-submit-box {
    max-width: 300px !important;
    margin: auto;
    float: none !important
}

.img_bg_slide, .img_bg_slide video {
    position: relative
}

@media (min-height: 637px) {
    div#media-container {
        height: 100%;
        width: 100%;
        background-color: #000;
        max-height: calc(100vh)
    }
}

.page-id-171 .jm-allpage-w {
    padding-top: 55px
}

body.internalPageCls.page-id-125 div#jm-header .cont_header_entreprise p, body.internalPageCls.page-id-203 div#jm-header .cont_header_entreprise p {
    display: block
}

.page-id-125 .bg_page_shadow, .page-id-203 .bg_page_shadow {
    background-color: #fbfbfb
}

.page-id-125 div.item-page .cont_offshore_avantages h2, .page-id-203 div.item-page .cont_offshore_avantages h2 {
    font-size: 35px;
    padding: 45px 20px 45px;
    background-color: #f7f7f7;
    margin-bottom: 0
}

.contanier_domaine_w.expertise_w .top-if-is .domaine_fl {
    width: 33.33333%
}

.contanier_domaine_w.expertise_w .top-if-is .domaine_fl img, .contanier_domaine_w.expertise_w .bottom-if-is .domaine_fl img {
    margin-bottom: 20px
}

.contanier_domaine_w.expertise_w .top-if-is .domaine_fl p, .contanier_domaine_w.expertise_w .bottom-if-is .domaine_fl p {
    font-size: 18px;
    color: #2b2b2b !important;
    margin-bottom: 20px;
    max-width: 260px;
    margin: auto
}

.contanier_domaine_w.expertise_w .top-if-is .domaine_fl span, .contanier_domaine_w.expertise_w .bottom-if-is .domaine_fl span, .contanier_domaine_w.expertise_w .bottom-if-is .domaine_fl img-domain_fl {
    font-size: 15px;
    color: #818181;
    display: block;
    max-width: 260px;
    margin: auto
}

.contanier_domaine_w.expertise_w .bottom-if-is .domaine_fl {
    width: 50%
}

.bottom-if-is {
    margin-top: 10px
}

.contanier_domaine_w.expertise_w .bottom-if-is {
    max-width: 85%;
    width: 100%;
    margin: auto
}

.contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(1) p, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(1) span, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(1) .img-domain_fl {
    margin: 0
}

.contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(3) p, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(3) span, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(3) .img-domain_fl {
    margin-right: 0
}

.img-domain_fl {
    max-width: 260px;
    margin: auto
}

.page-id-125 .container_page, .page-id-203 .container_page {
    padding: 0;
    margin: 0;
    width: 100%
}

.page-id-125 .contanier_domaine_w, .page-id-203 .contanier_domaine_w {
    width: 100%;
    padding: 25px 0px;
    background: rgba(246, 246, 246, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 246, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0)
}

.top-if-is, .bottom-if-is {
    width: 94%;
    margin: auto
}

.page-id-125 .expertise_offsore_h4, .page-id-203 .expertise_offsore_h4, .page-id-203 .expertise_offsore_h4, .page-id-203 .expertise_offsore_h4 {
    font-size: 35px;
    color: #333;
    padding: 30px 10px 25px
}

.offshore-text {
    background-color: #f6f6f6;
    max-width: 836px;
    float: left
}

.page-id-125 .bg_detail_content_a, .page-id-203 .bg_detail_content_a {
    padding-top: 0;
    padding-bottom: 0
}

.page-id-125 .offshore-descp, .page-id-203 .offshore-descp {
    background-color: #f6f6f6;
    padding-bottom: 40px
}

.offshore-img {
    max-width: 513px;
    float: right
}

.offshore-text p {
    max-width: 740px;
    float: right;
    padding: 0 50px !important;
    width: 100%;
    font-size: 15px !important;
    margin-bottom: 10px
}

.page-id-125 .bg_page_all, .page-id-203 .bg_page_all {
    padding: 0
}

@media screen and (max-width: 1350px) {
    .offshore-text, .offshore-text p {
        max-width: 97%;
        float: none;
        margin: auto;
        padding: 0 !important
    }

    .offshore-img {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 20px 0
    }
}

@media screen and (max-width: 990px) {
    .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(3) {
        width: 100%
    }

    .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(3) p, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(3) span, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(3) .img-domain_fl {
        margin: 15px auto 0
    }

    .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(2), .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(1) {
        width: 50%
    }

    .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(1) p, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(1) span, .contanier_domaine_w.expertise_w .top-if-is .domaine_fl:nth-child(1) .img-domain_fl {
        margin: auto
    }
}

@media screen and (max-width: 736px) {
    .contanier_domaine_w.expertise_w .top-if-is .domaine_fl, .contanier_domaine_w.expertise_w .bottom-if-is .domaine_fl {
        width: 100% !important;
        max-width: 100%;
        margin: 10px 0
    }
}

@media screen and (max-width: 340px) {
    body.internalPageCls div#jm-header .cont_header_entreprise h3 {
        padding-top: 37px
    }
}

.djslider-default {
    background-color: #000
}

.megacol.column1, .megacol.column2, .megacol.column3 {
    width: 33.3333% !important
}

#js-mainnav.megamenu .megacol.column2 ul.megamenu.level1 {
    max-width: 190px;
    width: 100%;
    margin: auto
}

#js-mainnav.megamenu .megacol.column3 ul.megamenu.level1 {
    max-width: 211px;
    width: 100%;
    margin: auto;
    float: right
}

#js-mainnav.megamenu .megacol.column1 ul.megamenu.level1 li.megacss.first.group.submenu-align-auto {
    margin-bottom: 63px
}

#js-mainnav.megamenu .megacol.column2 ul.megamenu.level1 li.megacss.first.group.submenu-align-auto {
    margin-bottom: 30px
}

div#jm-toppage:before {
}

div#jm-toppage.HoveredElement:before {
    height: 76px;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.1s ease-out;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 a.megacss span {
    font-size: 15px;
    color: #484848;
    text-transform: uppercase;
    display: inline-block
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 li.megacss a.megacss {
    background-image: none;
    display: inline-block
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 li.megacss {
    width: 33.3333%;
    float: left
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 {
    width: 100%;
    margin: 0
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) .megacol {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 40px
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 li.megacss:nth-child(2) {
    text-align: center
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 li.megacss:nth-child(3), #js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 li.megacss:nth-child(1) {
    text-align: left;
    max-width: 209px
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 li.megacss a.megacss:hover {
    display: inline-block
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
    height: 0;
    overflow: hidden
}

#js-mainnav.noJS ul.megamenu li.haschild.first.HoveredElem:hover > div.childcontent {
    height: 500px
}

#js-mainnav.noJS ul.megamenu li.haschild:not(.first):hover > div.childcontent {
    height: 100px
}

#jm-toppage.HoveredElement #js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s
}

#jm-toppage.HoveredElement:after, #jm-toppage.sticky-nav:after {
    background: white;
    content: "";
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 1
}

#jm-toppage:after {
    top: 0;
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    background: white;
    left: 0;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1)
}

div#jm-toppage.HoveredElement h2#jm-logo img {
}

.sidr-main .sidr-inner > ul > li.sidr-class-item-1091 > a {
    display: none
}

body.internalPageCls #jm-toppage.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss, body.internalPageCls #jm-toppage.fixed-nav.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: #fff
}

body.internalPageCls #jm-toppage.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss.active {
    color: #fff !important
}

body.internalPageCls #jm-toppage.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, body.internalPageCls #jm-toppage.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
    background: url(../../../../images/jch-optimize/csg-112f21a261c4fb2163708c9cfe3a6c5f.png) 0 -952px no-repeat
}

#jm-toppage.fixed-nav.HoveredElement {
    height: 76px
}

#jm-toppage.fixed-nav.HoveredElement #jm-djmenu .moduletable.dj-horizontal {
    height: 65px;
    padding-top: 11px
}

#jm-toppage.fixed-nav.HoveredElement #js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {
    top: 77px
}

#jm-toppage.fixed-nav.HoveredElement #js-mainnav.megamenu.white ul.level0 > li.megacss {
    height: 64px
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss .column3 div.group a.megacss.group {
    padding-left: 0px !important
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner .megacol {
    width: 50% !important
}

div#js-meganav
ul.megamenu.level0 > li.megacss.first
.childcontent
.childcontent-inner-wrap > .childcontent-inner > .megacol > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li {
    width: 22.25%;
    max-width: 100%;
    margin: 0
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner .megacol ul.megamenu.level1 {
    max-width: 100%;
    margin: 0;
    position: relative
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li {
    float: left !important
}

div#js-meganav .childcontent-inner-wrap {
    height: 100%;
    width: 100%
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner {
    height: 100%;
    padding: 0
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) {
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(4) {
    position: absolute;
    right: -20%
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(5) {
    width: 25%
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol > ul.megamenu.level1 > li > .group > .group-title > .mega.lvl > span.menu-title {
    font-size: 23px;
    text-align: center
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol > ul.megamenu.level1 > li > .group > .group-title {
    margin-bottom: 25px
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol > ul.megamenu.level1 > li > .group > .group-title:before {
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    margin: 5px auto 7px;
    background-color: #fff
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss > .group > .group-title > .mega.group > span.menu-title {
    font-size: 16.5px;
    margin-bottom: 6px
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss {
    min-height: 150px
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group {
    float: right;
    width: 100%
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss {
    margin-bottom: 0px
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content {
    margin-bottom: 20px;
    padding-left: 10px
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss {
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss > .mega {
    background-image: none
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss > .mega:before {
    content: "";
    width: 6px;
    height: 1px;
    position: absolute;
    left: 0;
    display: block;
    background-color: #fff;
    top: calc(50% - 1px)
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss > .group > .group-title > a.megacss.group {
    background: url(../../../../images/modules/assets/li_sous_menu_mobile.png) no-repeat left center !important;
    padding: 0px 0px 0px 10px !important
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss > .group > .group-title > a.megacss.group > span.menu-title {
    padding-bottom: 0;
    line-height: initial
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss > .group > .group-title {
    margin-bottom: 2px
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner:before {
    width: 1px;
    height: 81%;
    content: "";
    background-color: #fff;
    position: absolute;
    left: calc(50% - 1px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column1 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(2), div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column1 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(4) {
    max-width: 342px;
    float: right !important;
    margin-right: 60px
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(1), div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(3) {
    max-width: 40%;
    margin-left: 5%
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss:nth-last-child(1) {
}

.formulaire-next-step div#jm-toppage {
    background-color: #fff
}

.formulaire-next-step .fox-column.fox-column12 {
    padding: 25px 0
}

.formulaire-next-step .cont_offshore_avantages.cont_notpad_bi.pageContact {
    min-height: 70vh;
    padding-top: 20px
}

.formulaire-next-step .fox-column.fox-column12 {
    padding: 20px 0
}

.formulaire-next-step .fox-column.fox-column4 {
    max-width: 33.333%;
    float: left;
    width: 100%;
    margin: 10px 0
}

.formulaire-next-step select {
    width: 100%
}

.formulaire-next-step .fox-item {
    padding: 0 10px
}

.formulaire-next-step .formulaire_f .fox-container .controls input[type="text"] {
    height: 30px !important;
    padding: 0 !important;
    text-indent: 10px
}

.formulaire-next-step .fox-column.fox-column6 {
    width: 50%;
    float: left
}

.formulaire-next-step .control-group {
    padding: 0 10px
}

.formulaire-next-step .fox-item-radio-label-inline, .fox-item-radio-label-stacked, .fox-item-checkbox-group-label-inline {
    display: inline-block;
    margin: 10px;
    width: 100%
}

.formulaire-next-step .fox-item-radio-label-stacked {
    display: inline-block
}

.formulaire-next-step .fox-item-checkbox-group-label-inline {
    display: inline-block;
    margin: 10px
}

.formulaire-next-step .control-label {
    font-size: 17px
}

.formulaire-next-step .fox-row:not(:nth-child(1)) {
    margin-bottom: 30px;
    padding-bottom: 20px;
    width: 100%
}

.formulaire-next-step .fox-item-checkbox-group-label-inline label, .formulaire-next-step .fox-item-radio-label-inline label, .formulaire-next-step .fox-item-radio-label-stacked label, .formulaire-next-step .fox-item-checkbox-group-label-stacked label {
    position: relative;
    display: block
}

.formulaire-next-step .fox-item fox-item-attachments.control-group.ch-link {
    display: none
}

.formulaire-next-step .fox-row:nth-child(7) {
    border: 0
}

.formulaire-next-step .formulaire_f .fox-container .fox-item.fox-item-text-area .controls textarea {
    padding: 0 !important;
    text-indent: 10px
}

.formulaire-next-step .autre-options {
    font-size: 21px;
    display: table;
    padding-bottom: 5px;
    border-bottom: 1px solid #912558;
    color: #912558
}

.formulaire-next-step .fox-row:nth-child(4) {
    border: 0;
    margin: 0;
    padding-bottom: 5px
}

.ch-link, .nom-domain-link, .e-commerce-link, .autre-link {
    display: none
}

.fox-column.fox-column4.resizeFull {
    width: 100%;
    max-width: 100%
}

.fox-item-checkbox-group-label-stacked {
    display: inline-block;
    margin: 10px
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss.last {
    padding-right: 0px !important
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:not(.first) ul.megamenu.level1 {
    max-width: 1180px;
    margin: 0 auto
}

#js-mainnav.megamenu.white ul.level0 li.megacss a.megacss.last {
}

.formulaire-next-step .fox-item.fox-item-html.fox-item-html-labels.control-group p {
    text-align: center;
    margin: 5px 0 20px !important;
    font-size: 15px
}

body.formulaire-next-step div#jm-bottompage_top2 {
    display: none
}

body.formulaire-next-step .bg_page_all {
    padding-bottom: 0
}

div.item-page .cont_offshore_avantages.cont_notpad_bi .adresse p {
    line-height: 45px !important
}

div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss:nth-child(2) .group-content {
    padding-top: 4px
}

#js-mainnav.noJS ul.megamenu li.haschild:nth-child(2):hover > div.childcontent, #js-mainnav.noJS ul.megamenu li.haschild:nth-child(3):hover > div.childcontent {
    height: 145px
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(2) .megacol, #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(3) .megacol {
    max-width: 666px;
    float: none;
    margin: 0 auto !important
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(2) ul.megamenu.level1 li.megacss, #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(3) ul.megamenu.level1 li.megacss {
    width: 50%;
    text-align: right;
    min-height: 50px;
    float: right
}

#js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(2) ul.megamenu.level1 li.megacss:nth-child(2), #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(3) ul.megamenu.level1 li.megacss:nth-child(2) {
    text-align: left;
    float: left
}

.formulaire-next-step .fox-item-html-labels h5 {
    font-size: 20px;
    margin: 5px 0;
    display: block;
    text-align: center
}

.formulaire-next-step .fox-item-html-labels p {
    font-size: 14px;
    color: #6a6a6a
}

.fox-container .alert.alert-success .close {
    display: none
}

.jm-title-wrap .border_title:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #2b2b2b
}

#js-mainnav.megamenu.white ul.level1 li.megacss li.megacss .group-content a.megacss:before {
}

#js-mainnav.megamenu.white ul.level1 li.megacss li.megacss .group-content li:hover a.megacss:before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 5px !important;
    height: 11px !important;
    border-right: 2px solid white !important;
    border-top: none !important;
    display: inline-block !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    background-color: initial !important
}

#js-mainnav.megamenu.white ul.level1 li.megacss li.megacss .group-content a.megacss {
    padding-left: 16px !important
}

#js-mainnav.megamenu.white ul.level1 li.megacss li.megacss .group-content li:hover a.megacss:before {
    background-image: none;
    width: 1px;
    height: 100%
}

.icon_block_res.bi-prestation {
    background-position: -0px -696px
}

.dev-prestation {
    background-position: -70px -696px
}

.mo-prestation {
    background-position: -0px -766px
}

.contentTop2_container .jm-title-wrap .border_title:before {
    background-color: #fff
}

div#jm-contentTop2 .jm-title-wrap .border_title:before {
    background-color: #fff
}

.djslider-loader-default .showOnHover {
    width: 23px;
    height: 39px;
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png)
}

.djslider-default .navigation-container .prev-button {
    background-position: -24px -836px
}

.djslider-default .navigation-container .next-button {
    background-position: -47px -836px
}

div#jm-bottompage2 .services_logigroup_ed a:before {
    content: "";
    background-position: -136px -866px;
    width: 9px;
    height: 15px;
    position: absolute;
    right: 2%;
    top: 50%;
    margin-top: -7.5px;
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png)
}

div#jm-bottompage2 .services_logigroup_ed a:hover:before {
    background-position: -105px -870px
}

div#jm-bottompage2 .services_logigroup_ed a span:before {
    width: 21px;
    height: 16px;
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top: -8px;
    content: "";
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png)
}

.img_grs_onl {
    width: 148px;
    height: 87px;
    margin: 10px 0
}

.img_grs_onl:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.ens {
    background-position: -0px -0px
}

.geox {
    background-position: -0px -87px
}

.gifi {
    background-position: -0px -174px
}

.inwi {
    background-position: -0px -261px
}

.mundiapolis {
    background-position: -0px -348px
}

.oulmes {
    background-position: -0px -435px
}

.save {
    background-position: -0px -522px
}

.steripharma_n {
    background-position: -0px -609px
}

.responsive_map {
    height: 400px;
    width: 100%;
    margin: 0 auto
}

.footer-social {
    width: 24px;
    height: 26px;
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png)
}

.social-icon {
    float: left;
    margin-top: 0 !important
}

.footer-social.linked-in {
    background-position: -119px -817px
}

.footer-social.twitter {
    background-position: 0px -834px
}

.footer-social.facebook {
    background-image: url(../../../../templates/jm-news-portal/css/img/facebook-logo.png) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    opacity: 0.7
}

.formulaire-next-step .fox-item-radio-label-inline label span, .fox-item-radio-label-stacked label span, .fox-item-checkbox-group-label-inline label span, .fox-item-checkbox-group-label-stacked label span {
    font-size: 12px;
    font-style: italic
}

.chzn-container-single .chzn-single abbr.search-choice-close {
    display: none
}

div#jm-toppage.HoveredElement.fixed-nav #js-mainnav.megamenu.white.noJS ul.level0 li.megacss.haschild > a:after {
    top: 18px !important
}

div#jm-toppage.HoveredElement.fixed-nav #js-mainnav.megamenu.white.noJS ul.level0 li.megacss.haschild:hover > a:after {
    top: 23px !important
}

@media screen and (max-width: 1280px) {
    div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(1), div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(3) {
    }

    div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(2) {
    }

    #jm-bottompage_top2 .txt_contact_us_bar {
        padding: 24px 0px
    }
}

@media screen and (max-width: 1550px) {
    div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) > .group > .group-content > ul.megamenu > li.megacss:nth-last-child(1) {
    }
}

@media screen and (max-width: 1079px) {
    .discription.left-item {
        width: 100%
    }

    .right-item {
        width: 100%;
        margin: 0px 0 30px
    }
}

@media screen and (max-width: 990px) {
    .formulaire-next-step .fox-column {
        width: 100% !important;
        max-width: 100% !important
    }
}

@media screen and (max-width: 1690px) {
    div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column1 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(2), div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column1 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(4) {
    }
}

@media screen and (max-width: 1250px) {
    div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column1 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(2), div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column1 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(4) {
        max-width: 185px
    }

    .portfolio-strip li {
        width: 25%
    }
}

@media screen and (max-width: 1450px) {
    div#js-meganav ul.megamenu.level0 > li.megacss.first .childcontent .childcontent-inner-wrap > .childcontent-inner > .megacol.column2 > ul.megamenu.level1 > li.megacss.first > .group > .group-content > .megamenu > li:nth-child(2) {
        max-width: 295px
    }
}

@media screen and (max-width: 1028px) {
    #js-mainnav.megamenu.white .childcontent-inner {
        max-width: 100%;
        width: 99% !important
    }
}

.jm-allpage-space, .moduletable.slider_animate, .custom.slider_animate, .container_slider_animate.fr_block_animation {
    height: 100%;
    padding: 0 !important
}

.formulaire_f .controls label span {
    position: absolute;
    left: 0;
    width: 120px;
    bottom: 150%;
    background-color: #f1f1f1;
    display: none;
    z-index: 99;
    padding: 10px;
    color: #5f4639;
    text-align: center;
    line-height: normal;
    font-size: 11px;
    border-radius: 5px;
    font-style: normal
}

.formulaire_f .controls label:hover span {
    display: block
}

.fox-item-dropdown .controls select {
    min-height: 40px
}

.formulaire_f .controls label span:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 7.5px 0 7.5px;
    border-color: #dedede transparent transparent transparent
}

.img_etude_cas img {
    max-width: 540px
}

.detail_etude_cas table tr td img {
    max-width: 50px
}

.nothing-here {
    min-height: calc(100vh - 155px);
    background-image: url("../../../../images/jch-optimize/ng/images_underWriting.webp");
    position: relative
}

.nothing-here-body #jm-toppage {
    background-color: #fff
}

.nothing-here:before {
    content: "404";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 200px;
    color: #5b0028
}

.tech-container-nothing {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    -ms-transform: translateX(-50%);
    padding: 10px 30px
}

.application-form.cont_offshore_avantages.cont_notpad_bi {
    margin-top: 120px
}

.cont_offshore_avantages.cont_notpad_bi {
    max-width: 100%;
    margin: 0px auto
}

.neorecruit.cont_offshore_avantages.cont_notpad_bi {
    max-width: 95%;
    margin: 0px auto
}

.offres-d-emploi .bg_page_all {
    display: block
}

.offres-d-emploi .jm-allpage-space {
    background-color: #f8f8f8
}

@media (max-height: 637px) {
    div#media-container {
        height: 100%;
        width: 100%;
        background-color: #000;
        min-height: 100vh
    }
}

.icon_block_res a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.customgray .jm-module-content .block_res:hover a {
    color: #8f2858;
    text-decoration: none
}

.candidature-spontanee {
    margin-top: 90px
}

video[poster] {
    object-fit: cover
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
    height: 560px
}

#js-mainnav.megamenu.white ul.level1 li.megacss li.megacss .group-content li:hover a.megacss:before {
    content: '' !important;
    position: absolute !important;
    left: 2px !important;
    top: 2px !important;
    width: 0px !important;
    height: 10px !important;
    border-right: 1.5px solid white !important;
    border-top: none !important;
    display: inline-block !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    background-color: initial !important
}

#js-mainnav.megamenu.white ul.level1 li.megacss li.megacss .group-content a.megacss {
    padding-left: 0px !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
    height: 560px
}

@font-face {
    font-family: segoe_ui_light;
    src: url("../../../../templates/jm-news-portal/css/font/segoe_ui_light.ttf"), url("../../../../templates/jm-news-portal/css/font/segoe_ui_light.eot");;
    font-display: swap
}

@font-face {
    font-family: segoe_ui_sb;
    src: url("../../../../templates/jm-news-portal/css/font/seguisb.ttf"), url("../../../../templates/jm-news-portal/css/font/seguisb.eot");;
    font-display: swap
}

span.star, strong.red, .invalid {
    color: #f00
}

div.registration form#member-registration fieldset dl, div.profile form#member-profile fieldset dl, div.profile fieldset#users-profile-core dl, div.profile fieldset#users-profile-custom dl, div.profile-edit form#member-profile fieldset dl, div.remind fieldset dl, div.reset fieldset dl {
    margin: 0
}

div.registration form#member-registration fieldset dt, div.profile form#member-profile fieldset dt, div.profile fieldset#users-profile-core dt, div.profile fieldset#users-profile-custom dt, div.profile-edit form#member-profile fieldset dt, div.remind fieldset dt, div.reset fieldset dt {
    float: left;
    clear: both;
    padding: 2px;
    margin: 0;
    min-width: 250px;
    min-height: 38px;
    line-height: 38px
}

div.registration form#member-registration fieldset dd, div.profile form#member-profile fieldset dd, div.profile fieldset#users-profile-core dd, div.profile fieldset#users-profile-custom dd, div.profile-edit form#member-profile fieldset dd, div.remind fieldset dd, div.reset fieldset dd {
    float: none;
    padding: 2px;
    margin: 0;
    min-height: 38px;
    line-height: 38px
}

.registration dl dt:first-child {
    width: 100% !important
}

div.formelm label, div.formelm-area label {
    display: inline-block;
    min-width: 200px
}

div.formelm img {
    vertical-align: middle;
    margin: 0 5px
}

div.formelm-buttons {
    padding: 10px 0
}

div.login-fields {
    padding: 5px 0
}

fieldset.userdata {
    border: none;
    padding: 0;
    margin: 0
}

div.registration label {
    display: inline-block;
    min-width: 200px
}

.login-fields label#password-lbl, .login-fields label#username-lbl {
    min-width: 100px;
    display: inline-block
}

input.button, button.validate, button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 22px 8px;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    padding: 0 20px 0 10px;
    border: none;
    height: 33px;
    line-height: 33px;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
    border-radius: 12px
}

input.button:active, button.validate:active, button:active {
    position: relative;
    top: 1px;
    box-shadow: none;
    -webkit-box-shadow: none
}

form#login-form div.logout-button input.button {
    margin: 0
}

input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #777;
    margin: 2px 0;
    padding: 0 0 0 8px;
    height: 31px;
    line-height: 31px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ddd
}

textarea {
    padding: 8px;
    height: auto;
    line-height: 1.5em
}

select {
    padding: 7px;
    height: 33px;
    line-height: inherit
}

input#modlgn-remember, input#remember {
    margin: 0 10px 0 0;
    padding: 0;
    border: 0;
    background: none;
    height: auto
}

#form-login-username label, #form-login-password label {
    width: 100px;
    display: inline-block
}

div.login-greeting {
    padding-bottom: 10px
}

div.login button.button {
    margin: 10px 0 0
}

.userdata input.button {
    margin: 10px 0
}

ul.pagenav {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0;
    clear: both;
    display: inline-block;
    width: 100%
}

ul.pagenav li {
    line-height: 30px;
    padding: 0;
    margin: 0;
    background: none;
    color: #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #d2d2d2
}

ul.pagenav li a:link, ul.pagenav li a:visited {
    display: inline-block;
    padding: 0 10px;
    border: none;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in
}

ul.pagenav li a:hover {
    background: #f5f5f5;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

ul.pagenav li.pagenav-prev {
    float: left
}

ul.pagenav li.pagenav-next {
    float: right
}

div.pagination {
    margin: 0;
    text-align: center;
    clear: both;
    display: inline-block;
    width: 100%
}

div.pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

div.pagination li {
    display: inline-block;
    line-height: 30px;
    padding: 0;
    margin: 0;
    background: none;
    color: #999;
    border: 1px solid #d2d2d2;
    border-right: none
}

div.pagination li:first-child {
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    padding: 0 10px
}

div.pagination li:first-child a:hover {
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px
}

div.pagination li:last-child {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border: 1px solid #d2d2d2;
    padding: 0 10px
}

div.pagination li:last-child a:hover {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0
}

div.pagination ul li span {
    background: #f5f5f5;
    display: inline-block;
    padding: 0 10px
}

div.pagination ul li a:link, div.pagination ul li a:visited {
    display: inline-block;
    padding: 0 10px;
    margin: 0 -10px;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in
}

div.pagination ul li a.pagenav:link, div.pagination ul li a.pagenav:visited {
    margin: 0
}

div.pagination ul li a:hover {
    background: #f5f5f5;
    text-decoration: none
}

div.pagination ul li.pagination-start, div.pagination ul li.pagination-prev, div.pagination ul li.pagination-next, div.pagination ul li.pagination-end {
    padding: 0
}

div.pagination ul li.pagination-start span, div.pagination ul li.pagination-prev span, div.pagination ul li.pagination-next span, div.pagination ul li.pagination-end span {
    background: none;
    padding: 0 10px
}

.pagenav {
    padding: 2px
}

p.counter {
    text-align: center;
    margin: 0 0 10px
}

div.items-leading {
    display: inline-block;
    width: 100%
}

div.items-row {
    display: inline-block;
    width: 100%
}

.items-leading .item-separator {
    clear: both;
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: 15px 0
}

.row-separator {
    clear: both;
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: 10px 0
}

.newsflash .newsflash-title {
    font-size: 1em;
    clear: both
}

.newsflash a.readmore:link, .newsflash a.readmore:visited {
    margin: 10px 0 30px
}

div.blog, div.item-page, div.blog-featured, div.items-more, ul#archive-items li.row0, div.contact, div.contact-category, div.newsfeed-category, div.categories-list, div.category-list, div.archive, #jm-maincontent div.search {
    padding: 0px 0 0;
    border-top-width: 2px;
    border-top-style: solid
}

div.blog h2, div.item-page h2, div.blog-featured h2, div.items-more h3, div.item-page h2, ul#archive-items li.row0 h2, div.contact h2, div.contact-category h2, div.newsfeed-category h2, #jm-allpage .cont_offshore_avantages h1 {
    margin: 0 0 5px;
    font-size: 2em;
    padding: 5px 0 5px;
    text-transform: none
}

div.blog-featured h2 a:link, div.blog-featured h2 a:visited, div.blog h2 a:link, div.blog h2 a:visited, div.item-page h2 a:link, div.item-page h2 a:visited, ul#archive-items li.row0 h2 a:link, ul#archive-items li.row0 h2 a:visited {
    color: #000
}

div.blog h1, div.blog-featured h1, div.item-page h1, div.archive h1, div.categories-list h1, div.category-list h1, div.search h1, h1.componentheading {
    margin: 0 0 15px;
    font-size: 2em;
    text-align: center
}

.item {
    display: block
}

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important
}

.cols-2 .column-1 {
    float: left;
    width: 48%
}

.cols-2 .column-2 {
    float: right;
    width: 48%
}

.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
    float: left;
    width: 31%
}

.cols-3 .column-2 {
    padding: 0 3%
}

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4 {
    float: left;
    width: 23%
}

.cols-4 .column-2 {
    padding: 0 1% 0 2%
}

.cols-4 .column-3 {
    padding: 0 2% 0 1%
}

.items-more {
    padding: 0 0 10px
}

div.mod-languages ul li {
    background: none;
    padding: 0;
    margin-right: 4px
}

.slash_langue {
    color: #ccc
}

#jm-topline-mod2 {
}

div.search label[for="mod-search-searchword"] {
    color: #999;
    line-height: 33px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px
}

div.search div.phrases-box {
    padding-bottom: 25px
}

div.search div.phrases-box label, div.search fieldset.only label {
    margin-right: 10px;
    vertical-align: middle
}

div.search div.phrases-box input, div.search fieldset.only input {
    height: auto;
    line-height: inherit;
    padding: 0;
    border: 0
}

ul.actions {
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
    width: 100%
}

ul.actions li {
    display: inline;
    background: none !important;
    margin: 0 5px;
    padding: 0
}

.actions img {
    border: none
}

.article-info {
    margin: 0 0 5px;
    font-size: 0.9em;
    line-height: 1.5em;
    color: #999;
    display: inline-block;
    width: 100%
}

.article-info-term {
    display: none
}

.archive .article-info dd, .article-info dd {
    margin: 3px 0;
    display: block
}

dd.category-name {
    color: #fff;
    padding: 5px 10px;
    margin: 5px 0;
    display: inline-block !important;
    text-transform: uppercase
}

dd.category-name {
    font-size: 1.1em
}

dd.category-name a:link, dd.category-name a:visited {
    color: #fff
}

.categories-list ul {
    list-style: none;
    margin: 0
}

dl.article-count dt, dl.article-count dd {
    display: inline;
    margin: 0
}

dl.article-count dt, dl.article-count dd {
    display: inline;
    margin: 0
}

ul#archive-items .row0, ul#archive-items .row1 {
    background: none;
    list-style: none
}

ul#archive-items h2 a:link, ul#archive-items h2 a:visited {
    border: none
}

table.category {
    width: 100%;
    margin: 0 0 10px;
    border-collapse: collapse;
    border-spacing: 0
}

table.category th {
    padding: 8px;
    text-shadow: none;
    background: #eee;
    color: #999
}

table.category th a {
    text-decoration: none;
    color: #999
}

table.category td {
    padding: 8px;
    border-bottom: 1px solid #ddd
}

.contact-email label {
    min-width: 100px;
    display: inline-block;
    padding: 0 0 5px 0
}

form#contact-form fieldset {
    border: none;
    padding: 0;
    margin: 0
}

form#contact-form dt, form#contact-form dd, form#contact-form button.button {
    margin: 10px 0 0
}

.tip {
    background: #f5f5f5;
    width: 250px;
    border: 1px solid #ccc;
    padding: 10px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.tip:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f5f5
}

.tip .tip-title {
}

p.img_caption {
    background: #d5d5d5;
    padding: 5px;
    margin: 0 0 10px;
    border-top: 1px solid #fff;
    text-align: center
}

p.readmore {
    display: inline-block;
    width: 100%;
    margin: 0
}

p.readmore a:link, p.readmore a:visited, a.readmore:link, a.readmore:visited, a.readon:link, a.readon:visited, .djc_readon a:link, .djc_readon a:visited, #dj-classifieds .djcf_items_blog .see_details_box a.see_details:link, #dj-classifieds .djcf_items_blog .see_details_box a.see_details:visited, .djcf_menu .newad_link_bottom a:link, .djcf_menu .newad_link_bottom a:visited {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    cursor: pointer;
    padding: 7px 33px 7px 10px;
    margin: 0 40px;
    display: inline-block;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s
}

p.readmore a:hover, a.readmore:hover, a.readon:hover, .djc_readon a:hover, #dj-classifieds .djcf_items_blog .see_details_box a.see_details:hover, .djcf_menu .newad_link_bottom a:hover {
    text-decoration: none
}

hr.system-pagebreak {
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0px;
    clear: both;
    height: 1px;
    border: none;
    background: #ddd
}

div#article-index {
    float: right;
    margin: 0 0 0 10px;
    padding: 10px 5px;
    width: 150px;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0
}

div#article-index h3 {
    font-size: 1em;
    margin-bottom: 15px;
    text-align: center
}

div.pagenavcounter {
    clear: both;
    float: right;
    margin: 0 0 10px 10px;
    padding: 5px;
    text-align: center;
    width: 150px;
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

.pane-sliders div.panel {
    margin-bottom: 1px
}

.pane-sliders div.panel h3.title {
    margin: 0;
    text-align: center;
    cursor: pointer;
    background: #f3f3f3;
    font-size: 1.2em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in
}

.pane-sliders div.panel h3.title:hover {
    background: #d2d2d2
}

.pane-sliders div.panel h3.title a:link, .pane-sliders div.panel h3.title a:visited {
    padding: 8px;
    display: block
}

.pane-sliders div.panel h3.title.pane-toggler-down a:link, .pane-sliders div.panel h3.title.pane-toggler-down a:visited {
    color: #fff
}

.pane-sliders div.panel h3.title:hover a:hover {
    text-decoration: none
}

.pane-sliders div.pane-down {
    padding: 10px !important
}

dl.tabs {
    display: inline-block;
    padding: 10px 0 0;
    margin: 0
}

dl.tabs dt.tabs {
    float: left;
    padding: 5px 15px 6px;
    margin: 0 5px -1px 0;
    background: #fff;
    border-right: solid 1px #d2d2d2;
    border-left: solid 1px #d2d2d2;
    border-top: solid 1px #d2d2d2;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0
}

dl.tabs dt.tabs.closed {
    padding: 5px 15px;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in
}

dl.tabs dt.tabs.closed:hover {
    padding: 5px 15px;
    background: #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-left: solid 1px #d2d2d2;
    border-top: solid 1px #d2d2d2
}

dl.tabs dt.tabs h3 {
    font-size: 1.2em;
    margin: 0
}

dl.tabs dt.tabs h3 a:hover {
    text-decoration: none
}

dl.tabs dt.tabs.open h3 a:link, dl.tabs dt.tabs.open h3 a:visited {
    color: #999
}

dl.tabs dt.tabs.closed h3 a:link, dl.tabs dt.tabs.closed h3 a:visited {
    display: block
}

dd.tabs {
    clear: both;
    background: #fff;
    margin: 0;
    padding: 10px;
    border: solid 1px #d2d2d2;
    border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px
}

.system-unpublished {
    background: transparent
}

#system-message {
    margin: 0 0 10px;
    padding: 0;
    text-shadow: none
}

#system-message dt {
    display: none
}

#system-message dd {
    margin: 0;
    text-indent: 0px
}

#system-message dd ul {
    margin: 0 0 10px 0;
    padding: 10px;
    list-style: none;
    text-align: center
}

#system-message dt.message {
    display: none
}

#system-message dd.message ul {
    background: #c4e2fd;
    color: #206db5;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px;
    border-top: 1px solid #4597e3;
    border-bottom: 1px solid #4597e3
}

#system-message dt.error {
    display: none
}

#system-message dd.error ul {
    color: #fff;
    background: #f76c6d;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px;
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00
}

#system-message dd.error ul li {
    background: none;
    text-align: center;
    margin: 0;
    padding: 0
}

#system-message dt.notice {
    display: none
}

#system-message dd.notice ul {
    background: #c4e2fd;
    color: #206db5;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px;
    border-top: 1px solid #4597e3;
    border-bottom: 1px solid #4597e3
}

#system-message ul li {
    background: none;
    text-align: center;
    margin: 0;
    padding: 0
}

.item-page button.foxbutton span {
    color: #fff !important
}

jm-block span {
    background: none repeat scroll 0 0 #640032;
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 18px;
    color: #fff
}

.jm-module.gray a {
    margin: 0 0 -7px;
    color: #fff !important
}

.jm-block span {
    background: none repeat scroll 0 0 #c4c4c4;
    font-size: 12px;
    margin-top: 6px
}

.jm-block .last {
    background: none repeat scroll 0 0 #2e2e2e;
    font-size: 12px
}

.item-page h3 {
}

.bord_hw {
    border-top: 2px solid #640032
}

.jm-block {
    line-height: 27px;
    border: none !important;
    padding: 0 0 0 60px !important
}

.not_bor {
    border: none !important;
    margin: 0px !important
}

.item-page ul {
    margin-bottom: 7px
}

.item-page li {
    margin-top: 5px;
    padding-left: 15px;
    font-size: 15px;
    margin-left: 15px;
    line-height: 25px
}

.no_bor_p p {
    border: none !important;
    padding: 0 0 0 0px !important
}

body {
    color: #333 !important
}

.dp2-section {
    margin-bottom: 32px;
    position: relative;
    width: 952px
}

.dp2-section .spacer1 {
    overflow: hidden;
    padding: 43px 61px 0 27px;
    width: 228px
}

.dp2-section h1.dp2-title, .dp2-section h4.dp2-title {
    background-position: 0 -60px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #e1e0e0;
    color: #000;
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    padding: 0 9px 0 18px;
    text-shadow: 0 1px 0 #fff
}

.dp2-section h1.infc-title, .dp2-section h4.infc-title {
    background-position: 0 -60px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #e1e0e0;
    color: #ca261d;
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    padding: 6px 11px 10px;
    text-align: center;
    text-shadow: 0 1px 0 #fff
}

.dp5-section {
    margin-bottom: 32px;
    margin-left: -3px;
    margin-right: 41px;
    position: relative;
    width: 288px
}

.dp5-section .spacer1 {
    overflow: hidden;
    padding: 43px 61px 0 27px;
    width: 228px
}

.dp5-section h1.dp5-title, .dp5-section h4.dp5-title {
    background-position: 0 -60px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #e1e0e0;
    color: #008a99;
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    padding: 0 9px 0 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff
}

.dp4-section {
    margin-bottom: 32px;
    padding-right: 20px;
    position: relative;
    width: 230px
}

.dp4-section .spacer1 {
    overflow: hidden;
    padding: 43px 61px 0 27px;
    width: 228px
}

.dp4-section h1.dp4-title, .dp4-section h4.dp4-title {
    background-position: 0 -60px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #e1e0e0;
    color: #640032;
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    padding: 0 9px 0 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff
}

.left-top, .right-top, .middle-top, .left-top-with-title, .right-top-with-title, .middle-top-with-title, .left-bottom, .right-bottom, .middle-bottom, h1.dp-title, h4.dp-title, h2.dp-title, h4.dp2-title, h1.dp2-title, h1.infc-title, h1.dp3-title, h4.dp3-title, h1.dp4-title, h4.dp4-title, h1.dp5-title, h4.dp5-title, .left-bottom-with-footer, .right-bottom-with-footer, .middle-bottom-with-footer {
    background: url("../../../../images/modules/section.png") no-repeat scroll 0 0 transparent
}

.content-left, .content-right, .vertical-separator, .horizontal-separator {
    background: url("../../../../images/jch-optimize/ng/images_modules_separator.webp") repeat-y scroll 0 0 transparent
}

.left-top {
    background-position: 0 0;
    background-repeat: no-repeat
}

.right-top {
    background-position: 100% -20px;
    background-repeat: no-repeat;
    padding: 0 8px
}

.middle-top {
    background-position: 0 -10px;
    background-repeat: repeat-x;
    height: 8px
}

.left-top-with-title {
    background-position: 0 -30px;
    background-repeat: no-repeat
}

.right-top-with-title {
    background-position: 100% -50px;
    background-repeat: no-repeat;
    padding: 0 8px
}

.middle-top-with-title {
    background-position: 0 -40px;
    background-repeat: repeat-x;
    height: 8px
}

.left-bottom {
    background-position: 0 -132px;
    background-repeat: no-repeat
}

.right-bottom {
    background-position: 100% -152px;
    background-repeat: no-repeat;
    padding: 0 8px
}

.middle-bottom {
    background-position: 0 -142px;
    background-repeat: repeat-x;
    height: 8px
}

.left-bottom-with-footer {
    background-position: 0 -160px;
    background-repeat: no-repeat
}

.right-bottom-with-footer {
    background-position: 100% -180px;
    background-repeat: no-repeat;
    padding: 0 8px
}

.middle-bottom-with-footer {
    background-position: 0 -170px;
    background-repeat: repeat-x;
    height: 10px
}

.content-left {
    background-position: 0 0;
    background-repeat: repeat-y
}

.content-right {
    background-position: 100% 0;
    background-repeat: repeat-y;
    padding: 0 1px
}

.content {
    background: none repeat scroll 0 0 #fff
}

.vertical-separator {
    background-position: right center;
    background-repeat: repeat-y
}

.horizontal-separator {
    background-repeat: repeat-x;
    height: 1px;
    margin: 0
}

.product-centered {
    text-align: center
}

.product-centered .product-thumbnail {
    height: 120px;
    margin: 0 0 8px;
    padding: 0
}

.product-centered .product-thumbnail a {
    text-decoration: none
}

.product-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 225px
}

.box-centered {
    text-align: justify
}

.box-centered .box-name {
    font-size: 20px;
    margin: -36px 0 25px -5px;
    padding: 0
}

.box-centered .box-name a {
    text-decoration: none
}

.box-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 225px
}

.box-centered a:link, .box-centered a:visited, .box-link a:link, .box-link a:visited {
    text-decoration: none
}

.clear, br.clear {
    clear: both
}

.mws-float-left, span.mws-float-left {
    float: left;
    margin: 0
}

.mws-float-right, span.mws-float-right {
    float: right;
    margin: 0
}

.text_qui-somme-nous {
    font-size: 13px;
    overflow: hidden;
    padding: 2px 10px 0;
    width: 256px
}

.text_notre-production {
    font-size: 13px;
    overflow: hidden;
    padding: 2px 10px 0;
    width: 200px
}

.bt-cs .bt-inner .bt-title {
    color: #333 !important
}

.img_cadre {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 15px -10px #000;
    padding: 3px
}

.top-bg .customgray a, .top-bg h3 a {
    color: #333 !important
}

.top-bg .customgray a:hover, .top-bg h3 a:hover {
    text-decoration: none !important
}

.first_h3_page {
    margin: 0 !important;
    border-top: none !important
}

.texte_p_ref {
    width: 45%;
    float: left;
    text-align: justify
}

.references_q {
    float: right;
    width: 48%
}

.dj-image-hover {
    width: 150px;
    float: left;
    height: 97px;
    margin-left: 2px;
    margin-bottom: 12px
}

.view {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    max-width: 100%
}

.view-first img {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.view img {
    display: block;
    position: relative;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dfdfdf;
    box-shadow: 0 5px 15px -10px #000;
    padding: 3px
}

.view-first img {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.view-first p {
    -webkit-transform: translateX(300px) rotate(90deg);
    -moz-transform: translateX(300px) rotate(90deg);
    -o-transform: translateX(300px) rotate(90deg);
    -ms-transform: translateX(300px) rotate(90deg);
    transform: translateX(300px) rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.view-first a.info {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.view-first:hover h2 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.view-first:hover p {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.view-first:hover a.info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.dj-image-hover {
    width: 150px;
    float: left;
    height: 97px;
    margin-left: 2px;
    margin-bottom: 12px
}

.view {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    max-width: 100%
}

.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.view img {
    display: block;
    position: relative;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dfdfdf;
    box-shadow: 0 5px 15px -10px #000;
    padding: 3px
}

.view h2 {
    text-align: center;
    position: relative;
    font-size: 15px !important;
    padding: 2px !important;
    background: rgba(255, 255, 255, 0.7);
    margin: 10px 0 0 0 !important
}

.view p {
    position: relative;
    text-align: center;
    font-size: 11px !important;
    color: #fff !important;
    padding: 0px 0px 0px 0px !important;
    margin: 4px 0px 4px 0px !important
}

.view a.readmore:link, .view a.readmore:visited {
    float: none;
    font-size: 11px !important;
    display: block;
    width: 40%;
    margin: auto
}

.formulaire_f {
    width: 100%
}

.information_contact {
    width: 100%;
    line-height: 22px;
    margin-top: 32px;
    display: table;
    margin-bottom: 25px
}

.map_img img {
    border: 1px solid #ccc;
    padding: 4px
}

.information_contact p {
    line-height: 22px !important
}

button.foxbutton {
    padding: 3px 30px 3px 30px !important
}

.item-page {
    border: none !important
}

.bord_hw {
    border-top: none !important;
    border-bottom: 2px solid #640032 !important
}

.page_home h2 {
    border-top: none !important
}

.price {
    width: 135px;
    position: absolute;
    right: 0px;
    top: 7px;
    text-align: center;
    font-size: 22px;
    font-family: "Calibri";
    font-style: italic
}

.contact_q {
    position: absolute;
    bottom: 11px;
    width: 135px;
    right: 0;
    text-align: center;
    line-height: 14px;
    height: 20px;
    font-size: 12px
}

.contact_q a {
    color: #fff;
    background: url("../../../../images/jch-optimize/ng/images_modules_offre__siteweb_info__pack.webp") no-repeat;
    padding-left: 31px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-family: "Calibri";
    font-style: italic
}

.icon-website {
    width: 60px;
    height: 65px;
    position: absolute;
    top: 15px;
    left: 10px
}

.ico_dyn {
    background: url("../../../../images/jch-optimize/ng/images_modules_offre__siteweb_tech.webp") no-repeat
}

.ico_pro {
    background: url("../../../../images/jch-optimize/ng/images_modules_offre__siteweb_pouce.webp") no-repeat
}

.ico_ecom {
    background: url("../../../../images/jch-optimize/ng/images_modules_offre__siteweb_argent1.webp") no-repeat
}

.titre_pr {
    width: 50%;
    left: 83px;
    position: absolute;
    top: 24px;
    font-size: 24px;
    color: #4e4d4d !important;
    font-family: "Myriad Pro";
    font-style: italic
}

.moins_police_price {
    font-size: 12px
}

.moins_police_description {
    font-size: 11px;
    font-family: arial;
    font-style: normal;
    line-height: 15px;
    padding-top: 8px
}

.red_phone {
    color: #fff
}

div.item-page h3, div.item-page h1 {
    padding: 0px 0 20px;
    font-size: 27px;
    font-family: "Raleway";
    color: #222;
    text-align: center;
    margin-bottom: 0px;
    line-height: 37px
}

.article_contenu_texte {
    width: 90%;
    display: table;
    background: #fff;
    padding: 0px;
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    margin: auto
}

.fl_right_article_texte {
    float: right;
    width: 40%;
    margin-right: 100px
}

.fl_right_article_texte h4 {
    font-size: 38px;
    padding-bottom: 10px
}

.fl_right_article_texte p {
    font-size: 17px;
    line-height: 34px
}

.fl_left_article_texte {
    float: left;
    width: 45%;
    overflow: hidden
}

#jm-header .slider-container li img {
    float: left;
    width: auto !important
}

@media print {
    body {
        background-color: #fff !important
    }

    #jm-bottompage {
        display: none !important;
        visibility: hidden !important
    }

    #jm-toppage-right {
        display: none !important;
        visibility: hidden !important
    }

    #lg-bottom-bottom {
        display: none !important;
        visibility: hidden !important
    }

    #jm-footer {
        display: none !important;
        visibility: hidden !important
    }
}

@media (max-device-width: 960px) {
    .texte_p_ref {
        width: 100%
    }

    .references_q {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    #headerimg2 {
        opacity: 0.5
    }

    #lg-bottom-bottom .custom {
        top: 33px;
        left: 7%;
        width: 500px;
        height: 245px
    }

    #jm-toppage-in, .container_page {
        width: 94%
    }

    #content_top_log .moduletablegray {
        margin-left: 0px
    }

    #jm-header .slide-desc-text {
        font-size: 16px;
        line-height: 28px
    }

    .texte_p_ref {
        width: 100%
    }

    .references_q {
        width: 100%
    }

    #jm-header .slide-desc {
        left: 58% !important;
        top: 50px !important;
        width: 38% !important
    }

    .foxcontainer div:nth-child(4) {
        width: 100%;
        float: none;
        margin-top: 0px
    }

    .foxcontainer div {
        width: 100%;
        float: none
    }
}

@media screen and (max-width: 800px) {
    .item-page .slider-container ul li:nth-child(1) h3.slide-title {
        color: #fff !important
    }

    .link_read_more a.link_page_h {
        width: 58% !important;
        font-size: 14px !important;
        line-height: 18px !important;
        padding: 5px 30px 5px 2px !important
    }

    .item-page .slider-container ul li h3.slide-title {
        margin-top: 0px;
        font-size: 44px !important;
        left: 10% !important;
        letter-spacing: 3px
    }

    .texte_p_ref {
        width: 100%
    }

    #lg-bottom-bottom .custom {
        width: 445px;
        height: 190px;
        top: 35px;
        left: 5%;
        padding: 2px 10px
    }

    #lg-bottom-bottom .custom h5 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 5px
    }

    .foxcontainer div:nth-child(4) {
        width: 100%;
        float: none;
        margin-top: 0px
    }

    .foxcontainer div {
        width: 100%;
        float: none
    }

    .fl_t_f {
        float: left;
        width: 100%
    }

    .references_q {
        width: 100%
    }

    .fl_right_article_texte {
        float: right;
        width: 94%;
        margin-right: 10px
    }

    #jm-bottompage-in {
        width: 100%;
        margin: auto
    }

    .formulaire_contact_fl {
        width: 90% !important;
        float: none;
        margin: auto
    }

    .map_contact_fl {
        float: none;
        width: 90%;
        margin: auto;
        height: 350px;
        overflow: hidden
    }

    #jm-footer-page {
        width: 90%;
        margin: auto
    }

    .cont_tab_one, .cont_tab_two, .cont_tab_three, .cont_tab_reseau {
        float: none;
        text-align: center;
        padding-bottom: 10px;
        margin: 0px
    }

    .copyright_logigroup, .logo_logigroup {
        float: none;
        text-align: center;
        padding-bottom: 10px
    }

    .logigroup_footer {
        padding-top: 10px
    }

    #jm-toppage-left {
        margin-bottom: 0px !important;
        width: 165px !important;
        margin-top: 2px
    }

    #jm-toppage-right {
        width: auto !important
    }

    .djslider .slide-desc-text .slide-text, .djslider .slide-desc-text .slide-text p {
        white-space: normal !important;
        line-height: 25px;
        font-size: 16px;
        padding-bottom: 5px
    }

    #jm-header .slide-desc {
        left: 3% !important;
        top: 260px !important;
        width: 97% !important
    }

    #header {
        width: 98%
    }

    #firstline {
        font-size: 40px;
        top: 0px
    }

    #secondline {
        font-size: 26px;
        top: 110px
    }

    .pictured {
        top: 216px;
        width: 507px
    }

    .item-page .jm-slider1 .djslider .navigation-container {
        top: 33% !important
    }

    #jm-toppage-in {
        width: 94%;
        display: table
    }

    #rt-content-top {
        overflow: hidden;
        width: 90%;
        margin: auto;
        padding-bottom: 20px
    }

    .feature-item {
        height: 190px
    }

    #rt-content-top .rt-grid-4 {
        float: left;
        width: 27%;
        margin-left: 50px
    }

    .roktabs-wrapper .light .active-arrows {
        width: 185px !important
    }

    .min-title-v {
        font-family: "myriad pro" !important;
        font-size: 18px !important;
        padding-bottom: 2px !important;
        line-height: 27px !important
    }

    .item-page .slide-desc-text .slide-text {
        position: absolute;
        width: 40% !important;
        left: 10%;
        top: 90px
    }

    .fl_left_article_texte {
        float: none;
        width: 80%;
        overflow: hidden;
        margin: 10px auto 0px
    }

    .point_detail_open_erp li {
        width: 95%
    }

    .roktabs-wrapper .light .roktabs-container-tr {
        width: 480px !important
    }

    .roktabs-wrapper .light .roktabs-container-inner {
        width: 485px !important
    }

    .roktabs-wrapper .light .roktabs-container-wrapper div {
        width: 470px !important
    }

    .detail_etude_cas {
        float: none;
        width: 43%;
        margin: auto
    }

    .img_etude_cas {
        float: none;
        width: 100%;
        text-align: center
    }

    .contenu_etude_cas {
        width: 100%
    }

    .realisation_clients_logos .client_logo {
    }

    .realisation_clients_logos .client_logo a img {
        width: 80%
    }

    .realisation_clients_logos {
        width: 100%
    }

    .realisation_clients_logos .client_logo a {
        width: 145px;
        height: 135px
    }

    .lien_neo_recrut a span {
        width: 90%
    }

    .menu_content ul.offshore_pad li a {
        padding-left: 55px !important;
        padding-right: 55px !important
    }

    #content_top_log .moduletablegray {
        margin-left: 0px
    }

    .pack_site_web {
        min-height: 162px
    }

    .expertise_w {
        width: 100%
    }

    .expertise_w .domaine_fl {
        width: 100px
    }

    .menu_content ul.offshore_pad li a {
        padding-left: 55px !important;
        padding-right: 55px !important
    }

    .img_flt_r {
        width: 38%
    }

    .txt_flt_l {
        width: 56%
    }

    .menu_content ul.log_pad li a {
        padding-left: 27px !important;
        padding-right: 27px !important
    }

    .log .domaine_fl {
        margin-left: 60px !important;
        width: 120px
    }

    .menu_content ul.ed_pad li a {
        padding-left: 21px !important;
        padding-right: 21px !important
    }

    .switch_position_fl .img_savoir_faire, .img_savoir_faire {
        float: none;
        text-align: center;
        width: 100%
    }

    .detail_savoir_faire, .switch_position_fl .detail_savoir_faire {
        float: none;
        margin: auto;
        width: 92%;
        text-align: justify;
        padding: 0px 5px 20px
    }

    .dedie_cont {
        width: 345px;
        margin-top: 30px;
        margin-left: 28px
    }

    .cont_option_prix {
    }

    .form_essai_gratuit {
        width: 95%
    }

    .img_essai_gratuit {
        float: left;
        width: 90%;
        text-align: center
    }

    .menu_content ul.erp_pad li a {
        padding-left: 22px !important;
        padding-right: 22px !important
    }

    .client_logo {
        width: 18.5%
    }

    .customgray h3.jm-title {
        color: #777
    }

    #jm-header .slider-container li img {
        float: none;
        width: 46% !important;
        margin: auto
    }
}

@media screen and (max-width: 600px) {
    .pack_site_web {
        width: 45%
    }

    #lg-bottom-bottom .custom {
        width: 350px;
        height: 175px;
        top: 8px;
        left: 3%;
        padding: 2px 10px
    }

    #lg-bottom-bottom .custom .c_adresse_p {
        padding: 0px 0 0 25px;
        line-height: 22px
    }

    .location_map {
        clear: both;
        padding-top: 15px
    }

    #lg-bottom-bottom .custom h5 {
        font-size: 15px;
        line-height: 30px;
        padding-bottom: 0px
    }

    .c_tel_mail {
        width: 48%
    }

    .fl_t_f {
        float: left;
        width: 100%
    }

    .article_templates {
        width: 96%;
        float: none;
        margin: auto
    }

    .menu_templates {
        width: 100%;
        display: table;
        height: auto;
        float: none
    }

    .lien_neo_recrut a {
        margin-top: 10px;
        float: none !important
    }

    .menu_content ul.log_pad li a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 16px !important
    }

    .expertise_w .domaine_fl {
        width: 130px
    }

    .menu_content ul.offshore_pad li a {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .realisation_clients_logos .client_logo a {
        width: 145px;
        height: 90px
    }

    .menu_content ul.ed_pad li a {
        font-size: 16px !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .client_logo {
        width: 100px
    }

    .menu_content ul.erp_pad li a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 17px !important
    }

    .roktabs-wrapper .light .roktabs-container-tr {
        width: 305px !important;
        float: right
    }

    .roktabs-wrapper .light .roktabs-container-wrapper div {
        width: 295px !important
    }

    .roktabs-wrapper .light .roktabs-container-inner {
        width: 310px !important
    }

    .desc-white-sl p {
        line-height: 21px !important;
        font-size: 14px !important
    }

    .item-page .slide-desc-text .slide-text {
        top: 45px
    }

    .min-title-v {
        font-size: 18px !important
    }

    .item-page .slide-desc-text .slide-title {
        font-size: 19px !important;
        margin-top: -5px !important
    }

    #content_top_log .moduletablegray {
        margin-left: 0px
    }

    .pictured {
        top: 157px;
        width: 340px;
        font-size: 17px
    }

    #secondline {
        font-size: 22px;
        top: 110px
    }

    #firstline span {
        font-size: 90px
    }

    .foxcontainer div:nth-child(4) {
        width: 100%;
        float: none;
        margin-top: 0px
    }

    .foxcontainer div {
        width: 100%;
        float: none
    }
}

@media screen and (max-width: 480px) {
    .fl_left_article_texte {
        width: 100%
    }

    #jm-bottompage .foxcontainer div:nth-child(4) {
        margin-top: -225px;
        overflow: hidden
    }

    .feature-item {
        height: auto
    }

    #rt-content-top .rt-grid-4.rt-omega {
        margin-left: auto;
        float: none
    }

    #rt-content-top .rt-grid-4.rt-alpha {
        margin-left: auto
    }

    #rt-content-top {
        overflow: hidden;
        width: 90%;
        margin: auto
    }

    #rt-content-top .rt-grid-4 {
        float: none;
        width: 80%;
        margin: auto
    }

    .item-page .jm-slider1 .navigation-container .prev-button, .item-page .jm-slider1 .navigation-container .next-button {
        width: 17% !important
    }

    .fl_right_article_texte h2 {
        font-size: 25px !important
    }

    .item-page .slider-container ul li:nth-child(1) h3.slide-title {
        color: #fff !important
    }

    .link_read_more a.link_page_h {
        display: none
    }

    .item-page .slider-container ul li h3.slide-title {
        top: -6px;
        position: absolute;
        left: 10px !important;
        font-size: 22px !important;
        letter-spacing: 0px
    }

    .item-page .slider-container ul li:nth-child(1) .desc-white-sl .min-title-v {
        color: #fff !important
    }

    .item-page .slider-container .min-title-v {
        font-size: 14px !important;
        line-height: 25px !important
    }

    .item-page .slide-desc-text .slide-text {
        display: block !important;
        width: 50% !important;
        top: 40px;
        left: 11px
    }

    .foxcontainer div:nth-child(4) {
        width: 100%;
        float: none;
        margin-top: 0px
    }

    .foxcontainer div {
        width: 100%;
        float: none
    }

    .accueil-conseil-services-informatique #lg-bottom-bottom {
        min-height: 294px
    }

    #lg-bottom-bottom .custom {
        top: 108px;
        left: 0%;
        width: 93%;
        padding: 5px 10px
    }

    .c_tel_mail {
        font-size: 12px;
        width: 48%
    }

    #lg-bottom-bottom .custom .c_adresse_p {
        font-size: 12px;
        padding-right: 0px;
        line-height: 20px
    }

    #lg-bottom-bottom .custom h5 {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 5px
    }

    .fl_t_f {
        float: left;
        width: 100%
    }

    .item-page .slide-desc-text .slide-text p {
        display: none
    }

    .item-page .slide-desc-text .slide-title {
        font-size: 12px !important
    }

    .texte_p_ref {
        width: 100%
    }

    .references_q {
        width: 100%
    }

    .fl_right_article_texte {
        float: left;
        width: 94%;
        margin-right: 10px;
        margin-left: 10px
    }

    #jm-bottompage-in {
        width: 100%;
        margin: auto
    }

    .formulaire_contact_fl {
        width: 90%;
        float: left;
        margin-left: 22px
    }

    .map_contact_fl {
        float: left;
        width: 90%;
        margin-left: 26px;
        height: 350px;
        overflow: hidden
    }

    #jm-footer-page {
        width: 90%;
        margin: auto
    }

    .cont_tab_one, .cont_tab_two, .cont_tab_three, .cont_tab_reseau {
        float: none;
        text-align: center;
        padding-bottom: 10px;
        margin: 0px
    }

    .copyright_logigroup, .logo_logigroup {
        float: none;
        text-align: center;
        padding-bottom: 10px
    }

    .logigroup_footer {
        padding-top: 10px
    }

    #jm-toppage-left {
        margin-bottom: 0px !important;
        width: auto !important
    }

    #jm-toppage-right {
        width: auto !important;
        float: none !important;
        margin: auto
    }

    .djslider .slide-desc-text .slide-text, .djslider .slide-desc-text .slide-text p {
        white-space: normal !important;
        font-size: 13px;
        line-height: 23px
    }

    #jm-header .slide-desc {
        left: 3% !important;
        top: 240px !important;
        width: 90% !important
    }

    #header {
        width: 98%
    }

    #firstline {
        font-size: 25px;
        top: -45px
    }

    #secondline {
        font-size: 17px;
        top: 22px;
        text-align: center;
        width: 85%;
        line-height: 26px
    }

    .pictured {
        top: 125px;
        width: 255px
    }

    .item-page .jm-slider1 .djslider .navigation-container {
        top: 16% !important
    }

    #jm-toppage-in {
        width: 100%;
        margin: 0px 10px 0px
    }

    #jm-header .slide-desc-text .slide-title {
        font-size: 17px;
        padding-bottom: 0px
    }

    .fl_right_article_texte h4 {
        font-size: 27px
    }

    .menu_content ul.log_pad li a, .menu_content ul.offshore_pad li a, .menu_content ul.erp_pad li a, .menu_content ul.ed_pad li a {
        display: block;
        width: 94%;
        text-align: center;
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .menu_content ul.menu li {
        float: none;
        width: 96%;
        margin: auto
    }

    .container_page {
        width: 94%;
        margin: auto;
        padding: 0px 0px
    }

    .c_page_content {
        width: 100%
    }

    .bg_detail_content {
        padding: 10px 10px;
        display: table;
        width: 93.6%
    }

    .customgray h3.jm-title {
        color: #676464
    }

    .headerimg {
        background-position: 100% 85%
    }

    .lien_neo_recrut {
    }

    .lien_neo_recrut a {
        margin-top: 5px
    }

    .c_page_content h1 {
        font-size: 22px !important
    }

    .formulaire_f, .information_contact {
        float: none;
        width: 100%
    }

    .domaine_fl {
        margin-left: 0px !important
    }

    #redirection_ancre {
        margin-top: 0;
        margin-left: 0;
        width: 280px;
        height: 51px
    }

    .realisation_clients_logos {
        width: 80%;
        margin: auto
    }

    .realisation_clients_logos .client_logo {
        width: 200px;
        margin: 0px auto 0px !important;
        float: none
    }

    .client_logo {
        margin-left: 3px;
        margin-bottom: 5px
    }

    .detail_savoir_faire {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 92%;
        padding: 0px 5px 0
    }

    .flt_txt_l {
        float: none;
        width: 90%;
        margin: auto
    }

    .custom_cnt h3.jm-title {
        font-size: 18px !important
    }

    .title_etude_cas h3 {
        font-size: 18px !important;
        line-height: 31px !important
    }

    .detail_etude_cas {
        float: right;
        padding: 0 20px 10px;
        font-size: 15px;
        width: 90%
    }

    .contenu_etude_cas {
        width: 93.5%;
        min-height: 475px;
        margin: auto
    }

    fieldset {
        margin-left: 10px
    }

    #headerimgs {
        opacity: 0.5
    }

    .pictured {
        font-size: 15px
    }

    .pictured a {
        margin: 20px auto 0px;
        padding: 3px 16px 7px 0px;
        background-position: 97% 59%
    }

    #firstline {
        text-align: center;
        width: 100%
    }

    #headertxt {
        top: 80px
    }

    .item-page h1 {
        text-align: center !important
    }

    .pictured span {
        background: url("../../../../images/jch-optimize/ng/images_modules_puce.webp") no-repeat 0px 14px;
        padding-left: 22px;
        line-height: 27px;
        padding-top: 8px
    }

    div.item-page h3 {
        font-size: 19px;
        letter-spacing: 3px
    }

    .menu_content li a {
        margin: auto !important
    }

    #firstline span {
        font-family: Euphemia, "segoe_ui_sb";
        font-size: 69px
    }

    #content_top_log .moduletablegray {
        margin-left: 0px
    }

    #jm-header .slider-container li img {
        width: auto !important
    }

    .form_essai_gratuit {
        padding-left: 5px;
        width: 94%
    }

    .form_essai_gratuit .foxbutton {
        width: 98%;
        padding: 9px 1px 45px !important;
        border-radius: 5px;
        line-height: 22px !important;
        margin-right: 0px !important
    }

    .pack_site_web {
        width: 90%
    }

    .client_logo {
        width: 82px
    }

    .img_essai_gratuit {
        float: none;
        width: 100%;
        text-align: center
    }

    .roktabs-wrapper .light .roktabs-container-tr {
        width: 300px !important
    }

    .roktabs-wrapper .light .roktabs-container-inner {
        width: 297px !important
    }

    .roktabs-wrapper .light .roktabs-container-wrapper div {
        width: 289px !important
    }

    .bg_fonctionalite {
        background: #e3e3e3 !important
    }

    .point_detail_open_erp li {
        width: 95%
    }

    .roktabs-wrapper .light .roktabs-container-wrapper div.wrapper {
        padding: 5px
    }

    #content_top_log_center .customgray h3.jm-title a {
        color: #777
    }

    .fl_left_article_texte {
        float: none;
        width: 90%;
        overflow: hidden;
        margin: 15px auto 0px
    }

    .menu_templates {
        width: 100%;
        display: table;
        height: auto;
        float: none
    }

    .menu_templates ul.menu li {
        width: 100%;
        float: none
    }

    .menu_templates ul.menu li a {
        text-align: center
    }

    .article_templates {
        width: 96%;
        float: none;
        margin: auto
    }
}

div.foxcontainer select, div.foxcontainer input[type="text"] {
    height: 32px !important
}

.item-page .control-group input, .control-group textarea {
    box-shadow: none;
    border-radius: 0px !important;
    padding: 2px 5px !important
}

.t_fed {
    display: table;
    width: 100%
}

.t_fed_one, .t_fed_two {
    width: 100%;
    float: right;
    margin-left: 2%;
    padding: 10px 1%;
    background-color: rgb(234, 234, 234);
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
    height: auto;
    display: table;
    margin-bottom: 20px
}

.t_fed .t_fed_two p, .t_fed .t_fed_one p {
    padding-bottom: 5px;
    text-align: center
}

.t_fed .t_fed_two ul li, .t_fed .t_fed_one ul li {
    padding-bottom: 0px;
    background: url("../../../../images/modules/assets/li_sous_menu_mobile_hov_v.png") no-repeat scroll 0 10px transparent;
    line-height: 22px
}

.t_fed a {
    color: #333 !important
}

ul.lf_log {
    float: left;
    width: 140px
}

.lg_log {
    float: right;
    width: 40%;
    padding: 10px 5px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 10px
}

.log_techn {
    float: left;
    width: 50%;
    text-align: center;
    padding: 5px 0px
}

.clear_article_fl {
    clear: both
}

.img_cent_wd {
    width: 85%;
    text-align: center;
    margin: auto
}

.img_cent_wd img {
    max-width: 100%
}

.steps_bi_process {
    width: 100%;
    display: table;
    margin: 20px auto 10px
}

.steps_bi_process div {
    float: left;
    padding: 5px 0px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    height: 30px
}

.step1_bi_process {
    width: 20%;
    background: #898989
}

.step2_bi_process {
    width: 20%;
    background: #737373;
    margin-left: 0
}

.step3_bi_process {
    width: 20%;
    background: #5b5b5b;
    margin-left: 0
}

.step4_bi_process {
    width: 20%;
    background: #454545;
    margin-left: 0
}

.step5_bi_process {
    width: 20%;
    background: #2f2f2f;
    margin-left: 0
}

.flt_v_process_bi {
    float: right;
    margin-top: 11px;
    height: 100%;
    width: 40%;
    margin-left: 25px
}

.lg_log.tech_ut {
    margin-right: 0px;
    margin-left: 20px
}

ul.nav.menu.menu_bi_l li.divider {
    display: none
}

.lg_log.tech_ut.dev_t {
    margin-left: 40px;
    width: 25%
}

.lg_log.tech_ut.dev_t img {
    width: auto;
    max-height: 333px
}

.lg_log.tech_ut.dev_t.p_lg {
    width: 35%
}

.center_method_dev_log {
    width: 100%;
    margin: auto;
    display: table;
    height: auto;
    padding: 15px 0px 10px
}

.center_method_dev_log_l1 {
    width: 49.2%;
    float: left;
    background: #fff !important;
    padding: 10px 0px 20px;
    border-radius: 3px
}

.center_method_dev_log_l2 {
    width: 49.2%;
    float: right;
    background: #fff !important;
    padding: 10px 0px 20px;
    border-radius: 3px
}

div.item-page .center_method_dev_log h3 {
    text-align: center !important;
    padding: 0px 10px 20px !important;
    font-size: 19px !important
}

.center_method_dev_log p {
    text-align: center;
    padding: 0px 20px
}

.center_method_dev_log p img {
    width: 90%
}

div.item-page .bg_detail_content.dev_logi.dev_logi_title h2 {
    padding: 0px 0px 20px;
    font-size: 34px !important;
    text-align: center;
    color: #222;
    font-family: Euphemia, "segoe_ui_sb"
}

div.item-page .bg_detail_content.dev_logi.dev_logi_title h3 {
    font-size: 24px;
    padding-top: 7px;
    color: #333 !important;
    text-align: left;
    letter-spacing: 0px
}

#system-message {
    display: none
}

.formulaire_f .foxcontainergray .control-group {
    margin-bottom: 15px !important
}

.bg_detail_content_a h5 {
    font-size: 24px;
    color: #333
}

#sidr-main .sidr-inner ul li {
    background: none
}

#navigation-toggle {
    color: #fff;
    background: transparent !important
}

div#jm-footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

div#jm-poweredby {
    float: left;
    width: 33.33%
}

div#legal-notice {
    width: 33.33%;
    text-align: center
}

div#legal-notice a {
    display: block;
    margin: 5px 0;
    color: #fff
}

.jm-switcherLanguage a {
    color: #fff !important;
    display: block
}

.jm-switcherLanguage div.mod-languages ul.lang-inline li.lang-active {
    display: none
}

.jm-switcherLanguage div.mod-languages ul {
    padding-left: 32px;
    padding-top: 5px;
    height: 26px;
    float: right;
    position: relative
}

.jm-switcherLanguage div.mod-languages ul:before {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png);
    background-position: -93px -818px
}

.tbl_services_dev .container {
    width: 100%
}

.information_contact .adresse {
    width: 33.333%;
    padding: 35px 0px 40px;
    background: url(../../../../images/modules/assets/pin.png) no-repeat top center;
    text-align: center;
    float: left
}

.information_contact .email {
    width: 33.333%;
    padding: 35px 0px 20px;
    background: url(../../../../images/modules/assets/mail.png) no-repeat top center;
    text-align: center;
    float: left
}

.information_contact .phone {
    width: 33.333%;
    padding: 35px 0px 20px;
    background: url(../../../../images/modules/assets/phone.png) no-repeat top center;
    text-align: center;
    float: left
}

.information_contact .email a {
    color: #5c0028
}

.information_contact .email a:hover {
    color: #333;
    text-decoration: none
}

.formulaire_f .fox-container .controls input[type="text"]:hover, .formulaire_f .fox-container .controls input[type="text"]:focus, .formulaire_f .fox-container .controls textarea, .formulaire_f .fox-container .controls textarea {
    background-color: transparent !important
}

.formulaire_f .fox-container .controls input[type="text"] {
    width: 100% !important;
    display: table;
    height: 40px !important;
    padding: 5px 15px !important;
    border: 1px solid #e8e8e8 !important
}

.formulaire_f .fox-container .controls textarea {
    border: 1px solid #e8e8e8 !important;
    padding: 5px 15px !important
}

.formulaire_f .fox-container .controls .btn {
    margin-top: 0px
}

#sidr-main .sidr-inner ul li ul li ul li {
    padding-left: 15px;
    font-size: 13px
}

#sidr-main .sidr-inner ul li ul {
    display: none
}

.sidr-class-current > a {
    background: transparent;
    color: #262626 !important
}

#sidr-main .sidr-inner li.sidr-class-has-sub.sidr-class-parent.closedArrowMenu {
    background: url("../../../../images/modules/assets/arrow_close.png") no-repeat 95% 50%
}

#sidr-main .sidr-inner li.sidr-class-has-sub.sidr-class-parent.openArrowMenu {
    background: url("../../../../images/modules/assets/arrow_open.png") no-repeat 95% 21px
}

#sidr-main .sidr-inner ul li ul li.sidr-class-has-sub.sidr-class-parent.closedArrowMenu {
    background: url(../../../../images/modules/assets/arrow_close.png) no-repeat 95% 18px
}

.cont_offshore_avantages.cont_notpad_bi.pageContact {
    width: 100%;
    max-width: 1050px;
    padding: 0 70px 30px;
    margin: 36px auto 0;
    background-color: #fff
}

.cont_offshore_avantages h2 {
    text-align: center;
    font-size: 36px;
    padding-bottom: 0px;
    color: #333
}

.application-form.cont_offshore_avantages.cont_notpad_bi {
    width: 100%;
    max-width: 999px;
    margin: auto
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group {
    padding-bottom: 15px
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group .control-label {
    text-align: left
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group input {
    padding-left: 5% !important;
    width: 95%
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group select {
    width: 50%
}

.application-form.cont_offshore_avantages.cont_notpad_bi .form-actions {
    width: 100%;
    text-align: center
}

.application-form.cont_offshore_avantages.cont_notpad_bi .form-actions input.btn.btn-primary.validate {
    margin: 10px 0px 10px
}

.cont_offshore_avantages.cont_notpad_bi .contentdescription p {
    text-align: center
}

.cont_offshore_avantages.cont_notpad_bi .contentdescription {
    padding-bottom: 20px
}

.cont_offshore_avantages.cont_notpad_bi .tableoffers a {
    color: #b8236e
}

p.dsp_desktop_sh {
    min-height: 166px;
    background-image: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_css_img_contact-bg.webp);
    background-size: cover;
    background-position: center
}

form.tableoffers {
    overflow: auto
}

form.tableoffers::-webkit-scrollbar {
    height: 5px
}

form.tableoffers::-webkit-scrollbar-track {
    background: #a3a3a3
}

form.tableoffers::-webkit-scrollbar-thumb {
    background: #a95d7e
}

form.tableoffers::-webkit-scrollbar-thumb:hover {
    background: #6c133d
}

.right-item {
    float: right;
    width: 30%
}

.discription.left-item {
    width: 70%;
    float: left
}

.mobile-device.logigroup-creation {
    max-width: 194px;
    width: 100%;
    margin: 0 auto;
    height: 390px;
    position: relative
}

.mobile-device.logigroup-creation > div:nth-child(1) {
    height: 100%;
    width: 100%
}

.mobile-device.logigroup-creation > div:nth-child(1):before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_css_img_iphone1.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9
}

.logigroup-creation .djslider-loader-default {
    height: 100%;
    width: 100%
}

.logigroup-creation .djslider-loader-default .djslider-default {
    height: 374px !important;
    width: 170px !important;
    margin-top: 9px
}

.logigroup-creation .djslider-loader-default .djslider-default ul.djslider-in > li {
    width: 170px !important;
    height: 374px !important
}

.ipad-device.logigroup-creation-ipad {
    max-width: 385px;
    width: 100%;
    margin: 0 auto;
    height: 535px;
    position: relative;
    left: 40px
}

.ipad-device.logigroup-creation-ipad > div:nth-child(1) {
    height: 100%;
    width: 100%
}

.ipad-device.logigroup-creation-ipad > div:nth-child(1):before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(../../../../templates/jm-news-portal/css/img/ipad.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9
}

.logigroup-creation-ipad .djslider-loader-default {
    height: 100%;
    width: 100%
}

.logigroup-creation-ipad .djslider-loader-default .djslider-default {
    height: 530px !important;
    width: 343px !important;
    margin-top: 9px
}

.logigroup-creation-ipad .djslider-loader-default .djslider-default ul.djslider-in > li {
    width: 343px !important;
    height: 530px !important
}

.fox-item-attachments {
    margin-left: 10px
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner .megacol.column2 > ul.megamenu > li > .group > .group-content > ul.megamenu > li:nth-child(1) > .group > .group-content > .megamenu > li:nth-child(3) {
    max-width: 80%
}

.formulaire-next-step .container_page {
    margin: 0;
    width: 100%;
    padding-bottom: 0
}

.contact form.fox-form .fox-row .fox-column .fox-item .chzn-container {
    width: 100% !important
}

.contact div#jm-main form.fox-form .fox-row .fox-column .fox-item .chzn-container a {
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    display: block;
    background-color: #fff;
    background-image: none;
    border-color: #e8e8e8;
    box-shadow: none;
    padding: 0 15px
}

.contact div#jm-main form.fox-form .fox-row .fox-column .fox-item .chzn-container a > div {
    top: 50%;
    transform: translateY(-50%);
    height: 26px
}

.contact div#jm-main form.fox-form .fox-row .fox-column .fox-item .chzn-container .chzn-drop {
    border-color: #e8e8e8;
    box-shadow: none
}

.gm-style .gm-style-iw-c {
    left: -5px
}

.gm-style .gm-style-iw-t::after {
    left: -5px
}

.formulaire-next-step .jm-allpage-space {
    height: auto
}

div#fox-container-m262 .fox-form input[type="number"] {
    border-radius: 4px;
    color: #555;
    background-color: #fff
}

div#fox-container-m262 input[type="number"] {
    background-color: #fff;
    border: 1px solid #aaa;
    transition: border linear 0.2s, box-shadow linear 0.2s
}

div#fox-container-m262 input[type="number"] {
    max-width: 100%
}

div#fox-container-m262 input[type="number"] {
    height: 28px;
    line-height: 28px
}

div#fox-container-m262 input[type="number"] {
    margin: 0;
    padding: 4px 5px
}

.formulaire_f .fox-container .controls input[type="number"] {
    width: 100% !important;
    display: table;
    height: 40px !important;
    padding: 5px 15px !important;
    border: 1px solid #e8e8e8 !important
}

.formulaire_f .controls input[type="number"] {
    position: relative
}

.formulaire_f .controls input[type="number"]:focus {
    outline: none;
    box-shadow: none !important
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group {
    width: 100%;
    margin: 0 auto;
    display: inline-block
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group:nth-child(1) {
    float: unset
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group .chzn-container {
    width: 100% !important
}

.application-form.cont_offshore_avantages.cont_notpad_bi .control-group .chzn-container a {
    width: 95% !important;
    padding-left: 5%
}

.application-form.cont_offshore_avantages.cont_notpad_bi fieldset .control-group .control-label {
    text-align: left;
    float: left;
    width: 20%;
    margin: 10px 0
}

.controls {
    float: right;
    width: 80%;
    margin: 10px 0
}

.application-form.cont_offshore_avantages.cont_notpad_bi .form-actions {
    display: inline-block
}

.application-form.cont_offshore_avantages.cont_notpad_bi fieldset {
    width: 60%;
    margin: 0 auto
}

.candidature-spontanee div#jm-header .cont_header_entreprise h3 {
    padding: 65px 0 0px;
    font-size: 27px;
    color: #fff;
    letter-spacing: 2px;
    text-align: left;
    font-family: "Raleway";
    text-transform: uppercase
}

.candidature-spontanee #jm-header {
    padding-top: 0px !important
}

.candidature-spontanee .application-form.cont_offshore_avantages.cont_notpad_bi h1 {
    display: none
}

@media screen and (max-width: 414px) {
    div#jm-footer {
        font-size: 8pt
    }
}

ul.menu {
    margin: 20px 0 0
}

ul.menu li {
    padding: 0;
    margin: 0;
    background: none;
    float: left
}

ul.menu li a:link, ul.menu li a:visited, ul.menu li span.separator {
    display: block;
    padding: 10px 9px;
    color: #282828;
    text-decoration: none;
    font-size: 18px
}

ul.menu li a:hover {
    color: #862656
}

ul.menu li.active a {
    text-decoration: none;
    color: #862656
}

ul.menu li img {
    vertical-align: middle
}

ul.menu li span.image-title {
    margin: 0 0 0 10px
}

ul.menu li ul {
    padding: 0 0 0 15px
}

ul.menu li ul li a:link, ul.menu li ul li a:visited, ul.menu li ul li.active > a {
    background: url(../../../../templates/jm-news-portal/images/submenu_li.png) no-repeat left center;
    padding: 10px 0 10px 15px;
    text-decoration: none
}

ul.menu li ul li > a:hover {
    text-decoration: underline
}

ul.menu li ul li.active > a {
    text-decoration: underline
}

.jm-module.black-box ul.menu li {
    background: none
}

.jm-module.black-box ul.menu li a:link, .jm-module.black-box ul.menu li a:visited, .jm-module.black-box ul.menu li span.separator {
    border-bottom: 1px inset #aaa;
    background: url(../../../../templates/jm-news-portal/images/menu_li_light.png) no-repeat left center;
    color: #FFF;
    font-family: Raleway, sans-serif;
    text-transform: uppercase
}

.jm-module.black-box ul.menu li ul li a:link, .jm-module.black-box ul.menu li ul li a:visited, .jm-module.black-box ul.menu li ul li.active > a {
    background: url(../../../../templates/jm-news-portal/images/submenu_li_light.png) no-repeat left center
}

#jm-topline-mods ul.menu {
    display: inline-block;
    width: 100%
}

#jm-topline-mods ul.menu li {
    display: inline-block
}

#jm-topline-mods ul.menu li a:link, #jm-topline-mods ul.menu li a:visited, #jm-topline-mods ul.menu li span.separator {
    display: inline-block;
    background: none;
    padding: 0 10px;
    border-bottom: none;
    border-left: 1px solid #fff;
    color: #fff;
    font-size: 12px
}

#jm-topline-mods ul.menu li:first-child a:link, #jm-topline-mods ul.menu li:first-child a:visited, #jm-topline-mods ul.menu li:first-child span.separator {
    padding-left: 0;
    border: none
}

#jm-topline-mods ul.menu ul {
    display: none
}

#jm-bottom3 ul.menu {
    display: inline-block;
    width: 100%
}

#jm-bottom3 ul.menu li a:link, #jm-bottom3 ul.menu li a:visited, #jm-bottom3 ul.menu li span.separator {
    float: left;
    background: none;
    padding: 0 10px;
    border-bottom: none;
    border-left: 1px solid #000;
    line-height: 1.2em
}

#jm-bottom3 ul.menu li:first-child a:link, #jm-bottom3 ul.menu li:first-child a:visited, #jm-bottom3 ul.menu li:first-child span.separator {
    padding-left: 0;
    border: none
}

#jm-bottom3 ul.menu ul {
    display: none
}

@-webkit-keyframes gfoot1 {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 100vw
    }
about-us
}

@keyframes gfoot1 {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 100vw
    }
}

@-webkit-keyframes form {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 20vw
    }
}

@keyframes form {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 20vw
    }
}

.error-404-cont {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 450px);
    padding-top: 76px;
    height: auto;
    align-items: center
}

.error-404-cont .svg {
    width: 50%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.error-404-cont .svg svg {
    height: 100%;
    max-height: 100%
}

.error-404-cont .txt {
    width: 50%;
    height: 100%
}

.error-404-cont .txt h2 {
    font-size: 7.5em !important;
    margin: 15px 0px;
    font-family: "gotham bold";
    letter-spacing: 20px;
    color: #660133
}

.error-404-cont .txt h3 {
    text-align: left;
    font-family: "gotham bold"
}

.error-404-cont .txt p {
    font-family: "Gotham book";
    color: #333;
    font-size: 16px;
    padding: 10px
}

.web-development div.item-page .cont_offshore_avantages .pack_site_web p {
    text-align: center !important
}

.error-404-cont .txt .btn {
    font-family: "gotham bold";
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.error-404-cont .txt .btn {
    z-index: 1;
    overflow: hidden;
    background: transparent;
    position: relative;
    padding: 8px 25px;
    border-radius: 0px;
    cursor: pointer;
    font-size: 1em;
    letter-spacing: 2px;
    transition: 0.2s ease;
    margin: 30px 0px;
    text-transform: uppercase;
    font-family: "gotham bold"
}

.error-404-cont .txt .btn.purple {
    border: 2px solid #660133;
    color: #0e0620
}

.error-404-cont .txt .btn.purple:hover {
    text-decoration: none;
    background-color: #660133;
    color: #fff
}

span.cc-cookie-settings-toggler {
    margin: auto
}

span.cc-cookie-settings-toggler {
    color: transparent;
    position: relative
}

span.cc-cookie-settings-toggler.cc-opened::after {
    margin-top: 2px
}

span.cc-cookie-settings-toggler::after {
    position: absolute;
    content: '>';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #660133;
    transform: rotate(270deg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-top: -1px;
    font-family: "gotham bold"
}

.contact .alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.contact .alert-success p {
    font-family: "Gotham bold";
    font-size: 16px !important
}

.formulaire-next-step .cont_offshore_avantages.cont_notpad_bi.pageContact {
    min-height: calc(100vh - 550px) !important;
    padding-top: 20px
}

.cc-revoke.cc-bottom.cc-animate {
    display: none !important
}

.fancybox-close-small:active {
    position: absolute;
    top: 0
}

div.cc-settings-label, span.cc-cookie-settings-toggle {
    font-size: 14px;
    display: flex;
    align-items: center
}

input.cc-cookie-checkbox + span {
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
    height: 18px;
    width: 18px;
    transform: translateY(-50%)
}

div.cc-checkboxes-container {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    margin-top: 6px;
    padding: 20px 50px 0
}

div.cc-checkboxes-container a.cc-btn.cc-allow, span.cc-message span.cc-cookie-settings-toggle {
    font-weight: 700;
    width: 200px;
    padding: .2em .4em;
    font-size: .9em;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    margin-top: 0px;
    padding: .8em 1.8em
}

.cc-compliance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto
}

.cc-banner.cc-theme-edgeless .cc-message {
    padding: 0 50px
}

div.cc-compliance > a.cc-btn {
    width: 200px;
    margin: 5px 0 !important;
    -webkit-animation: all 0.9s ease-in-out;
    animation: all 0.9s ease-in-out
}

div.cc-compliance > a.cc-btn:hover {
    background-color: rgb(102, 1, 51) !important;
    color: rgb(243, 243, 243) !important
}

.cookie-text-v-fr h5, .cookie-text-v-en h5 {
    font-size: 20px;
    font-family: "gotham bold";
    margin: 10px 0;
    color: rgb(102, 1, 51)
}

.cookie-text-v-fr div, .cookie-text-v-en div {
    margin: 15px 0;
    font-family: "Gotham book"
}

.gm-fullscreen-control {
    display: none
}

div#fox-container-m419 .btn, div#fox-container-m419 .btn span {
    font-size: 20px
}

.gm-ui-hover-effect {
    display: none !important
}

.gm-ui-hover-effect.showit {
    display: block !important
}

.jm-allpage-space, .moduletable.slider_animate, .custom.slider_animate, .container_slider_animate.fr_block_animation {
    height: auto
}

#js-mainnav.noJS ul.megamenu li.megacss:nth-child(6) > div.childcontent {
    border-top: solid 1px #82898E;
    height: 80px !important;
    overflow: hidden
}

.dropdownPos {
    position: relative;
    display: inline-block
}

.dropdownPos .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1
}

.dropdownPos:hover .dropdown-content {
    display: block
}

li.megacss:nth-child(6) .childcontent .megacol.column1.first ul.megamenu.clearfix.level1 {
    display: flex !important;
    justify-content: flex-end !important;
    max-width: calc(100% - 45px) !important;
    padding-right: 45px !important;
    align-items: center
}

li.megacss:nth-child(6) .childcontent .megacol.column1.first ul.megamenu.clearfix.level1 li.megacss.first {
    width: auto !important
}

#js-mainnav.noJS ul.megamenu li.haschild.last > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss {
    width: 175px
}

#js-mainnav.noJS ul.megamenu li:nth-child(6) > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss:hover > a.megacss:before {
    background-image: none;
    width: 1px;
    height: 100%
}

.thank-you-for-having-contacted-us .footer, .login .footer, .merci-de-nous-avoir-contacte .footer, .login .footer {
    padding-top: 40px
}

.thank-you-for-having-contacted-us .c_page_content, .login .c_page_content, .merci-de-nous-avoir-contacte .c_page_content, .login .c_page_content {
}

.thank-you-for-having-contacted-us #jm-maincontent, .login #jm-maincontent, .merci-de-nous-avoir-contacte #jm-maincontent, .login #jm-maincontent {
    min-height: calc(100vh - 350px)
}

.thank-you-for-having-contacted-us div.item-page h1, .login div.item-page h1, .merci-de-nous-avoir-contacte div.item-page h1, .login div.item-page h1 {
    font-family: "Gotham" !important;
    font-weight: 500;
    text-align: center !important
}

.login .control-group {
    display: flex;
    align-items: center;
    justify-content: center
}

.login .control-label {
    min-width: 150px;
    margin: 10px
}

.login .bg_page_all {
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center
}

#js-mainnav.megamenu.white ul.level0 > li.megacss {
    display: flex !important;
    align-items: center;
    justify-content: center
}

.contact div#fox-container-m262 .fox-form select, .contact div#fox-container-m262 .fox-form textarea, .contact div#fox-container-m262 .fox-form input[type="text"] .reclamation div#fox-container-m262 .fox-form select, .reclamation div#fox-container-m262 .fox-form textarea, .reclamation div#fox-container-m262 .fox-form input[type="text"] {
    border: none !important;
    box-shadow: none !important
}

.contact div#fox-container-m262 .fox-form select::placeholder, .contact div#fox-container-m262 .fox-form textarea::placeholder, .contact div#fox-container-m262 .fox-form input[type="text"]::placeholder, .reclamation div#fox-container-m262 .fox-form select::placeholder, .reclamation div#fox-container-m262 .fox-form textarea::placeholder, .reclamation div#fox-container-m262 .fox-form input[type="text"]::placeholder {
    color: #555
}

.contact .fox-form select, .contact .fox-form textarea, .contact .fox-form input[type="text"], .reclamation .fox-form select, .reclamation .fox-form textarea, .reclamation .fox-form input[type="text"] {
    border: none !important;
    box-shadow: none !important
}

.contact .fox-form select::placeholder, .contact .fox-form textarea::placeholder, .contact .fox-form input[type="text"]::placeholder, .reclamation .fox-form select::placeholder, .reclamation .fox-form textarea::placeholder, .reclamation .fox-form input[type="text"]::placeholder {
    color: #555
}

.contact div#fox-container-m304 .fox-form select, .contact div#fox-container-m304 .fox-form select:focus, .contact div#fox-container-m304 .fox-form textarea, .contact div#fox-container-m304 .fox-form textarea:focus, .contact div#fox-container-m304 .fox-form input[type="text"], .contact div#fox-container-m304 .fox-form input[type="text"]:focus {
    border: none !important;
    box-shadow: none !important;
    background-color: #fff !important
}

div#fox-container-m419 .fox-form select, div#fox-container-m419 .fox-form textarea, div#fox-container-m419 .fox-form textarea, div#fox-container-m440 .fox-form textarea, div#fox-container-m419 .fox-form input[type="text"] {
    border: none !important;
    box-shadow: none !important;
    background-color: #fff !important
}

div#fox-container-m420 .fox-form select, div#fox-container-m420 .fox-form textarea, div#fox-container-m420 .fox-form input[type="text"] {
    border: none !important;
    box-shadow: none !important;
    background-color: #fff !important
}

div#fox-container-m308 .fox-form select, div#fox-container-m308 .fox-form textarea, div#fox-container-m308 .fox-form input[type="text"] {
    background: #fff !important;
}

#jm-toppage:after {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    content: none
}

.page-id-85 .information_contact p, .page-id-208 .information_contact p {
    line-height: 22px !important
}

.page-id-85 .information_contact .phone, .page-id-208 .information_contact .phone {
    width: calc(50% - 13px);
    padding: 35px 0 20px 13px
}

.page-id-85 .information_contact .adresse, .page-id-208 .information_contact .adresse {
    width: calc(50% - 12px);
    padding: 35px 12px 40px 0
}

.page-id-85 .information_contact > div > p, .page-id-208 .information_contact > div > p {
    margin: 30px 0px 10px !important
}

.page-id-85 .contact .information_contact > div > p, .page-id-208 .contact .information_contact > div > p {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

#js-mainnav.noJS ul.megamenu li.haschild.HoveredElem:hover > div.childcontent {
}

#js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {
    z-index: -1;
    top: 0px !important;
    padding-top: 76px
}

#jm-toppage-left {
    z-index: 23;
    position: relative;
    width: 225px
}

p#step14 a {
    font-size: 18px
}

p#step14 {
    bottom: 8%;
    font-family: "gotham book"
}

h1#step2 {
    bottom: 30%;
    font-family: "gotham book"
}

.step_3_cont {
    top: 50%
}

div#animate_sld {
    height: 80%
}

body.internalPageCls.page_home a#navigation-toggle.close-ico-redf, body.internalPageCls.expertises a#navigation-toggle.close-ico-redf, body.internalPageCls.expertise a#navigation-toggle.close-ico-redf, body.internalPageCls.technologies a#navigation-toggle.close-ico-redf, body.internalPageCls.carrieres a#navigation-toggle.close-ico-redf, body.internalPageCls.careers a#navigation-toggle.close-ico-redf, body.internalPageCls.offres a#navigation-toggle.close-ico-redf, body.internalPageCls.offshore a#navigation-toggle.close-ico-redf, body.internalPageCls.offers a#navigation-toggle.close-ico-redf {
    background: url(../../../../images/modules/assets/close-ico-redf-b.png) no-repeat center !important
}

.hidden-body {
    overflow: hidden;
    height: 100%
}

.page_home .vjs-icon-play, .page_home .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .page_home .video-js .vjs-play-control .vjs-icon-placeholder {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home .vjs-icon-play:before, .page_home .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .page_home .video-js .vjs-play-control .vjs-icon-placeholder:before {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home .video-js .vjs-big-play-button {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home
.vjs-big-play-centered
.vjs-big-play-button {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home .video-js:hover .vjs-big-play-button, .page_home .video-js .vjs-big-play-button:focus {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home
.vjs-controls-disabled
.vjs-big-play-button, .page_home .vjs-has-started .vjs-big-play-button, .page_home
.vjs-using-native-controls
.vjs-big-play-button, .page_home .vjs-error .vjs-big-play-button {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
.vjs-big-play-button {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home
.video-js
.vjs-big-play-button
.vjs-icon-placeholder:before, .page_home
.vjs-button > .vjs-icon-placeholder:before {
    display: none !important;
    -webkit-appearance: none;
    content: ""
}

.page_home .video-js .vjs-big-play-button, .page_home .vjs-button {
    display: none !important;
    -webkit-appearance: none
}

.page_home
.video-js
.vjs-big-play-button
.vjs-icon-placeholder:before, .page_home
.vjs-button > .vjs-icon-placeholder:before {
    text-align: center !important;
    content: none !important;
    display: none !important;
    -webkit-appearance: none
}

.page_home *::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none
}

.page_home .playing_video::-webkit-media-controls-panel {
    display: flex !important;
    -webkit-appearance: revert
}

.page_home *::state(webkit-media-controls-play-button) {
    display: none !important;
    -webkit-appearance: none
}

.page_home
*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.page_home .vjs-big-play-button {
    display: none !important;
    -webkit-appearance: none
}

.lg_log.tech_ut.dev_t {
    width: 30%;
    min-width: 240px;
    margin-bottom: 110px;
    margin-top: 20px
}

.menu_technologies_etiquettes ul.menu li a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.menu_technologies_etiquettes ul.menu li a:hover {
    background-color: #660133;
    color: #fff !important
}

.menu_technologies_etiquettes ul.menu li.active a {
    display: none
}

.menu_technologies_etiquettes ul.menu li.active {
    display: none
}

.img_grs_onl {
    width: auto;
    height: auto;
    max-height: 100px
}

.portfolio-strip li {
    height: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact div#jm-toppage:before {
    top: 100%;
    height: 1px
}

.rc-anchor-light {
    background: #fff
}

.contact .chzn-container a, .contact #fox-m262-dropdown1 {
    border: none
}

.chzn-container-single .chzn-single {
    border: none
}

p#step14 a {
    border-radius: 0px;
    position: relative;
    border: none;
    transition: all 0.1s ease-in-out;
    margin-bottom: 18px !important
}

p#step14 a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: calc(100% - 2px);
    border-top: solid 1px white;
    border-left: solid 1px white;
    border-bottom: solid 1px white
}

p#step14 a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: calc(100% - 2px);
    border-top: solid 1px white;
    border-right: solid 1px white;
    border-bottom: solid 1px white
}

.information_contact div:nth-of-type(3) p {
    margin-right: 0px !important;
    margin-left: 0px !important
}

.information_contact div:nth-of-type(1) p {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.contact .cont_offshore_avantages.cont_notpad_bi.pageContact {
    padding-left: 0;
    padding-right: 0;
    max-width: 1240px
}

.contact .bg_detail_content_a.contact_block_lk {
    position: relative;
    background-color: #f5f5f5;
    padding: 20px 30px;
    margin: 0 10px;
    width: calc(100% - 85px)
}

.contact .bg_detail_content_a.contact_block_lk::after {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat;
    background-size: 20vw 20vw;
    width: 150px;
    height: 50%;
    max-height: 200px;
    animation: form 4s linear infinite;
    z-index: -1
}

.contact .bg_detail_content_a.contact_block_lk::before {
    content: "";
    position: absolute;
    right: -6px;
    bottom: -6px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat;
    background-size: 20vw 20vw;
    width: 150px;
    height: 50%;
    max-height: 200px;
    animation: form 4s linear infinite;
    z-index: -1
}

.contact .formulaire_f:not(.contact .formulaire_f,.contact.page-id-269 .formulaire_f,.contact.page-id-270 .formulaire_f,.contact.page-id-85 .formulaire_f,.contact.page-id-208 .formulaire_f)::after {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat;
    background-size: 20vw 20vw;
    width: 150px;
    height: 50%;
    max-height: 200px;
    animation: form 4s linear infinite;
    z-index: -1
}

.contact .formulaire_f:not(.contact .formulaire_f,.contact.page-id-269 .formulaire_f,.contact.page-id-270 .formulaire_f,.contact.page-id-85 .formulaire_f,.contact.page-id-208 .formulaire_f)::before {
    content: "";
    position: absolute;
    right: -6px;
    bottom: -6px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat;
    background-size: 20vw 20vw;
    width: 150px;
    height: 50%;
    max-height: 200px;
    animation: form 4s linear infinite;
    z-index: -1
}

.contact .formulaire_f {
    position: relative;
    z-index: 1
}

.contact .formulaire_f > div {
    background-color: #f5f5f5;
    padding: 10px
}

#jm-back-top {
    display: none
}

#jm-back-top span {
    background-color: rgba(66, 01, 33, 0.4)
}

#jm-back-top a:hover span {
    background-color: rgba(66, 01, 33, 1)
}

.djslider-default, .djslider-default img.dj-image, .djslider-default ul.djslider-in > li {
    min-height: 400px;
    width: auto
}

.djslider-default, .djslider-default img.dj-image {
    width: auto;
    min-width: 100%
}

.contact .information_contact > div > span {
    font-family: "Gotham medium";
    font-weight: 500;;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact .information_contact > div > p:before {
    background-color: #fff
}

.page_home
#jm-contentTop2
.slide-desc-text-default
p {
    font-family: "Gotham book"
}

.page_home
#jm-contentTop2
.slide-desc-text-default
h4 {
    font-family: "Gotham medium";
    font-weight: 500;
}

.page_home
#jm-contentTop2
.slide-desc-text-default
h5 {
    font-family: "Gotham medium";
    font-weight: 500;
}

.page_home #jm-topline-mods {
    height: calc(100vh - 80px);
    min-height: 620px;
    max-height: 700px
}

.page_home .img_bg_slide, .img_bg_slide video {
    height: 100%
}

.page_home div#media-container {
    height: 100% !important
}

.contact .rc-anchor-light.rc-anchor-normal {
    background-color: #f5f5f5 !important
}

.contact
div#jm-main
form.fox-form
.fox-row
.fox-column
.fox-item
.chzn-container
a {
    background-color: #fff !important;
    border: none !important
}

.contact div#fox-container-m262 .fox-form-stacked .controls {
    border: 1px solid #dbdbdb !important
}

.contact
div#fox-container-m262
.fox-form-stacked
#fox-m262-recaptcha-box
.controls {
    border: none !important
}

.contact .information_contact > div > p {
    background-color: #fff;
    line-height: 45px !important
}

.information_contact > div span:before {
    background-color: #fff
}

.offres-d-emploi.page-id- .c_page_content, .job-offers.page-id- .c_page_content {
    min-height: calc(100vh - 400px);
    width: 90%
}

.offres-d-emploi .c_page_content h3.contentheading, .job-offers .c_page_content h3.contentheading {
    margin: 100px 0 30px;
    font-family: "gotham bold";
    font-size: 24px
}

.offres-d-emploi .c_page_content div.back_button, .job-offers .c_page_content div.back_button {
    margin: 50px auto;
    width: 100%;
    text-align: center
}

.offres-d-emploi .c_page_content div.back_button a, .job-offers .c_page_content div.back_button a {
    background-image: none !important;
    border-radius: 0px;
    background-color: #660133;
    border: solid 1px #660133;
    text-align: center;
    width: auto !important;
    min-width: 200px;
    font-family: "Gotham book";
    transition: all 0.5s ease-in-out
}

.offres-d-emploi .c_page_content div.back_button a:hover, .job-offers .c_page_content div.back_button a:hover {
    background-color: #fff;
    color: #660133 !important
}

.offres-d-emploi .c_page_content p, .job-offers .c_page_content p {
    font-family: "Gotham book";
    font-size: 16px
}

.contact .chzn-container-single .chzn-single span {
    color: #555
}

.contact .information_contact .email a {
    color: #6a6a6a
}

.contact .formulaire-next-step .control-group {
    padding: 0
}

.contact .formulaire-next-step .fox-item-radio-label-inline, .contact .fox-item-radio-label-stacked, .contact .fox-item-checkbox-group-label-inline {
    margin: 10px 0
}

.contact .chzn-container a, .contact #fox-m262-dropdown1 {
    width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: white !important;
    margin: 0 !important;
    outline: none !important;
    height: 40px !important;
    border: solid 1px #dbdbdb !important;
    font-family: "Gotham book" !important;
    font-size: 14px !important;
    position: relative !important;
    text-align: left !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    padding: 0 10px
}

.contact div#fox-container-m262 .fox-item-dropdown .controls select {
    height: 30px;
    width: 100%;
    background: white
}

.page_home .step_3_cont_t, .page_home .step_3_cont_t {
    display: flex;
    margin: auto;
    width: 100%
}

.page_home #step3, .page_home #step3, .step_3_cont_t ul {
    width: auto;
    font-family: "gotham bold"
}

#step3 {
    position: relative;
    left: 0;
    margin: auto
}

.page_home .portfolio_cont {
    background: #fff;
    padding-bottom: 40px
}

.page_home .portfolio_cont {
    background: #fff;
    padding-bottom: 40px;
    padding-top: 10px
}

.page_home
#jm-contentTop2
.customgray
.section-title
h2, .page_home
#jm-contentTop2
.customgray
.section-title
h2 {
    color: #fff
}

.page_home
#jm-contentTop2
.customgray
.section-title
h2::before, .page_home
#jm-contentTop2
.customgray
.section-title
h2::before {
    background-color: #fff
}

.page_home .skewed, .page_home .skewed {
    margin-top: -50px;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    background: rgba(248, 248, 248, 1)
}

.page_home .skewed .techtransform, .page_home .skewed .techtransform {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg)
}

.page_home #content_top_log_center {
    width: 100%
}

.page_home .poles {
    padding-bottom: 0px
}

.page_home .poles .fix-skew, .page_home .poles {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg)
}

.e_close-ico-redf {
    background: url(../../../../images/modules/assets/close-ico-redf-b.png) no-repeat center !important
}

.page_home
#js-mainnav.megamenu.white
ul.level0
li.megacss > span.mega.haschild:after, .page_home
#js-mainnav.megamenu.white
ul.level0
li.megacss > a.haschild:after, .page_home
#js-mainnav.megamenu.white
ul.level0
li.megacss > span.mega.haschild:after, .page_home
#js-mainnav.megamenu.white
ul.level0
li.megacss > a.haschild:after {
    border: 1px solid #fff;
    border-top: none;
    border-left: none
}

.offres-d-emploi
#js-mainnav.megamenu.white
ul.level0
li.megacss > span.mega.haschild:after, .offres-d-emploi
#js-mainnav.megamenu.white
ul.level0
li.megacss > a.haschild:after {
    border: 1px solid #202020;
    border-top: none;
    border-left: none
}

.carrieres a#navigation-toggle.close-ico-redf, .careers a#navigation-toggle.close-ico-redf, .offshore a#navigation-toggle.close-ico-redf, .offres a#navigation-toggle.close-ico-redf, .expertises a#navigation-toggle.close-ico-redf, .expertise a#navigation-toggle.close-ico-redf, .technologies a#navigation-toggle.close-ico-redf, .offers a#navigation-toggle.close-ico-redf {
    background: url(../../../../images/modules/assets/close-ico-redf-b.png) no-repeat center !important
}

.carrieres .close-ico-redf span.nav-line, .careers .close-ico-redf span.nav-line, .offshore .close-ico-redf span.nav-line, .offres .close-ico-redf span.nav-line, .offers .close-ico-redf span.nav-line, .expertises .close-ico-redf span.nav-line, .expertise .close-ico-redf span.nav-line, .technologies .close-ico-redf span.nav-line, .contact .close-ico-redf span.nav-line {
    background: transparent !important;
    height: 0px !important
}

#jm-toppage.HoveredElement, #jm-toppage.HoveredElement {
    background: transparent !important;
    border-bottom: none !important
}

div#jm-toppage .fixed-nav {
    display: none
}

div#jm-header {
    padding-top: 0px;
    background: transparent
}

body.carrieres.internalPageCls div#jm-header, body.careers.internalPageCls div#jm-header, body.offshore.internalPageCls div#jm-header, body.offres.internalPageCls div#jm-header, body.offers.internalPageCls div#jm-header, body.technologies.internalPageCls div#jm-header, body.expertises.internalPageCls div#jm-header, body.expertise.internalPageCls div#jm-header {
    padding-top: 0px
}

#jm-toppage #js-mainnav ul.level0 > li > a > span {
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px !important
}

#jm-mainpage {
    background: none
}

div#jm-toppage {
    background: transparent;
    position: absolute;
    top: 0px;
    z-index: 9999
}

.offres div#jm-toppage {
    background: transparent !important
}

.carrieres #jm-mainpage #jm-content .bg_page_all .container_page, .careers #jm-mainpage #jm-content .bg_page_all .container_page, .offshore #jm-mainpage #jm-content .bg_page_all .container_page, .offres #jm-mainpage #jm-content .bg_page_all .container_page, .offers #jm-mainpage #jm-content .bg_page_all .container_page, .expertises #jm-mainpage #jm-content .bg_page_all .container_page, .expertise #jm-mainpage #jm-content .bg_page_all .container_page, .technologies #jm-mainpage #jm-content .bg_page_all .container_page {
    margin: 0;
    width: 100%;
    padding: 0
}

.carrieres span.nav-line, .careers span.nav-line, .offres span.nav-line, .offers span.nav-line, .offshore span.nav-line, .expertises span.nav-line, .expertise span.nav-line, .technologies span.nav-line {
    background: white !important
}

div#jm-toppage h2#jm-logo a {
    font-family: "Gotham", Fallback, sans-serif;
    font-weight: 500;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: white;
    width: 200px
}

.offres-d-emploi div#jm-toppage .fixed-nav, .job-offers div#jm-toppage .fixed-nav {
    display: none
}

.offres-d-emploi div#jm-header, .job-offers div#jm-header {
    padding-top: 0px;
    background: transparent
}

body.offres-d-emploi.internalPageCls div#jm-header, body.job-offers.internalPageCls div#jm-header {
    padding-top: 0px
}

.offres-d-emploi #jm-toppage #js-mainnav ul.megamenu > li.active:nth-child(4) > a > span, .job-offers #jm-toppage #js-mainnav ul.megamenu > li.active:nth-child(4) > a > span {
    color: #fff
}

.offres-d-emploi div#jm-toppage div#jm-toppage-in ul.level0.megamenu > li > a > span, .job-offers div#jm-toppage div#jm-toppage-in ul.level0.megamenu > li > a > span {
    color: #202020
}

.offres-d-emploi #jm-mainpage, .job-offers #jm-mainpage {
    background: none
}

.offres-d-emploi div#jm-toppage, .job-offers div#jm-toppage {
    position: absolute !important
}

.offres-d-emploi #jm-mainpage #jm-content .bg_page_all .container_page, .job-offers #jm-mainpage #jm-content .bg_page_all .container_page {
    margin: 0;
    width: 100%;
    padding: 0
}

.offres-d-emploi div#jm-header, .job-offers div#jm-header {
    padding-top: 0px;
    background: transparent;
    background: white
}

.offres-d-emploi #jm-toppage-wrap, .job-offers #jm-toppage-wrap {
    margin: 0 26px
}

body.offres-d-emploi, body.job-offers {
    background: #f6f6f6
}

.offres-d-emploi .footer, .job-offers .footer {
    padding-top: 40px
}

.offres-d-emploi .offres-page .pagination div, .job-offers .offres-page .pagination div {
    color: transparent
}

.offres-d-emploi .offres-page .pagination div .pagination-start, .offres-d-emploi .offres-page .pagination div .pagination-prev, .offres-d-emploi .offres-page .pagination div .pagination-next, .offres-d-emploi .offres-page .pagination div .pagination-end, .job-offers .offres-page .pagination div .pagination-start, .job-offers .offres-page .pagination div .pagination-prev, .job-offers .offres-page .pagination div .pagination-next, .job-offers .offres-page .pagination div .pagination-end {
    display: none
}

.offres-d-emploi div.pagination li, .job-offers div.pagination li {
    border: 1px solid #d2d2d2 !important
}

.offres-d-emploi fieldset.application, .job-offers fieldset.application {
    width: 100%;
    max-width: none
}

.offres-d-emploi .offres-page #limit, .job-offers .offres-page #limit {
    display: none
}

.offres-d-emploi div.pagination ul li span, .job-offers div.pagination ul li span {
    color: #b8236e !important
}

.offres-d-emploi .cont_offshore_avantages.cont_notpad_bi .tableoffers .pagination a, .job-offers .cont_offshore_avantages.cont_notpad_bi .tableoffers .pagination a {
    color: #d2d2d2
}

ul li {
    background-image: none
}

.offres-d-emploi #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(4) > a > span, .job-offers #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(4) > a > span {
    color: white
}

.offres-d-emploi .HoveredElement #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(4) > a > span, .job-offers .HoveredElement #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(4) > a > span {
    color: #292929 !important
}

.offshore #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(3) > a > span {
}

.offres #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(3) > a > span, .offers #js-mainnav.megamenu.white ul.level0 > li.megacss:nth-child(3) > a > span {
}

.expertises
#js-mainnav.megamenu.white
ul.level0 > li.megacss:nth-child(1) > a > span, .technologies
#js-mainnav.megamenu.white
ul.level0 > li.megacss:nth-child(1) > a > span {
}

.offres .footer, .offers .footer, .contact .footer, .offshore .footer {
    padding-top: 100px
}

.stylePP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_in.hashtags {
    color: #688bca;
    cursor: pointer;
    font-size: 19px;
    margin-bottom: 30px;
    font-family: "Gotham";
    font-weight: 400;;
    font-style: italic;
    text-align: left
}

.stylePP h1 {
    padding: 0 0 !important;
    font-size: 33px !important;
    letter-spacing: 2px !important;
    text-align: left !important;
    font-family: "Gotham medium" !important;
    font-weight: 500;
    text-transform: uppercase !important
}

h4.page_in, .ssas-ssrs-et-ssis div.item-page .bg_fonctionalite h4, .ibm-bi div.item-page .bg_fonctionalite h4, .developpement-specifique div.item-page .bg_fonctionalite h4, .qui-sommes-nous div.item-page .bg_fonctionalite h4, .ibm-infosphere div.item-page .bg_fonctionalite h4, .ibm-datastage div.item-page .bg_fonctionalite h4, .ibm-cognos div.item-page .bg_fonctionalite h4, .ibm-spss div.item-page .bg_fonctionalite h4, .microsoft-dotnet div.item-page .bg_fonctionalite h4, .node-js div.item-page .bg_fonctionalite h4, .java-jee div.item-page .bg_fonctionalite h4, .windev-webdev-windevmobile div.item-page .bg_fonctionalite h4, .ionic div.item-page .bg_fonctionalite h4, .ios-app div.item-page .bg_fonctionalite h4, .android div.item-page .bg_fonctionalite h4, .prestashop div.item-page .bg_fonctionalite h4, .magento div.item-page .bg_fonctionalite h4, .drupal div.item-page .bg_fonctionalite h4, .joomla div.item-page .bg_fonctionalite h4, .zend div.item-page .bg_fonctionalite h4, .symfony div.item-page .bg_fonctionalite h4, .angular div.item-page .bg_fonctionalite h4, .codeigniter div.item-page .bg_fonctionalite h4, .talend div.item-page .bg_fonctionalite h4, .pentaho div.item-page .bg_fonctionalite h4, .sql-server div.item-page .bg_fonctionalite h4, .developpement-mobile div.item-page .cont_offshore_avantages h2, .developpement-web div.item-page .cont_offshore_avantages h2, .microsoft-bi div.item-page .bg_fonctionalite h4, .microsoft div.item-page .bg_fonctionalite h4, .ibm div.item-page .bg_fonctionalite h4, .bases-de-donnees div.item-page .cont_offshore_avantages h2, .business-intelligence div.item-page .cont_offshore_avantages h2, .tma div.item-page .cont_offshore_avantages h2, .styleP h2, .styleP h4, {
    font-family: "gotham bold"
}

h2.page_in, .ssas-ssrs-et-ssis .cont_header_entreprise h2 span.title_ikl, .ibm-bi .cont_header_entreprise h2 span.title_ikl, .developpement-specifique .cont_header_entreprise h2 span.title_ikl, .qui-sommes-nous .cont_header_entreprise h2 span.title_ikl, .ibm-infosphere .cont_header_entreprise h2 span.title_ikl, .ibm-datastage .cont_header_entreprise h2 span.title_ikl, .ibm-cognos .cont_header_entreprise h2 span.title_ikl, .ibm-spss .cont_header_entreprise h2 span.title_ikl, .microsoft-dotnet .cont_header_entreprise h2 span.title_ikl, .microsoft .cont_header_entreprise h2 span.title_ikl, .node-js .cont_header_entreprise h2 span.title_ikl, .java-jee .cont_header_entreprise h2 span.title_ikl, .windev-webdev-windevmobile .cont_header_entreprise h2 span.title_ikl, .ionic .cont_header_entreprise h2 span.title_ikl, .ios-app .cont_header_entreprise h2 span.title_ikl, .android .cont_header_entreprise h2 span.title_ikl, .prestashop .cont_header_entreprise h2 span.title_ikl, .magento .cont_header_entreprise h2 span.title_ikl, .drupal .cont_header_entreprise h2 span.title_ikl, .joomla .cont_header_entreprise h2 span.title_ikl, .zend .cont_header_entreprise h2 span.title_ikl, .symfony .cont_header_entreprise h2 span.title_ikl, .angular .cont_header_entreprise h2 span.title_ikl, .codeigniter .cont_header_entreprise h2 span.title_ikl, .talend div.item-page .cont_offshore_avantages h2 span.title_ikl, .pentaho div.item-page .cont_offshore_avantages h2 span.title_ikl, .sql-server div.item-page .cont_offshore_avantages h2 span.title_ikl, .developpement-mobile div.item-page .cont_offshore_avantages h2 span.title_ikl, .developpement-web div.item-page .cont_offshore_avantages h2 span.title_ikl, .microsoft-bi div.item-page .cont_offshore_avantages h2 span.title_ikl, .ibm div.item-page .cont_offshore_avantages h2 span.title_ikl, .bases-de-donnees div.item-page .cont_offshore_avantages h2 span.title_ikl, .business-intelligence div.item-page .cont_offshore_avantages h2 span.title_ikl, .tma div.item-page .cont_offshore_avantages h2 span.title_ikl {
    font-family: "Gotham";
    font-weight: 400;
}

h1.page_in span.title_ikl, .ssas-ssrs-et-ssis div.item-page .cont_offshore_avantages h1 span.title_ikl, .ibm-bi div.item-page .cont_offshore_avantages h1 span.title_ikl, .developpement-specifique
div.item-page
.cont_offshore_avantages
h1
span.title_ikl, .qui-sommes-nous div.item-page .cont_offshore_avantages h1 span.title_ikl, .ibm-infosphere div.item-page .cont_offshore_avantages h1 span.title_ikl, .ibm-datastage div.item-page .cont_offshore_avantages h1 span.title_ikl, .ibm-cognos div.item-page .cont_offshore_avantages h1 span.title_ikl, .ibm-spss div.item-page .cont_offshore_avantages h1 span.title_ikl, .microsoft-dotnet div.item-page .cont_offshore_avantages h1 span.title_ikl, .node-js div.item-page .cont_offshore_avantages h1 span.title_ikl, .java-jee div.item-page .cont_offshore_avantages h1 span.title_ikl, .windev-webdev-windevmobile
div.item-page
.cont_offshore_avantages
h1
span.title_ikl, .ionic div.item-page .cont_offshore_avantages h1 span.title_ikl, .ios-app div.item-page .cont_offshore_avantages h1 span.title_ikl, .android div.item-page .cont_offshore_avantages h1 span.title_ikl, .prestashop div.item-page .cont_offshore_avantages h1 span.title_ikl, .magento div.item-page .cont_offshore_avantages h1 span.title_ikl, .drupal div.item-page .cont_offshore_avantages h1 span.title_ikl, .joomla div.item-page .cont_offshore_avantages h1 span.title_ikl, .zend div.item-page .cont_offshore_avantages h1 span.title_ikl, .symfony div.item-page .cont_offshore_avantages h1 span.title_ikl, .angular div.item-page .cont_offshore_avantages h1 span.title_ikl, .codeigniter div.item-page .cont_offshore_avantages h1 span.title_ikl, .talend div.item-page .cont_offshore_avantages h1 span.title_ikl, .pentaho div.item-page .cont_offshore_avantages h1 span.title_ikl, .sql-server div.item-page .cont_offshore_avantages h1 span.title_ikl, .developpement-mobile div.item-page .cont_offshore_avantages h1 span.title_ikl, .developpement-web div.item-page .cont_offshore_avantages h1 span.title_ikl, .microsoft-bi div.item-page .cont_offshore_avantages h1 span.title_ikl, .microsoft div.item-page .cont_offshore_avantages h1 span.title_ikl, .ibm div.item-page .cont_offshore_avantages h1 span.title_ikl, .bases-de-donnees div.item-page .cont_offshore_avantages h1 span.title_ikl, .business-intelligence div.item-page .cont_offshore_avantages h1 span.title_ikl, .tma div.item-page .cont_offshore_avantages h1 span.title_ikl {
    font-family: "Gotham";
    font-weight: 400;
}

h5.page_in, .ssas-ssrs-et-ssis #jm-mainpage h5, .ibm-bi #jm-mainpage h5, .developpement-specifique #jm-mainpage h5, .ibm-infosphere #jm-mainpage h5, .ibm-datastage #jm-mainpage h5, .ibm-cognos #jm-mainpage h5, .ibm-spss #jm-mainpage h5, .microsoft-dotnet #jm-mainpage h5, .microsoft #jm-mainpage h5, .node-js #jm-mainpage h5, .java-jee #jm-mainpage h5, .windev-webdev-windevmobile #jm-mainpage h5, .ionic #jm-mainpage h5, .ios-app #jm-mainpage h5, .android #jm-mainpage h5, .prestashop #jm-mainpage h5, .magento #jm-mainpage h5, .drupal #jm-mainpage h5, .joomla #jm-mainpage h5, .zend #jm-mainpage h5, .symfony #jm-mainpage h5, .angular #jm-mainpage h5, .codeigniter #jm-mainpage h5, .talend #jm-mainpage h5, .pentaho #jm-mainpage h5, .sql-server #jm-mainpage h5, .developpement-mobile #jm-mainpage h5, .developpement-web #jm-mainpage h5, .microsoft-bi #jm-mainpage h5, .ibm #jm-mainpage h5, .bases-de-donnees #jm-mainpage h5, .business-intelligence #jm-mainpage h5, .tma #jm-mainpage h5, .styleP h5, .stylePP h5 {
    font-family: "Gotham medium";
    font-weight: 500;
}

.stylePP h6, .styleP h6, h6.page_in, .ssas-ssrs-et-ssis #jm-mainpage h6, .ibm-bi #jm-mainpage h6, .developpement-specifique #jm-mainpage h6, .ibm-infosphere #jm-mainpage h6, .ibm-datastage #jm-mainpage h6, .ibm-cognos #jm-mainpage h6, .ibm- #jm-mainpage h6, .microsoft-dotnet #jm-mainpage h6, .microsoft #jm-mainpage h6, .node-js #jm-mainpage h6, .java-jee #jm-mainpage h6, .windev-webdev-windevmobile #jm-mainpage h6, .ionic #jm-mainpage h6, .android #jm-mainpage h6, .prestashop #jm-mainpage h6, .magento #jm-mainpage h6, .drupal #jm-mainpage h6, .joomla #jm-mainpage h6, .zend #jm-mainpage h6, .symfony #jm-mainpage h6, .codeigniter #jm-mainpage h6, .angular #jm-mainpage h6, .ios-app #jm-mainpage h6, .talend #jm-mainpage h6, .pentaho #jm-mainpage h6, .sql-server #jm-mainpage h6, .developpement-mobile #jm-mainpage h6, .developpement-web #jm-mainpage h6, .microsoft-bi #jm-mainpage h6, .ibm #jm-mainpage h6, .bases-de-donnees #jm-mainpage h6, .business-intelligence #jm-mainpage h6, .tma #jm-mainpage h6 {
    font-family: "Gotham medium";
    font-weight: 500;
}

.stylePP p, .styleP p, p.page_in, .windev-webdev-windevmobile #jm-mainpage p, .ssas-ssrs-et-ssis #jm-mainpage p, .ibm-bi #jm-mainpage p, .developpement-specifique #jm-mainpage p, .ibm-infosphere #jm-mainpage p, .ibm-datastage #jm-mainpage p, .ibm-cognos #jm-mainpage p, .ibm-spss #jm-mainpage p, .microsoft-dotnet #jm-mainpage p, .microsoft #jm-mainpage p, .node-js #jm-mainpage p, .java-jee #jm-mainpage p, .windev-webdev-windevmobile #jm-mainpage p, .ionic #jm-mainpage p, .ios-app #jm-mainpage p, .android #jm-mainpage p, .prestashop #jm-mainpage p, .magento #jm-mainpage p, .drupal #jm-mainpage p, .joomla #jm-mainpage p, .zend #jm-mainpage p, .symfony #jm-mainpage p, .angular #jm-mainpage p, .codeigniter #jm-mainpage p, .talend #jm-mainpage p, .pentaho #jm-mainpage p, .sql-server #jm-mainpage p, .developpement-mobile #jm-mainpage p, .microsoft-bi #jm-mainpage p, .ibm #jm-mainpage p, .bases-de-donnees #jm-mainpage p, .business-intelligence #jm-mainpage p, .tma #jm-mainpage p {
    font-family: "Gotham book";
    color: #333 !important;
    font-size: 16px !important;
    text-align: left !important
}

.stylePP ul li, .styleP ul li, ul.page_in li, .ssas-ssrs-et-ssis #jm-mainpage ul li, .ibm-bi #jm-mainpage ul li, .developpement-specifique #jm-mainpage ul li, .ibm-infosphere #jm-mainpage ul li, .ibm-cognos #jm-mainpage ul li, .ibm-datastage #jm-mainpage ul li, .ibm-spss #jm-mainpage ul li, .microsoft-dotnet #jm-mainpage ul li, .microsoft #jm-mainpage ul li, .node-js #jm-mainpage ul li, .java-jee #jm-mainpage ul li, .windev-webdev-windevmobile #jm-mainpage ul li, .ionic #jm-mainpage ul li, .ios-app #jm-mainpage ul li, .android #jm-mainpage ul li, .prestashop #jm-mainpage ul li, .magento #jm-mainpage ul li, .drupal #jm-mainpage ul li, .joomla #jm-mainpage ul li, .zend #jm-mainpage ul li, .symfony #jm-mainpage ul li, .angular #jm-mainpage ul li, .codeigniter #jm-mainpage ul li, .talend #jm-mainpage ul li, .pentaho #jm-mainpage ul li, .sql-server #jm-mainpage ul li, .developpement-mobile #jm-mainpage ul li, .developpement-web #jm-mainpage ul li, .microsoft-bi #jm-mainpage ul li, .ibm #jm-mainpage ul li, .bases-de-donnees #jm-mainpage ul li, .business-intelligence #jm-mainpage ul li, .tma #jm-mainpage ul li {
    font-family: "Gotham book";
    font-size: 16px
}

.qui-sommes-nous div#jm-header .cont_header_entreprise {
    background: rgba(0, 0, 0, 0.7) !important
}

.qui-sommes-nous div#jm-header .header_entreprise {
    width: 100% !important;
    height: 212px !important;
    background: url("../../../../images/jch-optimize/ng/images_modules_detialsBg.webp") no-repeat !important;
    background-attachment: fixed !important;
    background-size: 100% 500px !important;
    background-position: center
}

.about-us div#jm-header .cont_header_entreprise {
    background: rgba(0, 0, 0, 0.7) !important
}

.about-us div#jm-header .header_entreprise {
    width: 100% !important;
    height: 212px !important;
    background: url("../../../../images/jch-optimize/ng/images_modules_detialsBg.webp") no-repeat !important;
    background-attachment: fixed !important;
    background-size: 100% 500px !important;
    background-position: center
}

#js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
    border: 1px solid #660133;
    border-top: none;
    border-left: none
}

.contact
#js-mainnav.megamenu.white
ul.level0
li.megacss > span.mega.haschild:after, .contact #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .login #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .merci-de-nous-avoir-contacte #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
    border: 1px solid #4a4a4a;
    border-top: none;
    border-left: none
}

.carrieres #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .carrieres #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .careers #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .careers #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .offshore #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .offshore #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .offres #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .offres #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .offers #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .offers #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .expertises #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .expertises #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .expertise #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .expertise #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after, .technologies #js-mainnav.megamenu.white ul.level0 li.megacss > span.mega.haschild:after, .technologies #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
    border: 1px solid #fff;
    border-top: none;
    border-left: none
}

.HoveredElement #js-mainnav ul.level0 > li > a > span {
    color: #262626
}

.offres-d-emploi
.HoveredElement
#js-mainnav.megamenu.white
ul.level0 > li.megacss:nth-child(3) > a > span {
    color: #292929 !important
}

.HoveredElement #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before {
    background-color: #171717
}

.childcontent .megacol .megamenu .level1 .group-title a span {
    font-family: "Gotham";
    font-weight: 500;;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff
}

#js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before {
    background-color: #660133
}

.HoveredElement #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .carrieres #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .careers #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .expertises #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .expertise #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .technologies #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .offshore #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .offres #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .offers #js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before, .page_home
#js-mainnav.megamenu.white
ul.level0 > li.megacss.haschild:hover:before {
    background-color: #171717
}

.carrieres #js-mainnav.megamenu.white ul.level0 > li.megacss::after, .careers #js-mainnav.megamenu.white ul.level0 > li.megacss::after, .expertises #js-mainnav.megamenu.white ul.level0 > li.megacss::after, .expertise #js-mainnav.megamenu.white ul.level0 > li.megacss::after, .technologies #js-mainnav.megamenu.white ul.level0 > li.megacss::after, .offshore #js-mainnav.megamenu.white ul.level0 > li.megacss::after, .page_home
.offres #js-mainnav.megamenu.white ul.level0 > li.megacss::after, .offers #js-mainnav.megamenu.white ul.level0 > li.megacss::after, #js-mainnav.megamenu.white
ul.level0 > li.megacss::after {
    background-color: #fff !important
}

.HoveredElement #js-mainnav.megamenu.white ul.level0 > li.megacss::after {
    background-color: #fff !important
}

.HoveredElement
#js-mainnav.megamenu.white
ul.level0
li.megacss > span.mega.haschild:after, .HoveredElement
#js-mainnav.megamenu.white
ul.level0
li.megacss > a.haschild:after {
    border: 1px solid #fff;
    border-top: none;
    border-left: none
}

.sidr .sidr-inner > ul > li > a {
    text-transform: uppercase
}

.sidr .sidr-inner > ul > .sidr-class-item-1091 > ul, .sidr .sidr-inner > ul > .sidr-class-item-1139 > ul, .sidr .sidr-inner > ul > .sidr-class-item-611 > ul, .sidr .sidr-inner > ul > .sidr-class-item-1092 > ul, .sidr .sidr-inner > ul > l sidr-class-item-928 > ul {
    display: block !important
}

#sidr-main .sidr-inner li.sidr-class-has-sub.sidr-class-parent.closedArrowMenu {
    background: none
}

#jm-toppage #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss#menu912 {
    width: 80%
}

.about-us .container_page, .qui-sommes-nous .container_page, .who-are-we .container_page, .qui-sommes-nous .container_page {
    width: 100%;
    margin: auto;
    padding: 25px 0px
}

.qui-sommes-nous .section-description p {
    width: 80%;
    line-height: 20px;
    font-size: 18px;
    margin-bottom: 50px
}

.about-us .section-description p {
    width: 80% !important;
    line-height: 20px !important;
    font-size: 18px !important;
    margin-bottom: 50px !important
}

.contact .responsive_map {
    height: calc(100vh - 153px);
    width: 100%;
    margin: 0 auto
}

.contact h1 {
    padding: 0 !important
}

.contact .offshore-skewed, .reclamation-soumise .offshore-skewed, .complaint-submitted .offshore-skewed {
    background-color: #fff;
    -webkit-transform: none;
    transform: none;
    margin-top: 0
}

.contact .offshore-skewed .techtransform, .reclamation-soumise .offshore-skewed .techtransform, .complaint-submitted .offshore-skewed .techtransform {
    -webkit-transform: none;
    transform: none
}

.contact .gmap_marker, .page_home .gmap_marker {
    font-family: "gotham book"
}

.contact .gmap_marker b, .page_home .gmap_marker b {
    font-family: "Gotham medium";
    font-weight: 500;
}

.contact .container_page {
    padding-top: 0px
}

.contact div#fox-container-m262 .fox-form-stacked .controls {
    margin: 5px 0
}

.contact #jm-toppage.HoveredElement {
    border-bottom: none !important
}

.contact div#jm-toppage {
    border-bottom: none
}

body.internalPageCls.contact #jm-allpage .container_page .formulaire_f .btn {
    max-width: 300px;
    background: #690e32;
    border: solid 1px #690e32;
    transition: all 0.5s ease-in-out;
    border-radius: 0;
    outline: none
}

body.internalPageCls.contact #jm-allpage .container_page .formulaire_f .btn:hover {
    background: #fff
}

body.internalPageCls.contact #jm-allpage .container_page .formulaire_f .btn:hover span {
    color: #690e32
}

.contact-page-container {
    background-color: #f5f5f5
}

.contact .cont_offshore_avantages.cont_notpad_bi.pageContact {
    margin: 75px auto 0;
    position: relative;
    z-index: 5;
    background-color: #f5f5f5
}

.contact .beffooter, .contact.page-id-269 .beffooter, .contact.page-id-270 .beffooter, .contact.page-id-85 .beffooter, .contact.page-id-208 .beffooter {
    margin-bottom: -53px
}

.reclamation .beffooter {
    margin-top: unset !important;
    margin-bottom: -70px !important
}

.contact .beffooter {
    width: 100%;
    height: 180px;
    background-color: #f5f5f5;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    margin-bottom: 0px;
    margin-top: -100px
}

.contact .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .page_home .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c {
    left: -75px
}

.contact .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .page_home .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c {
    left: 55px
}

#js-mainnav.megamenu.white ul.level0 > li.megacss.haschild:hover:before {
    height: 3px;
    background-color: #603;
    top: calc(100% - 3px)
}

#js-mainnav.megamenu ul.level0 li.megacss a img {
    float: left;
    width: auto
}

#js-mainnav.megamenu.white ul.level0 li.megacss:nth-child(6) > a.haschild:after {
    border: 1px solid #4a4a4a;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 9px;
    left: 62px;
    position: absolute;
    top: 24px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
    width: 9px;
    background-image: none !important;
    bottom: auto
}

div#jm-toppage.HoveredElement #js-mainnav.megamenu ul.level0 li.megacss a:after, .page-id-313 div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .page-id-339 div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .page-id-77 div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .page-id-103 div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .page_home div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .expertises div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .expertise div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .technologies div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .offshore div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .carrieres div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .careers div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after {
    border: 1px solid #fff;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent
}

.job-offers div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a img, .offres-d-emploi div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: brightness 0.3s ease-out;
    -o-transition: brightness 0.3s ease-out;
    transition: brightness 0.3s ease-out
}

.job-offers div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after, .offres-d-emploi div#jm-toppage #js-mainnav.megamenu ul.level0 li.megacss a:after {
    border: 1px solid #202020;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent
}

div#jm-toppage.HoveredElement #js-mainnav.megamenu ul.level0 li.megacss a:after {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent
}

div#jm-toppage.HoveredElement #js-mainnav.megamenu ul.level0 li.megacss a img {
    transition: brightness 0.3s ease-out
}

@media all and (max-width: 1286px) {
    .page_home #jm-contentTop2 .slide-desc-text-default p {
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (max-width: 1190px) {
    .contact .beffooter {
        margin-bottom: 0
    }

    .contact-page-container {
        background-color: #f5f5f5 !important
    }
}

@media all and (max-width: 1024px) {
    .offres-d-emploi #jm-toppage-wrap {
        margin: 0 0px
    }

    .offres-d-emploi h2#jm-logo {
        padding-left: 0px
    }

    .details {
        padding-top: 54px
    }

    .offres-page .title-section {
        margin-top: 55px
    }
}

@media all and (max-width: 1000px) {
    .page_home #jm-topline-mods {
        height: 700px
    }
}

@media all and (max-width: 920px) {
    .stylePP h1, .styleP h1, h1.page_in, .ruby-on-rails div#jm-header .cont_header_entreprise h1, .vue-js div#jm-header .cont_header_entreprise h1, .sas div#jm-header .cont_header_entreprise h1, .php div#jm-header .cont_header_entreprise h1, .react-js div#jm-header .cont_header_entreprise h1, .xamarin div#jm-header .cont_header_entreprise h1, .power-bi div#jm-header .cont_header_entreprise h1, .flutter div#jm-header .cont_header_entreprise h1, .microsoft-dotnet div#jm-header .cont_header_entreprise h1, .node-js div#jm-header .cont_header_entreprise h1, .java-jee div#jm-header .cont_header_entreprise h1, .windev-webdev-windevmobile div#jm-header .cont_header_entreprise h1, .ssas-ssrs-et-ssis div#jm-header .cont_header_entreprise h1, .ibm-bi div#jm-header .cont_header_entreprise h1, .developpement-specifique div#jm-header .cont_header_entreprise h1, .qui-sommes-nous div#jm-header .cont_header_entreprise h1, .ionic div#jm-header .cont_header_entreprise h1, .ios-app div#jm-header .cont_header_entreprise h1, .android div#jm-header .cont_header_entreprise h1, .prestashop div#jm-header .cont_header_entreprise h1, .magento div#jm-header .cont_header_entreprise h1, .ibm-infosphere div#jm-header .cont_header_entreprise h1, .ibm-datastage div#jm-header .cont_header_entreprise h1, .ibm-cognos div#jm-header .cont_header_entreprise h1, .ibm-spss div#jm-header .cont_header_entreprise h1, .drupal div#jm-header .cont_header_entreprise h1, .joomla div#jm-header .cont_header_entreprise h1, .zend div#jm-header .cont_header_entreprise h1, .symfony div#jm-header .cont_header_entreprise h1, .angular div#jm-header .cont_header_entreprise h1, .codeigniter div#jm-header .cont_header_entreprise h1, .talend div#jm-header .cont_header_entreprise h1, .pentaho div#jm-header .cont_header_entreprise h1, .sql-server div#jm-header .cont_header_entreprise h1, .developpement-mobile div#jm-header .cont_header_entreprise h1, .developpement-web div#jm-header .cont_header_entreprise h1, .microsoft-bi div#jm-header .cont_header_entreprise h1, .microsoft div#jm-header .cont_header_entreprise h1, .ibm div#jm-header .cont_header_entreprise h1, .bases-de-donnees div#jm-header .cont_header_entreprise h1, .business-intelligence div#jm-header .cont_header_entreprise h1, .tma div#jm-header .cont_header_entreprise h1 {
        font-size: 20px !important
    }

    .stylePP h4, .styleP h4, h4.page_in, .ssas-ssrs-et-ssis div.item-page .bg_fonctionalite h4, .ibm-bi div.item-page .bg_fonctionalite h4, .developpement-specifique div.item-page .bg_fonctionalite h4, .microsoft-dotnet div.item-page .bg_fonctionalite h4, .microsoft div.item-page .bg_fonctionalite h4, .node-js div.item-page .bg_fonctionalite h4, .java-jee div.item-page .bg_fonctionalite h4, .windev-webdev-windevmobile div.item-page .bg_fonctionalite h4, .ionic div.item-page .bg_fonctionalite h4, .ios-app div.item-page .bg_fonctionalite h4, .android div.item-page .bg_fonctionalite h4, .prestashop div.item-page .bg_fonctionalite h4, .magento div.item-page .bg_fonctionalite h4, .ibm-infosphere div.item-page .bg_fonctionalite h4, .ibm-datastage div.item-page .bg_fonctionalite h4, .ibm-cognos div.item-page .bg_fonctionalite h4, .ibm-spss div.item-page .bg_fonctionalite h4, .drupal div.item-page .bg_fonctionalite h4, .joomla div.item-page .bg_fonctionalite h4, .zend div.item-page .bg_fonctionalite h4, .symfony div.item-page .bg_fonctionalite h4, .angular div.item-page .bg_fonctionalite h4, .codeigniter div.item-page .bg_fonctionalite h4, .talend div.item-page .bg_fonctionalite h4, .pentaho div.item-page .bg_fonctionalite h4, .sql-server div.item-page .cont_offshore_avantages h2, .developpement-mobile div.item-page .cont_offshore_avantages h2, .developpement-web div.item-page .cont_offshore_avantages h2, .microsoft-bi div.item-page .bg_fonctionalite h4, .ibm div.item-page .bg_fonctionalite h4, .bases-de-donnees div.item-page .cont_offshore_avantages h2, .business-intelligence div.item-page .cont_offshore_avantages h2, .tma div.item-page .cont_offshore_avantages h2 {
        font-size: 19px !important;
        color: #616161
    }

    .stylePP h5, .styleP h5, h5.page_in, .ssas-ssrs-et-ssis #jm-mainpage h5, .ibm-bi #jm-mainpage h5, .developpement-specifique #jm-mainpage h5, .ibm-infosphere #jm-mainpage h5, .ibm-datastage #jm-mainpage h5, .ibm-cognos #jm-mainpage h5, .ibm-spss #jm-mainpage h5, .microsoft-dotnet #jm-mainpage h5, .microsoft #jm-mainpage h5, .node-js #jm-mainpage h5, .java-jee #jm-mainpage h5, .windev-webdev-windevmobile #jm-mainpage h5, .ionic #jm-mainpage h5, .ios-app #jm-mainpage h5, .android #jm-mainpage h5, .prestashop #jm-mainpage h5, .magento #jm-mainpage h5, .drupal #jm-mainpage h5, .joomla #jm-mainpage h5, .zend #jm-mainpage h5, .symfony #jm-mainpage h5, .angular #jm-mainpage h5, .codeigniter #jm-mainpage h5, .talend #jm-mainpage h5, .pentaho #jm-mainpage h5, .sql-server #jm-mainpage h5, .developpement-mobile #jm-mainpage h5, .developpement-web #jm-mainpage h5, .microsoft-bi #jm-mainpage h5, .ibm #jm-mainpage h5, .bases-de-donnees #jm-mainpage h5, .business-intelligence #jm-mainpage h5, .tma #jm-mainpage h5 {
        font-size: 16px !important;
        color: #616161
    }

    .stylePP h6, .styleP h6, h6.page_in, .ssas-ssrs-et-ssis #jm-mainpage h6, .ibm-bi #jm-mainpage h6, .developpement-specifique #jm-mainpage h6, .ibm-infosphere #jm-mainpage h6, .ibm-datastage #jm-mainpage h6, .ibm-cognos #jm-mainpage h6, .ibm-spss #jm-mainpage h6, .microsoft-dotnet #jm-mainpage h6, .microsoft #jm-mainpage h6, .node-js #jm-mainpage h6, .java-jee #jm-mainpage h6, .windev-webdev-windevmobile #jm-mainpage h6, .ionic #jm-mainpage h6, .android #jm-mainpage h6, .prestashop #jm-mainpage h6, .magento #jm-mainpage h6, .drupal #jm-mainpage h6, .joomla #jm-mainpage h6, .zend #jm-mainpage h6, .symfony #jm-mainpage h6, .codeigniter #jm-mainpage h6, .angular #jm-mainpage h6, .ios-app #jm-mainpage h6, .talend #jm-mainpage h6, .pentaho #jm-mainpage h6, .sql-server #jm-mainpage h6, .developpement-mobile #jm-mainpage h6, .developpement-web #jm-mainpage h6, .microsoft-bi #jm-mainpage h6, .ibm #jm-mainpage h6, .bases-de-donnees #jm-mainpage h6, .business-intelligence #jm-mainpage h6, .tma #jm-mainpage h6 {
        font-size: 16px !important;
        color: #616161
    }

    .stylePP ul li, .styleP ul li, ul.page_in li, .ssas-ssrs-et-ssis #jm-mainpage ul li, .ibm-bi #jm-mainpage ul li, .developpement-specifique #jm-mainpage ul li, .ibm-infosphere #jm-mainpage ul li, .ibm-datastage #jm-mainpage ul li, .ibm-cognos #jm-mainpage ul li, .ibm-spss #jm-mainpage ul li, .microsoft-dotnet #jm-mainpage ul li, .microsoft #jm-mainpage ul li, .node-js #jm-mainpage ul li, .java-jee #jm-mainpage ul li, .windev-webdev-windevmobile #jm-mainpage ul li, .ionic #jm-mainpage ul li, .ios-app #jm-mainpage ul li, .android #jm-mainpage ul li, .prestashop #jm-mainpage ul li, .magento #jm-mainpage ul li, .drupal #jm-mainpage ul li, .joomla #jm-mainpage ul li, .zend #jm-mainpage ul li, .symfony #jm-mainpage ul li, .angular #jm-mainpage ul li, .codeigniter #jm-mainpage ul li, .talend #jm-mainpage ul li, .pentaho #jm-mainpage ul li, .sql-server #jm-mainpage ul li, .developpement-mobile #jm-mainpage ul li, .developpement-web #jm-mainpage ul li, .microsoft-bi #jm-mainpage ul li, .ibm #jm-mainpage ul li, .bases-de-donnees #jm-mainpage ul li, .business-intelligence #jm-mainpage ul li, .tma #jm-mainpage ul li {
        font-size: 13px
    }

    .stylePP p, .styleP p, p.page_in, .ssas-ssrs-et-ssis #jm-mainpage p, .ibm-bi #jm-mainpage p, .developpement-specifique #jm-mainpage p, .ibm-infosphere #jm-mainpage p, .ibm-datastage #jm-mainpage p, .ibm-cognos #jm-mainpage p, .ibm-spss #jm-mainpage p, .microsoft-dotnet #jm-mainpage p, .microsoft #jm-mainpage p, .node-js #jm-mainpage p, .java-jee #jm-mainpage p, .windev-webdev-windevmobile #jm-mainpage p, .ionic #jm-mainpage p, .ios-app #jm-mainpage p, .android #jm-mainpage p, .prestashop #jm-mainpage p, .magento #jm-mainpage p, .drupal #jm-mainpage p, .joomla #jm-mainpage p, .zend #jm-mainpage p, .symfony #jm-mainpage p, .angular #jm-mainpage p, .codeigniter #jm-mainpage p, .talend #jm-mainpage p, .pentaho #jm-mainpage p, .sql-server #jm-mainpage p, .developpement-mobile #jm-mainpage p, .developpement-web #jm-mainpage p, .microsoft-bi #jm-mainpage p, .ibm #jm-mainpage p, .bases-de-donnees #jm-mainpage p, .business-intelligence #jm-mainpage p, .tma #jm-mainpage p {
        font-size: 13px !important
    }
}

@media all and (max-width: 854px) {
    .page_home #jm-contentTop2 .slide-desc-text-default h4 {
        font-size: 45px;
        line-height: 45px
    }

    .page_home #jm-contentTop2 .slide-desc-text-default h5 {
        font-size: 26px
    }
}

@media all and (max-width: 772px) {
    .error-404-cont {
        flex-direction: column
    }

    .error-404-cont .svg {
        width: 100%
    }

    .error-404-cont .txt {
        width: 100%;
        text-align: center
    }

    .error-404-cont .txt h3 {
        text-align: center
    }

    .cookie-text-v-fr, .cookie-text-v-en {
        max-height: 200px;
        overflow-y: scroll
    }

    div.cc-checkboxes-container {
        padding: 0
    }

    div.cc-checkboxes-container a.cc-btn.cc-allow, span.cc-message span.cc-cookie-settings-toggle {
        margin-top: 10px;
        display: block;
        margin: 5px auto
    }

    .cc-banner.cc-theme-edgeless .cc-message {
        padding: 0
    }

    div.cc-window.cc-banner {
        flex-direction: column;
        padding: 0 15px 20px
    }

    .page_home .domaines .contenu {
        padding: 0px 5%;
        padding-bottom: 0px
    }

    .accueil-management .contenu .elem .elem-contenu .head h5 {
        font-size: 17px !important
    }

    .accueil-applicatif .contenu .elem .elem-contenu .head h5 {
        font-size: 17px !important
    }

    .quiSommesNous-acteur .contenu .sous-title h4 {
        font-size: 16px
    }

    .page_home .nous-contact .cntct2::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 15px;
        transform: translateX(-50%);
        width: 60%;
        height: 2px;
        background-color: #660133
    }

    .page_home .img_bg_slide {
        position: relative;
        height: auto
    }
}

@media all and (max-width: 700px) {
    div#jm-header .header_entreprise {
        background-size: 215% 850px !important
    }

    .qui-sommes-nous div#jm-header .header_entreprise {
        background-size: 150% 500px !important
    }
}

@media screen and (max-width: 670px) {
    .contact .chzn-container a {
        width: 100% !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: white !important;
        margin: 0 !important;
        outline: none !important;
        height: 40px !important;
        border: solid 1px #dbdbdb !important;
        font-family: "Gotham book" !important;
        font-size: 14px !important;
        position: relative !important;
        text-align: left !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: "";
        padding: 0 10px
    }

    div.item-page .cont_offshore_avantages.cont_notpad_bi .adresse p {
        margin: 30px 0px 10px !important
    }

    .information_contact .email, .information_contact .phone, .information_contact .adresse {
        width: 100% !important;
        padding: 35px 0 20px 0px !important;
        margin: 30px 0px 10px !important
    }

    .page_home #jm-contentTop2 .slide-desc-text-default h4 {
        font-size: 36px
    }

    .page_home #jm-contentTop2 .slide-desc-text-default h5 {
        font-size: 20px
    }

    .contact.page-id-270 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-269 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-237 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-242 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-234 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-235 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-236 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-238 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-240 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-241 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-243 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-244 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-246 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .contact.page-id-247 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .page_home.page-id-77 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .page_home.page-id-339 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c, .page_home.page-id-313 .gm-style > div > div > div > div > div:nth-of-type(1) .gm-style-iw-c {
        left: -10px;
        width: 120px
    }

    .contact.page-id-270 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-269 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-237 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-242 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-234 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-235 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-236 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-238 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-240 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-241 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-243 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-244 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-246 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .contact.page-id-247 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .page_home.page-id-77 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .page_home.page-id-339 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c, .page_home.page-id-313 .gm-style > div > div > div > div > div:nth-of-type(2) .gm-style-iw-c {
        left: 0px;
        width: 120px
    }

    .contact-developpement-applicatif-autre .beffooter, .contact-developpement-applicatif .beffooter, .contact-autre-type-projet .beffooter, .contact-application-mobile .beffooter, .contact-developpement-web .beffooter, .contact-autre-type-projet .beffooter, .contact-erp-cloud .beffooter {
        margin-bottom: 0px;
        margin-top: -85px
    }

    .contact .bg_detail_content_a.contact_block_lk {
        position: relative;
        padding: 0 10px 25px;
        margin: 0;
        width: calc(100% - 20px);
        background-color: #f5f5f5
    }

    .contact .bg_detail_content_a.contact_block_lk::before {
        width: 150px;
        height: 190px
    }

    .contact .bg_detail_content_a.contact_block_lk::after {
        width: 150px;
        height: 190px
    }
}

@media screen and (max-width: 600px) {
    .djslider-default, .djslider-default img.dj-image {
        min-width: 130%
    }

    .djslider-default, .djslider-default img.dj-image, .djslider-default ul.djslider-in > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media all and (max-width: 550px) {
    .carrieres div#jm-toppage h2#jm-logo a, .careers div#jm-toppage h2#jm-logo a {
        font-size: 20px
    }
}

@media screen and (max-width: 450px) {
    .djslider-default, .djslider-default img.dj-image {
        min-width: 170%
    }
}

.fox-item-recaptcha .controls span.asterisk {
    left: 310px !important
}

#sidr-main .sidr-inner > ul > li.sidr-class-item-1091 > a, #sidr-main .sidr-inner > ul > li.sidr-class-item-1092 > a {
    display: none !important
}

div#fox-container-m262 .alert-error {
    display: none
}

div#fox-container-m419 .alert-error {
    display: none
}

div#fox-container-m420 .alert-error {
    display: none
}

div#fox-container-m304 .alert-error {
    display: none
}

div#fox-container-m419 .control-group.error input[type="text"], div#fox-container-m419 .control-group.error select, div#fox-container-m419 .control-group.error textarea, div#fox-container-m419 .control-group.error a.chzn-single, div#fox-container-m419 .control-group.error .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.error .chzn-container a, div#fox-container-m419 .fox-item-recaptcha.error div.controls .fox-item-recaptcha-display {
    border: 1px solid #b94a48 !important
}

div#fox-container-m419 .control-group.success input[type="text"], div#fox-container-m419 .control-group.success select, div#fox-container-m419 .control-group.success textarea, div#fox-container-m419 .control-group.success a.chzn-single, div#fox-container-m419 .control-group.success .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.success .chzn-container a, div#fox-container-m419 .fox-item-recaptcha.success div.controls .fox-item-recaptcha-display {
    border: 1px solid #468847 !important
}

div#fox-container-m262 .control-group.error input[type="text"], div#fox-container-m262 .control-group.error select, div#fox-container-m262 .control-group.error textarea, div#fox-container-m262 .control-group.error a.chzn-single, div#fox-container-m262 .control-group.error .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.error .chzn-container a, div#fox-container-m262 .fox-item-recaptcha.error div.controls .fox-item-recaptcha-display {
    border: 1px solid #b94a48 !important
}

div#fox-container-m262 .control-group.success input[type="text"], div#fox-container-m262 .control-group.success select, div#fox-container-m262 .control-group.success textarea, div#fox-container-m262 .control-group.success a.chzn-single, div#fox-container-m262 .control-group.success .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.success .chzn-container a, div#fox-container-m262 .fox-item-recaptcha.success div.controls .fox-item-recaptcha-display {
    border: 1px solid #468847 !important
}

div#fox-container-m420 .control-group.error input[type="text"], div#fox-container-m420 .control-group.error select, div#fox-container-m420 .control-group.error textarea, div#fox-container-m420 .control-group.error a.chzn-single, div#fox-container-m420 .control-group.error .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.error .chzn-container a, div#fox-container-m420 .fox-item-recaptcha.error div.controls .fox-item-recaptcha-display {
    border: 1px solid #b94a48 !important
}

div#fox-container-m420 .control-group.success input[type="text"], div#fox-container-m420 .control-group.success select, div#fox-container-m420 .control-group.success textarea, div#fox-container-m420 .control-group.success a.chzn-single, div#fox-container-m420 .control-group.success .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.success .chzn-container a, div#fox-container-m420 .fox-item-recaptcha.success div.controls .fox-item-recaptcha-display {
    border: 1px solid #468847 !important
}

div#fox-container-m304 .control-group.error input[type="text"], div#fox-container-m304 .control-group.error select, div#fox-container-m304 .control-group.error textarea, div#fox-container-m304 .control-group.error a.chzn-single, div#fox-container-m304 .control-group.error .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.error .chzn-container a, div#fox-container-m304 .fox-item-recaptcha.error div.controls .fox-item-recaptcha-display {
    border: 1px solid #b94a48 !important
}

div#fox-container-m304 .control-group.success input[type="text"], div#fox-container-m304 .control-group.success select, div#fox-container-m304 .control-group.success textarea, div#fox-container-m304 .control-group.success a.chzn-single, div#fox-container-m304 .control-group.success .fox-item-captcha-cnt img, .contact div#jm-main form.fox-form .fox-row .fox-column .fox-item.control-group.success .chzn-container a, div#fox-container-m304 .fox-item-recaptcha.success div.controls .fox-item-recaptcha-display {
    border: 1px solid #468847 !important
}

.developpement-specifique #jm-djmenu ul.level0.megamenu li:first-of-type > a {
    color: #a01c5f !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
    height: 510px
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    max-width: 100%;
    width: 100% !important;
    padding: 5px 15px 15px;
    margin: 0;
    box-sizing: border-box
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner {
    -webkit-box-shadow: none !important;
    box-sizing: border-box;
    box-shadow: none !important;
    border-radius: 0px !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 40px 11px;
    height: 100% !important;
    margin: 0 !important
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner .megacol {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    padding: 0 !important;
    margin: 0
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    padding: 0 !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    padding: 0 !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    padding: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    display: block;
    min-height: 100%
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group {
    height: 100%
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-title {
    margin-bottom: 25px;
    position: relative;
    display: none
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-title > a.megacss {
    width: 100%;
    cursor: default
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-title > a.megacss > span {
    width: 100%;
    font-size: 23px;
    text-align: center
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    max-width: unset
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss {
    display: block;
    max-width: unset;
    text-align: left;
    margin: 0;
    position: relative;
    height: fit-content
}

#js-mainnav.noJS ul.megamenu li.haschild.first > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss {
    margin-left: 14px !important;
    margin-right: 14px !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss > .group > .group-title > a > span {
    font-family: "Gotham";
    font-weight: 500;;
    font-size: 16.5px;
    margin-bottom: 0px;
    line-height: 22px;
    cursor: default;
    text-wrap: nowrap !important;
    margin-bottom: 5px !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu {
    display: flex;
    flex-direction: column
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss {
    width: calc(100%) !important;
    max-width: unset;
    height: 46px;
    text-align: left;
    padding: 6px 6px 14px 0;
    box-sizing: border-box;
    padding-left: 0px !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss > a > span {
    font-size: 13px;
    color: black
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner:before {
    content: none
}

.styleP table, .styleP tr, .styleP th, .styleP td {
    border-collapse: collapse;
    border: 1px solid #862656;
    padding: 5px 10px
}

.styleP .table-container {
    overflow: auto;
    width: 94vw
}

.styleP table {
    margin-top: 20px;
    min-width: 900px
}

.styleP a {
    color: #660133 !important;
    font-weight: 700
}

.styleP.bg_detail_content h1, .styleP.bg_detail_content h2, .styleP h3, .styleP h4 {
    font-family: "Gotham medium" !important;
    font-weight: 500;
    text-align: left !important
}

.styleP tr:nth-child(even) {
    background-color: #E7E9EB
}

.styleP th {
    background-color: #660133;
    color: #fff;
    border: 1px solid #fff
}

#js-mainnav.noJS ul.megamenu li.haschild:first-of-type > div.childcontent {
    height: 352px !important
}

#js-mainnav.noJS ul.megamenu li.haschild:first-of-type > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu {
    justify-content: space-between
}

#js-mainnav.noJS ul.megamenu li.haschild:first-of-type > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss {
}

.styleP ul, .styleP ul ul, .stylePP ul, ul.page_in, .ssas-ssrs-et-ssis #jm-mainpage ul, .ibm-bi #jm-mainpage ul, .developpement-specifique #jm-mainpage ul, .ibm-infosphere #jm-mainpage ul, .ibm-cognos #jm-mainpage ul, .ibm-datastage #jm-mainpage ul, .ibm-spss #jm-mainpage ul, .microsoft-dotnet #jm-mainpage ul, .microsoft #jm-mainpage ul, .node-js #jm-mainpage ul, .java-jee #jm-mainpage ul, .windev-webdev-windevmobile #jm-mainpage ul, .ionic #jm-mainpage uli, .ios-app #jm-mainpage ul, .android #jm-mainpage ul, .prestashop #jm-mainpage ul, .magento #jm-mainpage ul, .drupal #jm-mainpage ul, .joomla #jm-mainpage ul, .zend #jm-mainpage ul, .symfony #jm-mainpage ul, .angular #jm-mainpage ul, .codeigniter #jm-mainpage ul, .talend #jm-mainpage ul, .pentaho #jm-mainpage ul, .sql-server #jm-mainpage ul, .developpement-mobile #jm-mainpage ul, .developpement-web #jm-mainpage ul, .microsoft-bi #jm-mainpage ul, .ibm #jm-mainpage ul, .bases-de-donnees #jm-mainpage ul, .business-intelligence #jm-mainpage ul, .tma #jm-mainpage ul {
    position: relative
}

.styleP ul > li, .styleP ul ul > li, .stylePP ul > li, ul.page_in > li, .ssas-ssrs-et-ssis #jm-mainpage ul > li, .ibm-bi #jm-mainpage ul > li, .developpement-specifique #jm-mainpage ul > li, .ibm-infosphere #jm-mainpage ul > li, .ibm-cognos #jm-mainpage ul > li, .ibm-datastage #jm-mainpage ul > li, .ibm-spss #jm-mainpage ul > li, .microsoft-dotnet #jm-mainpage ul > li, .microsoft #jm-mainpage ul > li, .node-js #jm-mainpage ul > li, .java-jee #jm-mainpage ul > li, .windev-webdev-windevmobile #jm-mainpage ul > li, .ionic #jm-mainpage ul > li, .ios-app #jm-mainpage ul > li, .android #jm-mainpage ul > li, .prestashop #jm-mainpage ul > li, .magento #jm-mainpage ul > li, .drupal #jm-mainpage ul > li, .joomla #jm-mainpage ul > li, .zend #jm-mainpage ul > li, .symfony #jm-mainpage ul > li, .angular #jm-mainpage ul > li, .codeigniter #jm-mainpage ul > li, .talend #jm-mainpage ul > li, .pentaho #jm-mainpage ul > li, .sql-server #jm-mainpage ul > li, .developpement-mobile #jm-mainpage ul > li, .developpement-web #jm-mainpage ul > li, .microsoft-bi #jm-mainpage ul > li, .ibm #jm-mainpage ul > li, .bases-de-donnees #jm-mainpage ul > li, .business-intelligence #jm-mainpage ul > li, .tma #jm-mainpage ul > li {
    background: none;
    position: relative
}

.styleP ul > li::before, .styleP ul ul > li::before, .stylePP ul > li::before, ul.page_in > li::before, .ssas-ssrs-et-ssis #jm-mainpage ul > li::before, .ibm-bi #jm-mainpage ul > li::before, .developpement-specifique #jm-mainpage ul > li::before, .ibm-infosphere #jm-mainpage ul > li::before, .ibm-cognos #jm-mainpage ul > li::before, .ibm-datastage #jm-mainpage ul > li::before, .ibm-spss #jm-mainpage ul > li::before, .microsoft-dotnet #jm-mainpage ul > li::before, .microsoft #jm-mainpage ul > li::before, .node-js #jm-mainpage ul > li::before, .java-jee #jm-mainpage ul > li::before, .windev-webdev-windevmobile #jm-mainpage ul > li::before, .ionic #jm-mainpage ul > li::before, .ios-app #jm-mainpage ul > li::before, .android #jm-mainpage ul > li::before, .prestashop #jm-mainpage ul > li::before, .magento #jm-mainpage ul > li::before, .drupal #jm-mainpage ul > li::before, .joomla #jm-mainpage ul > li::before, .zend #jm-mainpage ul > li::before, .symfony #jm-mainpage ul > li::before, .angular #jm-mainpage ul > li::before, .codeigniter #jm-mainpage ul > li::before, .talend #jm-mainpage ul > li::before, .pentaho #jm-mainpage ul > li::before, .sql-server #jm-mainpage ul > li::before, .developpement-mobile #jm-mainpage ul > li::before, .developpement-web #jm-mainpage ul > li::before, .microsoft-bi #jm-mainpage ul > li::before, .ibm #jm-mainpage ul > li::before, .bases-de-donnees #jm-mainpage ul > li::before, .business-intelligence #jm-mainpage ul > li::before, .tma #jm-mainpage ul > li::before {
    content: "";
    border: solid #862656;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 12px;
    left: 0px
}

.styleP ul li > ul > li {
    background: none
}

.styleP ul li > ul > li::before {
    content: "\2022";
    color: #862656;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 20px;
    border: none;
    position: absolute;
    transform: none;
    -webkit-transform: none;
    top: -3px;
    left: 16px
}

.nav.menu.mod-list li::before {
    content: none !important
}

.sidr ul li a, .sidr ul li span {
    color: #262626
}

.sidr {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 350px;
    overflow-x: auto;
    overflow-y: auto;
    font-size: 16px;
    background: #fff;
    color: #fff
}

.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.sidr ul {
    border-style: none !important
}

a.sidr-class-toggle-sidr-close:before {
    font-size: 22px;
    font-weight: normal;
    color: black;
    margin: 0;
    text-decoration: none;
    content: "x";
    background: white;
    padding: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 24px
}

#sidr-main.sidr.left::-webkit-scrollbar-thumb {
    background: #dddcdd;
    border-radius: 66px
}

span.menu-title.has-img {
    display: flex !important;
    align-items: center
}

img.menu-image {
    margin-right: 6px;
    width: 26px !important;
    object-fit: contain
}

.lg-drop li.megacss.submenu-align-auto {
    padding-left: 34px
}

#js-mainnav.megamenu.white ul.level1 li.megacss li.megacss .group-content li:hover a.megacss:before {
    display: none !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss .menu-title:hover {
    cursor: pointer;
    color: #484848
}

.second-col-sect-1 {
    width: 30%;
    box-sizing: border-box;
    padding: 21px;
    margin-top: 0
}

#js-mainnav.noJS ul.megamenu li.haschild.first.HoveredElem:hover > div.childcontent {
    display: flex;
    justify-content: space-between
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss > .group > .group-title > .mega.group > span.menu-title {
    font-size: 13px !important
}

.sidr ul li a.lvl {
    display: flex;
    align-items: center
}

.sidr ul li a > img {
    width: 22px
}

span.sidr-class-image-title {
    padding-left: 16px !important
}

#js-mainnav.megamenu li a.lg-contact-expert.lvl {
    color: #484848;
    padding: 4px 2px;
    font-size: 16px !important;
    font-weight: 700;
    position: relative
}

#js-mainnav.megamenu li a.lg-contact-expert.lvl:hover {
    text-decoration: none !important
}

#js-mainnav.megamenu li a.lg-contact-expert {
    padding: 6px 2px;
    font-size: 16px !important;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center
}

.expertise-col1 {
    background: #f8f8f8;
    width: 26%;
    height: 100%;
    padding-bottom: 14px
}

.expertise-col2 {
    width: 44%;
    padding: 24px
}

.expertise-col1-title {
    border-bottom: 2px solid #dfdcdc;
    padding: 13px 0px;
    font-weight: 700;
    font-size: 15pt
}

.expertise-col1-head {
    padding: 12px 43px
}

.expertise-col3 img {
    height: 90%
}

div#pid-1139 {
    padding: 0px !important;
    display: flex;
    margin: 0px !important
}

ul.ctm-ul li {
    display: block;
    box-sizing: border-box;
    font-size: 11pt;
    color: #595858;
    cursor: pointer;
    line-height: 0px;
    font-family: "Gotham Medium"
}

ul.ctm-ul li.active, #js-mainnav.megamenu.white ul.ctm-ul li:hover {
    background-color: #fff;
    color: black
}

ul.ctm-ul li:hover .item-arrow, ul.ctm-ul li.active .item-arrow {
    display: block
}

ul.ctm-ul li .ctm-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 12px 40px
}

ul.ctm-ul .item-img {
    margin-right: 14px
}

ul.ctm-ul .item-arrow {
    width: 8px;
    position: absolute;
    right: 24px;
    display: none;
    filter: invert(100%) sepia(17%) saturate(0%) hue-rotate(43deg) brightness(101%) contrast(105%)
}

#js-mainnav.megamenu.white .childcontent-inner {
    width: 100%
}

.page-id-313 .container_page {
    width: 100%
}

h2.active-menu-title {
    color: black;
    margin-bottom: 32px;
    font-family: "Gotham Bold" !important
}

ul.ctm-child-ul li {
    display: block;
    box-sizing: border-box;
    font-size: 11pt;;
    color: #595858;
    cursor: pointer;
    padding: 0px
}

ul.ctm-child-ul li .ctm-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 11px 0px
}

ul.ctm-child-ul .item-img img {
    max-width: 33px;
    max-height: 26px;
    transition: all 0.2s ease-in-out
}

ul.ctm-child-ul .item-img {
    margin-right: 14px;
    width: 40px;
    text-align: center
}

.ctm-ul .active-menu-container {
    display: none
}

ul.ctm-child-ul li .ctm-item .item-text {
    color: #424242;
    transition: all 0.2s ease-in-out
}

ul.ctm-child-ul li .ctm-item:hover a.item-link {
    font-weight: normal !important;
    color: #e78120 !important
}

ul.ctm-child-ul li .ctm-item:hover .item-img img {
    filter: grayscale(0)
}

#js-mainnav.megamenu li a.item-link {
    padding: 0px !important;
    font-size: 14px !important;
    line-height: 0px !important;
    color: #424242;
    transition: all 0.2s ease-in-out
}

@media screen and (max-width: 1024px) {
    #navigation-toggle span.nav-line {
        color: #bababa !important
    }
}

ul.sidr-class-sub-menu li a {
    display: flex;
    align-items: center
}

.second-col-sect-1 img.lg-header-img {
    height: 70%;
    width: 100%;
    border-radius: 12px;
    margin-top: 20px
}

#Technologies img.lg-header-img {
    border-radius: 12px
}

.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss:hover > a {
    color: #262626
}

.HoveredElement #js-mainnav ul.level0 > li > a > span {
    color: #262626
}

#js-mainnav > #js-meganav > ul.megamenu > li.haschild > a.haschild::after {
    border: 1px solid #e78120 !important;
    border-left: 1px solid transparent !important;
    border-top: 1px solid transparent !important
}

#jm-toppage.sticky-nav #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: #292929 !important
}

body.internalPageCls #jm-toppage #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: white
}

body.internalPageCls.contact #jm-toppage #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: #292929
}

a.lg-contact-expert:hover {
    text-decoration: none !important
}

#js-mainnav.megamenu ul.level0 li.megacss #menu1091 .menu-image, #js-mainnav.megamenu ul.level0 li.megacss #menu1092 .menu-image {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.page-id-269 #jm-toppage #js-mainnav.megamenu ul.level0 li.megacss #menu1091 .menu-image {
    -webkit-filter: brightness(9) invert(1);
    filter: brightness(9) invert(1)
}

#jm-toppage.HoveredElement #js-mainnav.megamenu ul.level0 li.megacss #menu1091 .menu-image, #jm-toppage.sticky-nav #js-mainnav.megamenu ul.level0 li.megacss #menu1091 .menu-image, #jm-toppage.HoveredElement #js-mainnav.megamenu ul.level0 li.megacss #menu1092 .menu-image, #jm-toppage.sticky-nav #js-mainnav.megamenu ul.level0 li.megacss #menu1092 .menu-image {
    -webkit-filter: brightness(8) invert(1);
    filter: brightness(8) invert(1)
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss > a:hover > span.menu-desc {
    color: black !important
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner .megacol > ul.megamenu.level1 > li.megacss.first.group > .group > .group-content > ul.megamenu > li.megacss > .group > .group-content > ul.megamenu > li.megacss > a:hover > span.image-title {
    color: #e78120 !important
}

.homePageCls .container_page {
    width: 100% !important
}

.contact-arrow {
    width: 7px;
    margin-right: 6px;
    display: inline-block;
    margin-left: 6px;
    transition: all 0.3s ease-in-out
}

#js-mainnav.megamenu li a.lg-contact-expert:hover .contact-arrow {
}

#jm-header-mod.jm-mod-fluid, .jm-header-slider.jm-mod-fluid #jm-toppage #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: #292929
}

#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner {
    height: 100%
}

.page_home #step3, .page_home #step3, .step_3_cont_t ul {
    width: auto;
    font-family: "gotham bold";
    text-align: center !important;
    line-height: 33px
}

.footer .links div p a {
    text-decoration: none;
    font-size: 12px;
    -webkit-font-family: "Gotham";
    font-family: "Gotham";
    font-weight: 500;;
    color: #e78120;
    margin: 7px;
    line-height: 12px;
    cursor: pointer
}

.second-col-sect-1 {
    display: none
}

@media (min-width: 1480px) {
    .second-col-sect-1 {
        display: block
    }
}

::-webkit-scrollbar {
}

@media screen and (max-width: 670px) {
    .page_home #jm-contentTop2 .slide-desc-text-default h5 {
        font-size: 15px
    }
}

.details .contenu .left .postule .inputs .area.buttons {
    display: flex;
    justify-content: space-between
}

.details .contenu .left .postule .inputs button:nth-child(1) {
    order: 2
}

.articles-img-container {
    display: flex;
    padding: 0px
}

.formulaire_f .fox-container .controls input[type="text"]:hover, .formulaire_f .fox-container .controls input[type="text"]:focus, .formulaire_f .fox-container .controls textarea, .formulaire_f .fox-container .controls textarea {
    background-color: #fff !important
}

p.reclamation-title {
    text-align: center !important;
    font-family: 'Gotham medium' !important;
    font-size: 15pt !important;
    color: #2c2c2c !important
}

p.reclamation-desc {
    text-align: center !important;
    font-size: 11pt !important;
    font-family: 'Gotham';
    padding-top: 30px;
    color: #7b3b4f !important;
    font-weight: 600
}

#sidr-main .sidr-inner ul li ul li.sidr-class-has-sub.sidr-class-parent.closedArrowMenu::before {
    content: "";
    width: 8px;
    height: 17px;
    display: block;
    background-image: url(../../../../images/homepage/img/fleche-menu.svg);
    background-size: 8px;
    right: 26px;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 11px;
    background-position: center;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out
}

#sidr-main .sidr-inner ul li ul li.sidr-class-has-sub.sidr-class-parent.openArrowMenu::before {
    content: "";
    width: 8px;
    height: 17px;
    display: block;
    background-image: url(../../../../images/homepage/img/fleche-menu.svg);
    background-size: 8px;
    right: 26px;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 13px;
    background-position: center;
    transform: rotate(90deg);
    transition: 0.3s ease-in-out
}

#menu1183::before, #menu1174::before {
    content: "";
    top: 20px;
    height: 20px;
    width: 1px;
    background-color: #e3e3e3;
    display: block;
    position: absolute;
    left: 0
}

.career-path {
    padding-top: 0px
}

.line-img {
    margin-top: -6px
}

.accueil-applicatif .contenu .elem .elem-contenu .head::after, .accueil-applicatif .contenu .elem .elem-contenu .head::before {
    display: none !important
}

@media screen and ( max-width: 721px ) {
    .metier > h6 {
        margin-bottom: 140px !important
    }
}

.item-page .table-borderless th {
    border: 1px solid #862656
}

span.cc-cookie-settings-toggler::after {
    font-size: 10px !important
}

#jm-header .container .title {
    color: white !important
}

.sidr-class-item-1109, .sidr-class-item-1110 {
    border-top: none !important
}

.link-menu-item {
    display: flex !important;
    align-items: center !important
}

.sidr-class-item-1109 a, .sidr-class-item-1110 a {
    padding: 0px 15px !important
}

.img-menu-item {
    height: 22px !important;
    width: 22px !important
}

.text-menu-item {
    padding: 0px 10px !important;
    text-transform: none !important
}

@media screen and (max-width: 650px) {
    #slider301 > li:last-child > img {
        min-width: 120% !important
    }
}

#js-meganav > .megamenu {
    display: flex !important
}

.sidr-class-item-928 a, .sidr-class-item-683 a, .sidr-class-item-683 span, .sidr-class-item-928 span {
    color: #262626 !important
}

.sidr-class-item-1092 > ul {
    display: block !important
}

.sidr-class-item-1110 > a, .sidr-class-item-1109 > a {
    color: #262626 !important
}

#js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
    padding: 0px !important;
    display: grid !important;
    align-items: center !important;
    grid-template-columns:fit-content(100%) 1fr;
    grid-template-rows:auto auto;
    grid-template-areas:"item1 item2" "item3 item3";
    margin: 12px 0
}

#js-mainnav.megamenu.white ul.level1 li.megacss a.megacss > img {
    grid-area: item1
}

.image-title {
    grid-area: item2
}

.menu-desc {
    grid-area: item3
}

#js-meganav > .megamenu > .last > .childcontent {
    width: 124px !important;
    position: absolute !important;
    left: 0px !important;
    padding: 0px !important;
    margin-top: 70px !important;
    height: 91px !important
}

#js-meganav > .megamenu > li:nth-child(6) > .childcontent .menu-title {
    font-size: 11px !important;
    font-weight: 100
}

#js-meganav > .megamenu > li.last > div.childcontent > div.childcontent > div.childcontent {
    padding: 10px 5px !important
}

#pid-1222 li {
    width: 100% !important;
    text-align: center !important;
    height: auto !important;
    margin: 12px 0px 5px 0px !important;
    display: flex !important;
    justify-content: center !important
}

#pid-1222 li a {
    padding: 0px !important
}

#js-mainnav.noJS ul.megamenu li.haschild:nth-child(2):hover > div.childcontent {
    height: 600px !important
}

#pid-1222 li.megacss a.megacss span {
    text-align: center !important;
    width: 50px !important;
    padding: 6px 15px 4px 15px !important
}

#jm-toppage.HoveredElement #menu1222, #jm-toppage.sticky-nav #menu1222, body.offres-d-emploi #menu1222 {
    background-image: url("../../template/images/icons/svg/icone-langue-noir.svg") !important
}

#menu1222 {
    background-image: url("../../template/images/icons/svg/icone-langue-blanc.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: left !important;
    margin-bottom: 3px !important;
    background-position-y: 11px !important;
    background-position-x: 3px !important
}

#jm-toppage.sticky-nav .line-lang, #jm-toppage.HoveredElement .line-lang, body.offres-d-emploi .line-lang {
    background-color: #171717
}

.line-lang {
    width: 25px;
    height: 1px;
    position: absolute;
    top: 30px;
    left: -9px;
    background-color: #fff;
    transform: rotate(90deg)
}

#js-meganav > ul > li.last.hoveredElem:hover {
    display: block !important;
    background-color: green !important
}

#menu1223 span {
    border: solid rgba(123, 58, 78, 0.8) 0.4px !important;
    color: white !important;
    border-radius: 50px !important
}

#menu1223 > span:hover {
    color: rgba(123, 58, 78) !important
}

#menu1223 > span {
    color: rgba(123, 58, 78) !important
}

#menu1225 > span {
    color: #7b3a4e !important
}

#menu1225 > span:hover {
    color: white !important;
    background-color: rgba(123, 58, 78) !important;
    border-radius: 50px !important
}

#pid-1222 li.megacss a.megacss span {
    font-size: 10px !important
}

#js-mainnav.megamenu.white ul.level0 li.megacss a.megacss.haschild {
    padding-right: 30px
}

.sidr-class-item-1222 {
    padding-left: 15px !important
}

.sidr-class-item-1222 > a {
    background-image: url("../../../../images/icons/svg/icone-langue-noir.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: left !important;
    background-position-y: center !important;
    padding-left: 30px !important
}

.sidr-class-item-1222.closedArrowMenu::before {
    content: "";
    width: 8px;
    height: 17px;
    display: block;
    background-image: url(../../../../images/homepage/img/fleche-menu.svg);
    background-size: 8px;
    right: 26px;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 16px;
    background-position: center;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out
}

.sidr-class-item-1222 > ul {
    display: none !important
}

.sidr-class-item-1222.openArrowMenu > ul {
    display: block !important
}

.sidr-class-item-1222.openArrowMenu::before {
    content: "";
    width: 8px;
    height: 17px;
    display: block;
    background-image: url(../../../../images/homepage/img/fleche-menu.svg);
    background-size: 8px;
    right: 26px;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 16px;
    background-position: center;
    transform: rotate(90deg);
    transition: 0.3s ease-in-out
}

.sidr-class-item-1223 {
    border-bottom: none !important
}

.sidr-class-item-1223 > a {
    color: rgba(123, 58, 78) !important;
    border-radius: 50px !important;
    border: 1px solid rgba(123, 58, 78) !important;
    width: 62px !important;
    margin: 5px 0px 0px 30px !important;
    padding: 0px 0px 0px 20px !important;
    font-size: 12px !important;
    line-height: 24px !important
}

.sidr-class-item-1225 {
    border-top: none !important
}

.sidr-class-item-1225 > a {
    transition: all ease 0.4s;
    width: 62px !important;
    margin: 5px 0px 0px 30px !important;
    padding: 0px 0px 0px 20px !important;
    font-size: 12px !important;
    line-height: 24px !important;
    background-color: rgba(123, 58, 78) !important;
    border-radius: 50px !important;
    border: solid rgba(123, 58, 78) 0.4px !important;
    color: white !important
}

.sidr-class-item-1110, .sidr-class-item-1109 {
    padding-left: 15px !important
}

.sidr-class-item-1110 > a, .sidr-class-item-1109 > a {
    background-image: url("../../../../images/icons/location.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: left !important;
    background-position-y: center !important;
    padding-left: 28px !important
}

#menu1092 img, #menu1091 img {
    width: 24px !important;
    height: 24px !important;
    filter: brightness(0) invert(1)
}

#js-meganav > ul > .megacss.last.submenu-align-auto {
    padding: 0px 20px !important
}

#jm-toppage.HoveredElement #js-meganav > ul > .megacss.last.submenu-align-auto::before, #jm-toppage.sticky-nav #js-meganav > ul > .megacss.last.submenu-align-auto::before {
    background: black
}

.lang-menu-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 15px !important
}

.logo-mobile-menu > img {
    width: 200px !important
}

.close-icon-mobile-menu > img {
    width: 20px !important;
    cursor: pointer !important
}

.sidr-inner > ul > li > a {
    color: #262626
}

#jm-toppage.sticky-nav .nav-line {
    background-color: #5d022b !important
}

.sidr-class-item-928 > a, .sidr-class-item-683 > a {
    padding-left: 15px !important
}

.sidr-class-item-1225 {
    margin-bottom: 5px !important
}

#jm-toppage.HoveredElement {
    border-bottom: none !important
}

#pid-1222 > div > ul > li.first {
    margin-bottom: 5px !important
}

.jm-switcherLanguage div.mod-languages ul {
    padding-left: 29px !important;
    padding-top: 0px !important;
    height: 30px
}

.jm-switcherLanguage div.mod-languages ul:before {
    background-image: url("../../../../images/icons/svg/icone-langue-blanc.svg") !important;
    background-repeat: no-repeat !important;
    background-position-y: 0px !important;
    background-position-x: center !important;
    background-size: 20px !important
}

.jm-switcherLanguage div.mod-languages ul li a {
    margin-top: 2px !important
}

#js-mainnav.noJS ul.megamenu li.megacss:nth-child(6) {
    width: auto !important
}

#js-mainnav.noJS ul.megamenu li.megacss:nth-child(6) > div.childcontent {
    border-top: none !important
}

#js-mainnav.noJS ul.megamenu li.megacss:nth-child(7) > div.childcontent {
    height: 60px !important;
    width: 100px !important;
    position: absolute !important;
    left: -12px !important;
    padding: 0px !important;
    margin-top: 70px !important;
    height: 106px !important
}

#pid-1091, #pid-1092, #pid-1222 {
    padding: 0px !important
}

#pid-1091 > div > ul > li, #pid-1092 > div > ul > li, #pid-1222 > div > ul > li {
    width: 100% !important;
    display: flex;
    justify-content: center
}

#pid-1091 > div > ul > li:nth-child(1) > a > span, #pid-1092 > div > ul > li:nth-child(1) > a > span, #pid-1222 > div > ul > li:nth-child(1) > a > span {
    border-radius: 25px !important;
    border: 1px solid #7b3a4e !important;
    padding: 4px 6px !important
}

#pid-1091 > div > ul > li#LogigroupFrance > a > span:hover, #pid-1092 > div > ul > li#LogigroupFrance > a > span:hover, #pid-1222 > div > ul > li#LogigroupFrance > a > span:hover {
    background-color: #7b3a4e !important;
    color: white !important;
    padding: 4px 6px !important
}

#menu1092 .menu-image, #menu1091 .menu-image {
    width: 20px !important;
    height: 20px !important
}

#pid-1091 > div > ul > li, #pid-1092 > div > ul > li
#pid-1222 > div > ul > li {
    width: 100% !important;
    text-align: center !important;
    padding: 0px !important
}

#menu1109 > span, #menu1110 > span {
    transition: all 0.4s ease;
    font-weight: bold !important;
    font-size: 10px !important;
    color: rgba(123, 58, 78, 0.8) !important;
    line-height: 19px !important
}

#menu1109 > span:hover, #menu1110 > span:hover {
    color: rgba(123, 58, 78) !important
}

.item-page h2 {
    padding: 0px;
    margin: 20px 15px 5px 15px;
    font-size: 24px;
    font-weight: 500 !important
}

.item-page h2:first-of-type {
    margin-top: 0px !important
}

.bg_page_shadow > .container_page {
    width: 100% !important
}

#megamenucss #js-mainnav.noJS.horizontal ul.megamenu li.haschild > div.childcontent {
    z-index: 0 !important;
    display: flex !important
}

#megamenucss #js-mainnav.noJS.horizontal ul.megamenu li.last div.childcontent, #megamenucss #js-mainnav.noJS.horizontal ul.megamenu li:nth-child(6) div.childcontent {
    height: 0px !important
}

#megamenucss #js-mainnav.noJS.horizontal ul.megamenu li:nth-child(6) > div.childcontent {
    height: 61px !important
}

#megamenucss #js-mainnav.noJS.horizontal ul.megamenu li.last > div.childcontent {
    height: 91px !important
}

#js-meganav > ul > li.haschild:nth-child(2) > div > div > div {
    padding: 0px !important;
    display: flex;
    margin: 0px !important
}

#LogigroupFrance {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 15px 0px !important
}

#LogigroupFrance span {
    padding: 6px !important
}

.offres-d-emploi .container_page {
}

#jm-toppage-in {
    width: 100% !important;
    margin: 0px !important
}

#jm-toppage-wrap {
    margin: 0px !important
}

#jm-toppage-left {
    margin-left: 43px !important
}

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

.pagination li {
    width: 30px;
    height: 30px;
    margin-right: 10px !important;
    padding: 5px
}

.pagination li.active a {
    color: #b8236e !important
}

.pagination li:nth-child(1), .pagination li:nth-child(2), .pagination li:nth-last-child(1), .pagination li:nth-last-child(2) {
    display: none !important
}

#menu1092 img {
    filter: brightness(0) invert(1)
}

#offres-d-emploi #menu1092 img, #offres-d-emploi #menu1091 img, #jm-toppage.HoveredElement #menu1092 img, #jm-toppage.HoveredElement #menu1091 img, #jm-toppage.sticky-nav #menu1091 img, #jm-toppage.sticky-nav #menu1092 img {
    filter: none
}

.confirmation {
    padding: 100px !important
}

.jm-switcherLanguage {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 33.33%
}

.bg_page_shadow > .container_page {
    padding: 0px !important
}

.item-page > div > #jm-header {
    padding-top: 75px
}

.cc-custom-revoke {
    margin: 0px 10px 0px 0px !important;
    padding: 0px 10px !important
}

#js-mainnav.megamenu.white ul.level0 li.megacss.last > a.haschild:after {
    right: 30px !important
}

#jm-footer {
    display: flex !important
}

.jm-switcherLanguage {
    display: flex;
    align-items: center
}

@media screen and (max-width: 960px) {
    #jm-footer > .container {
        flex-direction: column-reverse !important
    }

    #jm-poweredby {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important
    }

    .jm-switcherLanguage {
        flex-direction: column !important;
        width: 100% !important
    }

    .cc-custom-revoke {
        margin: 0px !important
    }
}

@media screen and ( max-width: 690px ) {
    .jm-switcherLanguage {
        justify-content: space-between;
        width: 100%
    }

    #jm-footer.container {
        justify-content: space-between
    }
}

@media screen and ( max-width: 413px ) {
    #jm-footer > .container {
        justify-content: center !important;
        flex-direction: column-reverse
    }

    .jm-switcherLanguage {
        flex-direction: column
    }
}

.information_reclamation p {
    color: #690e32 !important
}

.formulaire_f h3 {
    font-family: "Gotham" !important;
    font-weight: bold !important
}

#cf1 select:invalid, #cf3 select:invalid, #cf4 select:invalid, #cf5 select:invalid {
    color: #888 !important
}

#cf1 select option, #cf3 select option, #cf4 select option, #cf5 select option {
    color: #888 !important
}

#megamenucss .white.megamenu ul.level0 > li.megacss:hover > a.megacss {
    color: white !important
}

.djslider-default .navigation-container .next-button, .djslider-default .navigation-container .prev-button {
    z-index: 99
}

#cf_5, #cf_4, .convertforms {
    min-width: 100% !important
}

.jm-allpage-space {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important
}

#jm-mainpage {
    flex-grow: 1;
    background: #f5f5f5
}

.bg_page_all {
    background: white !important
}

@media all and (max-width: 1024px) {
    .container_slider_animate .animate_sld #step2 {
        display: block !important;
        width: 100%;
        line-height: 120%;
        text-align: center;
        margin-left: 50%;
        transform: translateX(-50%);
        bottom: 35%
    }

    .container_slider_animate .animate_sld #step14 {
        bottom: 10% !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: 340px !important
    }
}

@media all and (max-width: 820px) {
    .container_slider_animate .animate_sld #step2 {
        bottom: 35%
    }

    .container_slider_animate .animate_sld #step14 {
        bottom: 10% !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: 260px !important
    }
}

@media all and (max-width: 768px) {
    .container_slider_animate .animate_sld #step2 {
        bottom: 37%
    }

    .container_slider_animate .animate_sld #step14 {
        bottom: 13% !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: 180px !important
    }
}

@media all and (max-width: 540px) {
    .djslider-default, .djslider-default img.dj-image, .djslider-default ul.djslider-in > li {
        min-height: 440px !important
    }

    .container_slider_animate .animate_sld #step2 {
        display: block !important;
        width: 72%;
        line-height: 120%;
        text-align: center;
        margin-left: 50%;
        transform: translateX(-50%)
    }

    .container_slider_animate .animate_sld #step14 {
        bottom: 10% !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: 70px !important
    }
}

@media all and (max-width: 440px) {
    .djslider-default, .djslider-default img.dj-image, .djslider-default ul.djslider-in > li {
        min-height: 400px !important
    }

    .container_slider_animate .animate_sld #step2 {
        display: none !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: 115px !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous a {
        min-width: 275px
    }
}

@media all and (max-width: 412px) {
    .djslider-default, .djslider-default img.dj-image, .djslider-default ul.djslider-in > li {
        min-height: 370px !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: 115px !important
    }
}

@media all and (max-width: 400px) {
    .djslider-default, .djslider-default img.dj-image, .djslider-default ul.djslider-in > li {
        min-height: 350px !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: 20px !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous a {
        min-width: 275px
    }
}

@media all and (max-width: 280px) {
    .footer .links div h5 {
        width: 200px !important
    }

    .footer .links div p {
        width: 200px !important
    }

    .section-title h2 {
        letter-spacing: 3px !important
    }

    .djslider-default, .djslider-default img.dj-image, .djslider-default ul.djslider-in > li {
        min-height: 275px !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: -30px !important
    }

    .jm-allpage-space .custom .carriere .content .voir-tous a {
        min-width: 234px
    }
}

.iso_footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: -2rem;
    align-items: center;
    margin-top: 1rem
}

.iso_footer span {
    margin-bottom: 0.5rem;
    font-size: 14px;
    font-weight: 600
}

.iso_footer img {
    height: 70px
}

div#js-meganav ul.megamenu.level0 li.megacss.first.haschild .childcontent .childcontent-inner-wrap .childcontent-inner > .megacol.column1 > ul.megamenu.level1 > li > .group > .group-content > ul.megamenu > li.megacss:nth-child(4) {
    width: 250px !important
}

a.sidr-class-toggle-sidr-close {
    display: none
}

table.table_machine_learning td {
    vertical-align: baseline;
    padding: 10px
}

table.table_machine_learning th:first-child {
    border-left: none
}

table.table_machine_learning th:last-child {
    border-right: none
}

.article_machine_learning .lg_log.tech_ut.dev_t {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    float: right
}

.article_machine_learning .lg_log.tech_ut.dev_t img {
    width: 190px
}

table.table_machine_learning td span {
    display: block
}

ul.machine_learning_offering li span {
    display: block
}

.etl.lg_log.tech_ut.dev_t {
    margin: 0px;
    padding: 0px
}

.etl.articles-img-container {
    width: 100%;
    padding: 0px;
    justify-content: center
}

.social-media .x_logo {
    filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(2595%) hue-rotate(310deg) brightness(77%) contrast(123%);
    height: 19px
}

.sidr-class-items {
    line-height: 48px;
    font-size: 16px;
    text-transform: uppercase;
    display: inline !important;
    padding-right: 0px !important
}

.sidr-class-item-611, .sidr-class-item-1139 {
    border-top: none !important;
    padding: 0px !important
}

.sidr-class-hide {
    display: none !important
}

.mdm-text {
    margin-top: 50px !important;
    margin-bottom: 0px !important
}

.error-404 .jm-allpage-space, .erreur-404 .jm-allpage-space {
    min-height: auto !important
}

.error-404 #sep_bottom_c, .erreur-404 #sep_bottom_c {
    background: white
}

.information_reclamation {
    margin-top: 30px
}

#media-container > div {
    width: 100%
}

@media only screen and (width: 1024px) and (height: 600px) {
    .jm-allpage-space .custom .carriere .content .voir-tous {
        bottom: -32px !important
    }
}

@media all and (max-width: 280px) {
    .sidr {
        width: 100% !important
    }
}

@media screen and ( max-width: 425px ) {
    #sidr-main {
        width: 300px
    }
}

@media screen and (max-width: 580px) {
    #jm-mainpage {
        margin-top: -40px !important
    }
}

@media screen and (max-width: 450px) {
    #jm-mainpage {
        margin-top: -30px !important
    }

    .lg-header-animation-bg .object {
        bottom: 0px !important
    }
}

@media screen and (max-width: 390px) {
    #jm-mainpage {
        margin-top: -30px !important
    }

    .lg-header-animation-bg .object {
        bottom: 40px !important
    }
}

.navbar-animation {
    position: fixed !important;
    z-index: 3000;
    animation-name: fadeInUp;
    animation-duration: 0.4s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1)
}

#jm-mainpage .python-avantage ul {
    margin: 0px !important
}

#jm-mainpage .python-avantage .content-text p {
    margin-bottom: 0px !important
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        top: -50px
    }
    to {
        opacity: 1;
        top: 0
    }
}

@media screen and (max-width: 1000px) {
    .owl-stage-outer {
        height: 500px !important
    }

    .presentation-video {
        padding: 3px !important
    }
}

.no-wrap {
    text-wrap: nowrap
}

.content-method li {
    background: none !important;
    display: flex;
    align-items: baseline;
    gap: 5px
}

.content-method li img {
    width: 7px;
    height: 10px
}

.content-method li p {
    font-size: 15px
}

@media screen and (max-width: 800px) {
    .content-method ul.elements {
        margin-top: 20px !important
    }

    .content-method li p {
        font-size: 14px !important
    }
}

.header-logigroup {
    display: flex;
    margin-bottom: 40px;
    justify-content: space-between;
    width: 550px
}

.presentation-2-sections .header-logigroup {
    display: none
}

.header-bar {
    width: 4px;
    background-color: #CDCDCD;
    height: 60px
}

.header-logigroup p {
    font-family: "Gotham Bold";
    line-height: 21px;
    font-size: 18px;
    letter-spacing: -0.3
}

.header-logigroup p:nth-child(1) {
    color: #e78120
}

.header-message-container {
    display: flex;
    align-items: center;
    justify-content: end
}

.header-message-video {
    text-align: right;
    font-family: 'Gotham Bold';
    font-size: 15px;
    letter-spacing: -0.3;
    order: 2
}

.header-arrow {
    height: 81.81px;
    order: 1
}

.header-video-custom {
    flex: 1
}

.lg-header-animation .techtransform {
    flex: 0 0 100%;
    margin-top: -150px
}

.lg-header-animation .techtransform h3 {
    font-size: 60px;
    font-family: "Gotham";
    color: #222;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
    line-height: 70px;
    text-transform: capitalize
}

.lg-header-animation .techtransform h3 span:nth-child(1) {
    color: #505151;
    letter-spacing: 1px
}

.lg-header-animation .techtransform h3 span:nth-child(2) {
    color: #e78120
}

@media screen and (max-width: 1200px) {
    .lg-header-animation {
        display: block
    }

    .lg-header-animation-text-links {
        display: none !important
    }

    .header-logigroup {
        display: none
    }

    .lg-header-animation .techtransform h3 {
        font-size: 40px
    }

    .presentation-2-sections .header-logigroup {
        display: flex;
        margin: auto
    }

    .page_home .bg_page_all {
        margin-top: 620px
    }

    .lg-header-animation .techtransform {
        margin-top: 50px
    }
}

@media screen and (max-width: 1000px) {
    .presentation-2-sections .presentation-video {
        margin-bottom: 0px;
        height: 300px;
        width: 80%;
        margin: auto
    }

    .page_home .bg_page_all {
        margin-top: 250px
    }
}

@media screen and (max-width: 600px) {
    .presentation-2-sections .header-logigroup {
        width: 100%
    }

    .lg-header-animation .techtransform h3 {
        font-size: 20px
    }

    .header-logigroup p {
        font-size: 14px
    }

    .header-message-video {
        font-size: 10px
    }

    .header-arrow {
        height: 50.81px
    }

    .presentation-2-sections .presentation-video {
        margin-bottom: 0px;
        height: 300px;
        width: 100%;
        margin: auto
    }
}

@media (max-width: 400px) {
    .header-message-container {
        justify-content: start
    }

    .header-message-video {
        order: 1
    }

    .header-arrow {
        order: 2;
        transform: scaleX(-1)
    }

    .page_home .bg_page_all {
        margin-top: 330px
    }
}

.active-menu {
    opacity: 1 !important;
    left: 0 !important;
    position: fixed !important;
    visibility: visible !important;
    display: flex !important;
    top: 0px !important;
    background: white !important;
    padding-top: 76px !important;
    width: 100%;
    z-index: 0 !important;
    height: auto !important
}

.techno-container {
    width: 100% !important
}

@-webkit-keyframes postuleForm {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 20vw
    }
}

@keyframes postuleForm {
    0% {
        background-position-x: 0
    }
    100% {
        background-position-x: 20vw
    }
}

* {
    margin: 0 0;
    padding: 0 0
}

body {
    overflow: overlay
}

body::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: rgba(#f1f1f1, 0.2)
}

body::-webkit-scrollbar-track {
}

body::-webkit-scrollbar-thumb {
    background: rgba(66, 01, 33, 0.6)
}

b, strong {
    font-family: "Gotham medium";
    font-weight: 500
}

.section-title {
    padding-top: 60px;
    width: 100%;
    text-align: center
}

.img_grs_onl:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.img_grs_onl.geox {
    margin-bottom: 15px
}

.sitemap a {
    color: blue
}

.section-title h2 {
    font-size: 55px !important;
    letter-spacing: 5px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative;
    color: #222;
    padding: 5px 0 5px
}

.section-title h2::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: #222
}

.section-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.section-description p {
    font-family: "Gotham book";
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    margin: 10px 20px;
    width: 950px;
    font-size: 21px;
    color: #767676;
    line-height: 30px
}

.carriere {
    height: calc(100vh - 80px);
    position: relative
}

.carriere::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 32, 90, 0.6)
}

.carriere .content {
    padding-top: 90px;
    position: relative;
    height: calc(100% - 300px);
    background-color: transparent
}

.carriere .content .metier {
    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;
    height: 100%;
    background-color: transparent
}

.carriere .content .metier .elba {
    margin-left: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    min-height: 78px;
    width: 700px
}

.careers .carriere .content .metier .elba {
    width: 550px
}

.carriere .content .metier .elba ul {
    margin: 0 0
}

.carriere .content .metier .elba li {
    margin: 0 0;
    padding: 0 0;
    padding-left: 1px;
    padding-right: 1px;
    background-image: none
}

.carriere .content .metier .elba ul li span {
    display: none
}

.carriere .content .metier .elba ul:nth-child(3) div {
    width: 1px;
    height: 70px;
    background: #660133
}

.carriere .content .metier h2 {
    font-family: "gotham bold";
    font-size: 50px;
    color: white;
    margin: 0 0;
    margin-right: 11px
}

.carriere .content .metier h6 {
    margin-top: 30px;
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 30px;
    color: white
}

.carriere .content .voir-tous {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    bottom: -10px !important;
    font-family: "gotham book";
    position: absolute;
    line-height: 50px;
    text-align: center;
    width: 100%;
    color: #fff
}

.carriere .content .voir-tous a {
    color: #fff;
    border-radius: 1px;
    padding: 0px 5px 0px 5px;
    margin: auto 20px;
    line-height: 42px;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 1px;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: inline-block;
    min-width: 320px;
    border-radius: 0px;
    position: relative;
    border: none;
    font-size: 18px
}

.carriere .content .voir-tous a:hover {
    background: #fff;
    color: #94395e !important;
    text-decoration: none
}

.carriere .content .voir-tous a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: calc(100% - 2px);
    border-top: solid 1px white;
    border-left: solid 1px white;
    border-bottom: solid 1px white
}

.carriere .content .voir-tous a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: calc(100% - 2px);
    border-top: solid 1px white;
    border-right: solid 1px white;
    border-bottom: solid 1px white
}

.skewed {
    margin-top: -97px;
    -webkit-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
    height: 194px;
    z-index: 10;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center
}

.skewed .techtransform {
    -webkit-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.skewed .techtransform h3 {
    padding: 0 !important
}

.skewed .techtransform h3 span {
    text-transform: capitalize;
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 50px
}

.skewed .techtransform h3 span:nth-child(1) {
    font-family: "Gotham";
    font-weight: 400;;
    color: #292929;
    letter-spacing: 1px
}

.skewed .techtransform h3 span:nth-child(2) {
    font-family: "Gotham";
    font-weight: 400;;
    color: #e78120;
    letter-spacing: 0px
}

.details .form-validate {
    display: none
}

.details .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 212px;
    background-image: url(../../../../images/jch-optimize/ng/images_modules_detialsBg.webp);
    background-repeat: no-repeat;
    background-size: 100% 300px;
    position: relative;
    padding: 0 90px;
    background-attachment: fixed
}

.details .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.details .title .font {
    z-index: 2;
    margin: 0 10px
}

.details .title .text {
    z-index: 2;
    color: white
}

.details .title .text h2 {
    text-transform: uppercase;
    font-family: "Gotham medium";
    font-weight: 500;
}

.details .sous-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100px;
    background: -webkit-gradient(linear, left top, right bottom, from(#660133), to(#a62666));
    background: linear-gradient(to right bottom, #660133, #a62666);
    position: relative;
    padding: 0 90px
}

.details .sous-title .font {
    margin: 0 10px
}

.details .sous-title .text {
    color: white
}

.details .sous-title .text h6 {
    margin: 0 0 10px;
    font-family: "Gotham book";
    font-size: 16px;
    padding-top: 10px
}

.details .sous-title .text h2 {
    font-family: "Gotham";
    font-weight: 500;;
    text-transform: uppercase
}

.details .sous-title .confirm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    width: 300px
}

.details .sous-title .confirm .partager {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    align-items: center
}

.details .sous-title .confirm .partager img {
    margin: 5px 5px;
    filter: brightness(0) invert(1);
    cursor: pointer
}

.details .sous-title .confirm .partager a:nth-of-type(2) img {
    margin-top: 7px
}

.details .sous-title .confirm .partager span {
    color: white;
    font-family: "Gotham book"
}

.details .sous-title .confirm button {
    width: 100%;
    margin: 10px 0;
    height: 50px;
    background: transparent;
    border: 1px solid #fff;
    outline: none;
    font-family: "Gotham book"
}

.offre .confirm .button a {
    margin: 10px 0;
    background: #e78120;
    border: 1px solid #fff;
    outline: none;
    font-family: "Gotham book";
    color: white;
    padding: 13px 0px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 300px
}

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

.details .contenu .left {
    width: 70%
}

.details .contenu .left .offre {
    padding: 0 30px;
    min-height: 918px;
    padding-left: 100px;
    background: linear-gradient(to bottom, #f7f7f7, #f8f8f8, #f9f9f9, #fafafa, #fbfbfb, #fcfcfc, #fdfdfd, #fefefe);
    line-height: 20px
}

.details .sous-title .confirm .button a {
    width: 100%;
    margin: 10px 0;
    background: transparent;
    border: 1px solid #fff;
    outline: none;
    font-family: "Gotham book";
    color: white;
    padding: 13px 0px;
    display: block;
    text-align: center;
    text-decoration: none
}

.details .contenu .left .offre .offre-title {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.details fieldset.application {
    margin-left: 0
}

.details .contenu .left .offre .offre-title .text {
    margin: 0 10px
}

.details .contenu .left .offre .offre-title .text h4 {
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 17px;
    color: #660133
}

.details .contenu .left .offre .description {
    font-family: "Gotham book"
}

.details .contenu .left .offre .description h5 {
    margin: 20px 0 5px;
    font-family: "Gotham medium";
    font-weight: 500;;
    background: transparent !important;
    color: #000 !important
}

.details .contenu .left .offre .description ul li {
    list-style: none;
    margin: 5px 0;
    font-family: "Gotham book";
    position: relative;
    padding: 3px 0 0 20px !important
}

.details .contenu .left .offre .description ul li::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-right: 2px solid #941554;
    border-top: 2px solid #941554;
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 10px
}

.details .contenu .left .offre .confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding-bottom: 30px
}

.details .contenu .left .offre .confirm .button {
    width: 50%
}

.details .contenu .left .offre .confirm .button button {
    height: 40px;
    width: 300px;
    border: none;
    background-color: #660133;
    color: white;
    font-family: "Gotham book";
    outline: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer
}

.details .contenu .left .offre .confirm .partager {
    width: 50%;
    text-align: right;
    align-self: center;
    padding-bottom: 10px
}

.details .contenu .left .offre .confirm .partager span {
    font-family: "Gotham book";
    font-size: 14px
}

.details .contenu .left .offre .confirm .partager img {
    cursor: pointer;
    margin: -5px 2px
}

.details .contenu .left .offre .confirm .partager img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.details .contenu .left .postule {
    padding: 30px 60px;
    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;
    padding-top: 0
}

.details .contenu .left .postule .titre {
    margin: 30px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.details .contenu .left .postule .titre h2 {
    font-family: "Gotham";
    font-weight: 500;
}

.details .contenu .left .postule .inputs {
    width: 70%;
    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;
    position: relative;
    background-color: #f5f5f5;
    padding: 20px 40px 30px
}

.details .contenu .left .postule .inputs::before {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat;
    background-size: 20vw 20vw;
    width: 150px;
    height: 200px;
    animation: postuleForm 4s linear infinite;
    z-index: -1
}

.details .contenu .left .postule .inputs::after {
    content: "";
    position: absolute;
    right: -6px;
    bottom: -6px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat;
    background-size: 20vw 20vw;
    width: 150px;
    height: 200px;
    animation: postuleForm 4s linear infinite;
    z-index: -1
}

.details .contenu .left .postule .inputs .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative
}

.details .contenu .left .postule .inputs .group .area {
    width: calc(50% - 20px);
    margin: 10px 10px;
    position: relative
}

.details .contenu .left .postule .inputs .area {
    width: calc(100% - 20px);
    margin: 10px 10px;
    position: relative
}

.details .contenu .left .postule .inputs .prenom::before, .details .contenu .left .postule .inputs .nom::before, .details .contenu .left .postule .inputs .adresse::before, .details .contenu .left .postule .inputs .ville::before, .details .contenu .left .postule .inputs .pays::before, .details .contenu .left .postule .inputs .telephone::before, .details .contenu .left .postule .inputs .email::before, .details .contenu .left .postule .inputs .etude::before, .details .contenu .left .postule .inputs .experience::before, .details .contenu .left .postule .inputs .cv::before {
    content: "*";
    position: absolute;
    color: #660133;
    z-index: 10;
    font-size: 20px;
    right: 18px;
    top: 60%
}

.details .contenu .left .postule .inputs span {
    display: block;
    margin: 5px 0
}

.details .contenu .left .postule .inputs .cv label span {
    margin: 0 0
}

.details .contenu .left .postule .inputs select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    outline: none;
    height: 40px;
    border: solid 1px #dbdbdb;
    font-family: "Gotham book";
    font-size: 14px;
    padding: 0 10px;
    width: 100%;
    color: #9a9a9a
}

.details .contenu .left .postule .inputs textarea {
    outline: none;
    height: 150px !important;
    border: solid 1px #dbdbdb;
    font-family: "Gotham book";
    font-size: 14px;
    padding: 0 10px;
    width: 100% !important;
    position: relative;
    color: #9a9a9a;
    resize: none
}

.details .contenu .left .postule .inputs input {
    outline: none;
    height: 40px;
    border: solid 1px #dbdbdb;
    font-family: "Gotham book";
    font-size: 14px;
    padding: 0 10px;
    width: 100%;
    position: relative;
    color: #9a9a9a
}

.details .contenu .left .postule .inputs label {
    display: inline-block;
    outline: none;
    border: solid 1px #dbdbdb;
    font-family: "Gotham book";
    font-size: 14px;
    padding: 7px 10px;
    width: calc(100% - 20px);
    background-color: white;
    color: #9a9a9a
}

.details .contenu .left .postule .inputs button {
    margin: 0px 0px;
    padding: 0px 0px;
    font-family: "Gotham book";
    font-size: 18px;
    width: 47%;
    height: 40px;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer
}

.details .contenu .left .postule .inputs a {
    margin: 0px 0px;
    padding: 0px 0px;
    font-family: "Gotham book";
    font-size: 18px;
    width: 47%;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    display: inline-block;
    color: white;
    text-decoration: none;
    background-color: #8e8e8e;
    color: white;
    border: none;
    outline: none;
    float: right;
    padding: 8 0;
    text-align: center
}

.details .contenu .left .postule .inputs button:nth-child(1) {
    background-color: #660133;
    color: white;
    border: none;
    outline: none
}

.details .contenu .left .postule .inputs button:nth-child(1):hover {
    border: solid 1px #660133;
    background-color: white;
    color: #660133
}

.details .contenu .left .postule .inputs a:hover {
    background-color: white;
    color: #660133
}

.details .contenu .right {
    width: 29%;
    background-color: #f2f2f2;
    -webkit-box-shadow: -8px 2px 5px -5px rgba(0, 0, 0, 0.2);
    box-shadow: -8px 2px 5px -5px rgba(0, 0, 0, 0.2);
    padding: 0 30px;
    padding-right: 90px;
    padding-bottom: 50px
}

.details .contenu .right .processus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 110px
}

.details .contenu .right .processus .text {
    margin: 0 10px
}

.details .contenu .right .processus .text h3 {
    font-family: "Gotham medium";
    font-weight: 500
}

.details .contenu .right .etape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.details .contenu .right .etape .font {
    border: solid 2px #660133;
    border-radius: 50%
}

.details .contenu .right .etape .font img {
    margin: 15px;
    width: 34px;
    height: 34px
}

.details .contenu .right .etape .text {
    margin: 0 10px;
    width: calc(100% - 74px)
}

.details .contenu .right .etape .text p {
    font-family: "Gotham book";
    font-size: 14px
}

.details .contenu .right .etape .text p span {
    color: #660133;
    margin-right: 5px
}

.details .contenu .right .cercle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #660133;
    margin: 10px;
    margin-left: 30px
}

.offres-page .title-section {
    position: relative;
    margin-top: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 212px;
    padding: 0 100px;
    background-attachment: fixed;
    background-image: url(../../../../images/jch-optimize/ng/images_modules_toutesOffreBg.webp);
    background-repeat: no-repeat;
    background-size: 100% 500px;
    position: relative
}

.offres-page .title-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.offres-page .title-section .font, .offres-page .title-section .text {
    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;
    z-index: 2
}

.offres-page .title-section .font img, .offres-page .title-section .text img {
    margin-right: 20px
}

.offres-page .title-section .font h1, .offres-page .title-section .text h1 {
    text-transform: uppercase !important;
    font-family: "Gotham medium" !important;
    font-weight: 500;
    color: white !important;
    font-size: 28px !important
}

.offres-page .contenu {
    background: #f6f6f6;
    padding: 0 100px;
    min-height: calc(100vh - 560px)
}

.offres-page .contenu .recherche {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100px
}

.offres-page .contenu .recherche .title {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offres-page .contenu .recherche .title .font, .offres-page .contenu .recherche .title .text {
    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
}

.offres-page .contenu .recherche .title .font img, .offres-page .contenu .recherche .title .text img {
    margin-right: 10px
}

.offres-page .contenu .recherche .title .font h3, .offres-page .contenu .recherche .title .text h3 {
    text-transform: uppercase !important;
    font-family: "Gotham medium" !important;
    font-weight: 500;
    font-size: 22px !important;
    padding: 0 0 !important;
    letter-spacing: 0px !important
}

.offres-page .contenu .recherche .inputs {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.offres-page .contenu .recherche .inputs .profil {
    font-family: "Gotham book";
    font-size: 16px;
    width: 250px;
    height: 40px;
    border: none;
    background-color: white;
    margin: 0 5px;
    -webkit-box-sizing: none;
    box-sizing: none;
    outline: none
}

.offres-page .contenu .recherche .inputs > button img {
    max-width: none
}

.offres-page .contenu .recherche .inputs .contrat {
    font-family: "Gotham book";
    font-size: 16px;
    width: 200px;
    height: 40px;
    border: none;
    background-color: white;
    margin: 0 5px;
    outline: none
}

.offres-page .contenu .recherche .inputs .pays {
    font-family: "Gotham book";
    font-size: 16px;
    width: 200px;
    height: 40px;
    border: none;
    background-color: white;
    margin: 0 5px;
    outline: none
}

.offres-page .contenu .recherche .inputs button {
    height: 40px;
    width: 60px;
    margin: 0 5px;
    outline: none;
    border: none;
    background: #660133;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    text-align: center
}

.offres-page .contenu .offres {
    text-align: left;
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offres-page .contenu .offres .offre {
    font-family: "Gotham book", Fallback, sans-serif;
    text-align: left;
    padding: 20px 30px;
    margin: 10px 10px;
    width: calc(25% - 80px);
    height: 200px;
    -webkit-box-shadow: 0px 0px 4px 1px #efefef;
    box-shadow: 0px 0px 4px 1px #efefef;
    background: white
}

.offres-page .contenu .offres .offre .type {
    font-family: "Gotham medium", Fallback, sans-serif;
    width: 100%;
    font-size: 12px;
    height: 20px;
    margin: 2px 0;
    overflow: hidden;
    color: #404040
}

.offres-page .contenu .offres .offre .title {
    text-align: left;
    font-size: 18px;
    font-family: "Gotham bold", Fallback, sans-serif;
    height: 75px;
    overflow: hidden;
    color: #404040
}

.offres-page .contenu .offres .offre .time {
    font-family: "Gotham";
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    height: 20px;
    margin: 2px 0;
    color: #404040
}

.offres-page .contenu .offres .offre .ville {
    font-family: "Gotham";
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    height: 20px;
    margin-bottom: 15px;
    color: #404040
}

.offres-page .contenu .offres .offre .voire {
    display: flex;
    align-items: center;
    height: 20px;
    margin: 2px 0
}

.offres-page .contenu .offres .offre .voire a {
    font-family: "Gotham";
    font-weight: 500;
    padding: 5px 10px;
    background-color: #404040;
    color: white;
    cursor: pointer;
    overflow: hidden;
    border: none;
    margin: 0px 0px;
    outline: none;
    font-size: 12px
}

@media (hover: hover) and (pointer: fine) {
    .offres-page .contenu .offres .offre:hover {
        background-color: #660133
    }

    .offres-page .contenu .offres .offre:hover .type {
        color: white
    }

    .offres-page .contenu .offres .offre:hover .title {
        color: white
    }

    .offres-page .contenu .offres .offre:hover .time {
        color: white
    }

    .offres-page .contenu .offres .offre:hover .ville {
        color: white
    }

    .offres-page .contenu .offres .offre:hover .voire a {
        text-align: left;
        background-color: white;
        color: #660133;
        outline: none;
        text-decoration: none
    }
}

.offres-page .contenu .offre-page {
    padding-top: 5px
}

.offres-page .contenu .resultats {
    margin-top: 50px;
    font-family: "Gotham";
    font-weight: 500;;
    text-align: left
}

.offre-section {
    text-align: left;
    height: auto;
    padding-bottom: 80px
}

@media screen and (max-width: 550px) {
    .offre-section {
        padding-bottom: 20px
    }
}

.global-title .title {
    padding-top: 60px;
    width: 100%;
    text-align: center
}

.global-title .title h2 {
    font-size: 48px;
    letter-spacing: 4px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative
}

.global-title .title h2::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: black
}

.offre-section .offres {
    text-align: left;
    padding: 30px 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offre-section .offres .offre {
    font-family: "Gotham book", Fallback, sans-serif;
    text-align: left;
    padding: 20px 30px;
    width: calc(100% - 95px);
    margin: 10px 25px;
    height: 200px;
    -webkit-box-shadow: 0px 0px 4px 1px #efefef;
    box-shadow: 0px 0px 4px 1px #efefef
}

.offre-section .offres .offre .type {
    font-family: "Gotham";
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    height: 20px;
    margin: 2px 0;
    overflow: hidden;
    color: #404040
}

.offre-section .offres .offre .title {
    text-align: left;
    font-size: 18px;
    font-family: "Gotham bold", Fallback, sans-serif;
    height: 75px;
    overflow: hidden;
    color: #404040;
    text-transform: uppercase
}

.offre-section .offres .offre .time {
    font-family: "Gotham";
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    height: 20px;
    margin: 2px 0;
    color: #404040
}

.offre-section .offres .offre .ville {
    font-family: "Gotham";
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    height: 20px;
    margin-bottom: 15px;
    color: #404040
}

.offre-section .offres .offre .voire {
    display: flex;
    align-items: center;
    height: 20px;
    margin: 2px 0
}

.offre-section .offres .offre .voire a {
    font-family: "Gotham";
    font-weight: 500;
    padding: 5px 10px;
    background-color: #404040;
    color: white;
    cursor: pointer;
    overflow: hidden;
    border: none;
    margin: 0px 0px;
    outline: none;
    font-size: 12px
}

@media (hover: hover) {
    .offre-section .offres .offre:hover {
        background-color: #660133
    }

    .offre-section .offres .offre:hover .type {
        color: white
    }

    .offre-section .offres .offre:hover .title {
        color: white
    }

    .offre-section .offres .offre:hover .time {
        color: white
    }

    .offre-section .offres .offre:hover .ville {
        color: white
    }

    .offre-section .offres .offre:hover .voire a {
        text-align: left;
        background-color: white;
        color: #660133;
        outline: none;
        text-decoration: none
    }
}

.offre-section .afficher-tout {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.offre-section .afficher-tout a {
    padding: 10px 40px;
    font-style: italic;
    color: #979797;
    cursor: pointer;
    padding-right: 115px;
    margin-bottom: 26px
}

.offre-section .afficher-tout a:hover {
    text-decoration: none;
    color: #000
}

.rejoindre-section {
    padding-bottom: 130px;
    background: #f5f5f5;
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    padding-bottom: 100px;
    position: relative;
    padding-top: 90px;
    margin-top: -90px;
    margin-bottom: -10px
}

.page-id-268 .rejoindre-section, .page-id-267 .rejoindre-section {
    padding-bottom: 150px;
    background: #f5f5f5;
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    position: relative;
    padding-top: 90px;
    margin-top: -90px
}

.rejoindre-section .fix-skew {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg)
}

.rejoindre-section .title {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 120px;
    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
}

.rejoindre-section .title h2 {
    font-size: 48px;
    letter-spacing: 4px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative
}

.rejoindre-section .title h2::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: black
}

.rejoindre-section .title p {
    font-family: "Gotham book";
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    margin: 10px 20px;
    line-height: 20px;
    width: 70%;
    font-size: 16px;
    color: #4a4a4a
}

.rejoindre-section .rejoindre {
    margin-top: 80px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.rejoindre-section .rejoindre .rej {
    background: #f5f5f5;
    position: relative
}

.rejoindre-section .rejoindre .bg {
    display: block;
    margin: auto;
    position: relative;
    z-index: 2;
    background-color: #f5f5f5;
    width: 6000px
}

.rejoindre-section .rejoindre .text {
    margin: 20px 0;
    width: 200px
}

.rejoindre-section .rejoindre .text span {
    font-size: 36px;
    font-family: "Gotham medium";
    font-weight: 500;;
    display: inline-block;
    margin: 10px 0
}

.rejoindre-section .rejoindre .text p {
    font-size: 14px;
    font-family: "Gotham book"
}

.rejoindre-section .rejoindre .postule {
    position: absolute;
    bottom: 56%;
    left: 16%;
    z-index: 3
}

.rejoindre-section .rejoindre .entretien {
    position: absolute;
    padding: 5px;
    top: 37%;
    z-index: 3;
    left: 38%
}

.rejoindre-section .rejoindre .etude {
    position: absolute;
    padding-left: 5px;
    z-index: 3;
    top: 86%;
    left: 29%
}

.rejoindre-section .rejoindre .test {
    position: absolute;
    bottom: 99%;
    left: 51.5%;
    padding-left: 10px;
    z-index: 3
}

.rejoindre-section .rejoindre .decision {
    position: absolute;
    bottom: 55%;
    left: 62.5%;
    padding-left: 7px;
    z-index: 3
}

.rejoindre-section .rejoindre .fin {
    position: absolute;
    top: 61%;
    left: 77%;
    z-index: 3
}

.rejoindre-section .right {
    display: none;
    padding-left: 40px;
    background: #f5f5f5
}

.rejoindre-section .right .etape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rejoindre-section .right .etape .font {
    border: solid 2px #660133;
    border-radius: 50%;
    width: 60px !important;
    height: 60px !important
}

.rejoindre-section .right .etape .font img {
    margin: 15px;
    width: 30px;
    height: 30px
}

.rejoindre-section .right .etape .text {
    margin: 0 10px;
    width: 70%
}

.rejoindre-section .right .etape .text p {
    font-family: "Gotham book";
    font-size: 14px
}

.rejoindre-section .right .etape .text p span {
    color: #660133;
    margin-right: 5px
}

.rejoindre-section .right .cercle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #660133;
    margin: 10px;
    margin-left: 30px
}

.reasons-section {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    background: white;
    position: relative;
    margin-top: -60px;
    z-index: 20;
    padding-bottom: 90px
}

.reasons-section .fix-skew {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg)
}

.reasons-section .fix-skew .title {
    padding-top: 60px;
    width: 100%;
    text-align: center
}

.reasons-section .fix-skew .title h2 {
    font-size: 48px;
    letter-spacing: 4px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative
}

.reasons-section .fix-skew .title h2::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: black
}

.reasons-section .fix-skew .rejoindre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reasons-section .fix-skew .rejoindre .left {
    width: 45%;
    position: relative;
    height: 298px
}

.reasons-section .fix-skew .rejoindre .left .text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.reasons-section .fix-skew .rejoindre .left .text h3 {
    font-family: "Gotham";
    font-weight: 500;;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    padding: 0px 0px
}

.reasons-section .fix-skew .rejoindre .left .text h4 {
    font-family: "Gotham";
    font-weight: 500;;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    padding: 0px 0px
}

.reasons-section .fix-skew .rejoindre .left .text h5 {
    font-family: "Gotham";
    font-weight: 500;;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    padding: 0px 0px
}

.reasons-section .fix-skew .rejoindre .left .text div {
    position: absolute;
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20%;
    -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;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.reasons-section .fix-skew .rejoindre .left .text .top1 {
    position: absolute;
    top: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #cfd3ce !important;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

.reasons-section .fix-skew .rejoindre .left .text .top1 .cnt {
    font-size: 12px;
    color: #cfd3ce !important;
    margin: 0 0
}

.reasons-section .fix-skew .rejoindre .left .text .top2 {
    top: 20%;
    position: absolute;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #aaa !important
}

.reasons-section .fix-skew .rejoindre .left .text .top2 .cnt {
    font-size: 16px;
    color: #aaa !important;
    margin: 0 0
}

.reasons-section .fix-skew .rejoindre .left .text .active {
    top: 40%;
    position: absolute;
    height: 20%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #660133 !important;
    margin: 0 0
}

.reasons-section .fix-skew .rejoindre .left .text .active .cnt {
    font-size: 38px;
    color: #660133 !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0 0;
    font-family: "Gotham bold";
    letter-spacing: 2px
}

.reasons-section .fix-skew .rejoindre .left .text .bot2 {
    top: 60%;
    position: absolute;
    cursor: pointer;
    color: #aaa !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.reasons-section .fix-skew .rejoindre .left .text .bot2 .cnt {
    font-size: 16px;
    color: #aaa !important;
    margin: 0 0
}

.reasons-section .fix-skew .rejoindre .left .text .bot1 {
    position: absolute;
    top: 80%;
    cursor: pointer;
    color: #cfd3ce !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.reasons-section .fix-skew .rejoindre .left .text .bot1 .cnt {
    font-size: 12px;
    color: #cfd3ce !important;
    margin: 0 0
}

.reasons-section .fix-skew .rejoindre .left .caret-left {
    position: absolute;
    bottom: 1px;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.reasons-section .fix-skew .rejoindre .left .caret-right {
    position: absolute;
    top: 1px;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.reasons-section .fix-skew .rejoindre .left .caret.left {
    border-right-color: #c598aa
}

.reasons-section .fix-skew .rejoindre .left .caret.right {
    border-left-color: #c598aa
}

.reasons-section .fix-skew .rejoindre .left .caret {
    width: 23px;
    height: 13px;
    display: inline-block
}

.reasons-section .fix-skew .rejoindre .middle {
    width: 10%;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reasons-section .fix-skew .rejoindre .middle div {
    width: 3px;
    height: 100%;
    background-color: #660133;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    filter: grayscale(50%)
}

.reasons-section .fix-skew .rejoindre .right {
    width: 45%;
    height: 300px;
    overflow: hidden;
    position: relative
}

.reasons-section .fix-skew .rejoindre .right .text {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.reasons-section .fix-skew .rejoindre .right .text img {
    margin: 0 10px
}

.reasons-section .fix-skew .rejoindre .right .text div {
    width: 70%
}

.reasons-section .fix-skew .rejoindre .right .text div p {
    font-family: "Gotham book";
    margin: 10px 0;
    padding: 0 20px;
    color: #4a4a4a;
    text-align: justify;
    text-justify: inter-word
}

.reasons-section .fix-skew .rejoindre .right .top {
    top: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.reasons-section .fix-skew .rejoindre .right .bottom {
    top: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.reasons-section .fix-skew .rejoindre .right .active {
    top: 0%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.career-path {
    overflow: hidden;
    margin-top: 40px;
    padding-bottom: 80px;
    background-color: #f5f5f5;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-top: -92px;
    padding-top: 92px
}

.career-path .title {
    padding-top: 60px;
    width: 100%;
    text-align: center
}

.career-path .title h2 {
    font-size: 48px;
    letter-spacing: 4px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative
}

.career-path .title h2::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: black
}

.career-path .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.career-path .description p {
    font-family: "Gotham book";
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    margin: 10px 20px;
    line-height: 20px;
    width: 70%;
    font-size: 16px;
    color: #4a4a4a
}

.career-path .paths {
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 10% 7% 20%;
    padding-top: 5%
}

.career-path .paths .path {
    width: 33.3%;
    height: 400px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.career-path .paths .path .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.career-path .paths .path .header .font {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px;
    padding: 10px 10px;
    max-height: 50px;
    max-width: 50px
}

.career-path .paths .path .header .font img {
    height: 50px;
    width: 50px
}

.career-path .paths .path .header .img {
    width: calc(100% - 110px);
    height: 50px
}

.career-path .paths .path .header .img img {
    width: 100%
}

.career-path .paths .path:nth-child(1) .header .img {
    margin-top: 2px
}

.career-path .paths .path:nth-child(1) .header .img img {
    padding-top: 33px;
    height: 100px
}

.career-path .paths .path:nth-child(1) .header .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#851e4b), to(#9d2f5e));
    background: linear-gradient(to bottom, #851e4b, #9d2f5e)
}

.career-path .paths .path:nth-child(2) .header {
    margin-top: 60px;
    margin-bottom: -10px
}

.career-path .paths .path:nth-child(2) .header .img {
    margin-top: 30px
}

.career-path .paths .path:nth-child(2) .header .img img {
    margin-top: -33px;
    padding-top: 33px;
    height: 100px
}

.career-path .paths .path:nth-child(2) .header .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#b03b6c), to(#c14a7e));
    background: linear-gradient(to bottom, #b03b6c, #c14a7e);
    height: 70px
}

.career-path .paths .path:nth-child(3) .header {
    padding-top: 125px
}

.career-path .paths .path:nth-child(3) .header .img {
    margin-top: 30px
}

.career-path .paths .path:nth-child(3) .header .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#cb538a), to(#cd5e9a));
    background: linear-gradient(to bottom, #cb538a, #cd5e9a);
    width: 70px
}

.career-path .paths .path:nth-child(4) .header {
    margin-top: 172px
}

.career-path .paths .path:nth-child(4) .header .img {
    margin-top: -85px
}

.career-path .paths .path:nth-child(4) .header .img img {
    height: 75px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.career-path .paths .path:nth-child(4) .header .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#b78cf2), to(#b986f3));
    background: linear-gradient(to bottom, #cc6db1, #c978c4)
}

.career-path .paths .path:nth-child(5) .header {
    margin-top: -100px;
    height: 180px;
    margin-bottom: -10px
}

.career-path .paths .path:nth-child(5) .header .img {
    margin-top: 20px
}

.career-path .paths .path:nth-child(5) .header .img img {
    height: 100px;
    margin-top: 10px
}

.career-path .paths .path:nth-child(5) .header .img img:nth-child(1) {
    height: 96px
}

.career-path .paths .path:nth-child(5) .header .img img:nth-child(2) {
    height: 75px;
    margin-top: 60px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.career-path .paths .path:nth-child(5) .header .font {
    margin-top: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c978c3), to(#c282d4));
    background: linear-gradient(to bottom, #c978c3, #c282d4)
}

.career-path .paths .path:nth-child(6) .header {
    margin-top: 160px
}

.career-path .paths .path:nth-child(6) .header .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#b78cf2), to(#b986f3));
    background: linear-gradient(to bottom, #b78cf2, #b986f3);
    width: 70px
}

.career-path .paths .path .contenu .titre {
    margin: 10px 20px;
    font-size: 18px;
    font-family: "Gotham medium";
    font-weight: 500;, Fallback, sans-serif;
    color: #2c2c2c !important
}

.career-path .paths .path .contenu p {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: "Gotham book", Fallback, sans-serif;
    margin: 0 20px;
    word-spacing: 2px;
    line-height: 20px;
    font-size: 14px;
    width: 65%;
    color: #696969;
    text-align: justify;
    text-align-last: left
}

.career-path .paths2 {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-top: 30px;
    display: none
}

.career-path .paths2 .path {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 3%;
    width: 94%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.career-path .paths2 .path .section1 {
    width: 50%
}

.career-path .paths2 .path .section1 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.career-path .paths2 .path .font img {
    height: 50px;
    width: 50px
}

.career-path .paths2 .path .section1 .head .font {
    padding: 10px;
    margin-left: 20px;
    min-height: 50px;
    min-width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.career-path .paths2 .path .section1 .head .img {
    margin-right: -20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.career-path .paths2 .path .section1 .img img {
    width: 100%
}

.career-path .paths2 .path .section2 {
    width: 50%
}

.career-path .paths2 .path .section2 .font {
    padding: 10px;
    margin: 0 20px;
    height: 50px;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.career-path .paths2 .path .section2 .img {
    padding-left: 50px;
    height: 130px
}

.career-path .paths2 .path .section2 .img img {
    height: 100%
}

.career-path .paths2 .path .contenu .titre {
    margin: 25px 0px;
    font-size: 18px;
    font-family: "Gotham";
    font-weight: 500;, Fallback, sans-serif;
    color: #2c2c2c !important
}

.career-path .paths2 .path .contenu p {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: "Gotham book", Fallback, sans-serif;
    word-spacing: 8px;
    line-height: 20px;
    font-size: 14px;
    width: 75%;
    color: #696969;
    text-align: justify
}

.career-path .paths2 .path:nth-child(1) .section1 .head .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#851e4b), to(#9d2f5e));
    background: linear-gradient(to bottom, #851e4b, #9d2f5e)
}

.career-path .paths2 .path:nth-child(1) .section2 .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#b03b6c), to(#c14a7e));
    background: linear-gradient(to bottom, #b03b6c, #c14a7e)
}

.career-path .paths2 .path:nth-child(2) .section1 .head .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#c978c3), to(#c282d4));
    background: linear-gradient(to bottom, #c978c3, #c282d4)
}

.career-path .paths2 .path:nth-child(2) .section2 .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#cb538a), to(#cd5e9a));
    background: linear-gradient(to bottom, #cb538a, #cd5e9a)
}

.career-path .paths2 .path:nth-child(3) {
    width: 50%;
    padding-left: 60px
}

.career-path .paths2 .path:nth-child(3) .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#cb538a), to(#cd5e9a));
    background: linear-gradient(to bottom, #cb538a, #cd5e9a);
    width: 90px
}

.career-path .paths2 .path:nth-child(3) img {
    width: 100%
}

.career-path .paths2 .path:nth-child(4) .section1 .head .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#b78cf2), to(#b986f3));
    background: linear-gradient(to bottom, #b78cf2, #b986f3)
}

.career-path .paths2 .path:nth-child(4) .section2 .font {
    background: -webkit-gradient(linear, left top, left bottom, from(#b78cf2), to(#b986f3));
    background: linear-gradient(to bottom, #b78cf2, #b986f3)
}

.before-footer {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    width: 100%;
    height: 5px;
    background-image: -webkit-gradient(linear, left top, right top, from(#670e37), color-stop(#d634cf), color-stop(#755eeb), to(#670e37));
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat-x;
    background-size: 133vw 3px;
    height: 3px
}

.footer {
    margin-top: -20px;
    padding-top: 40px;
    padding-bottom: 30px;
    width: 100%;
    overflow: hidden
}

.footer .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px;
    overflow: hidden
}

.footer .social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.footer .logo img {
    width: 320px
}

.footer .social-media span {
    margin: 10px
}

.footer .social-media.seconde {
    display: none
}

.footer .social-media span img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.footer .social-media span img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.footer .links.showForMobile {
    display: none !important
}

.footer .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.footer .links.showForDesktop {
    width: 100%;
    flex-direction: column
}

.footer .links div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.footer .links.showForDesktop div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.footer .links div p {
    position: relative;
    margin: 20px 0
}

.footer .links div p a {
    text-decoration: none;
    font-size: 11.5px;
    -webkit-font-family: "Gotham medium";
    font-family: "Gotham medium";
    font-weight: 500;;
    color: #e78120;
    margin: 5px;
    line-height: 12px;
    cursor: pointer
}

.footer .links.showForDesktop div p a {
    text-decoration: none;
    font-size: 13px;
    -webkit-font-family: "Gotham medium";
    font-family: "Gotham medium";
    font-weight: 500;
    color: #000000;
    margin: 17px 10px;
    line-height: 12px;
    cursor: pointer
}
.contact .bg_detail_content_a.contact_block_lk::before {
    content: "";
    position: absolute;
    right: -6px;
    bottom: -6px;
    background-image: linear-gradient(90deg, #670e37, #d634cf, #755eeb, #670e37);
    background-repeat: repeat;
    background-size: 20vw 20vw;
    width: 150px;
    height: 50%;
    max-height: 200px;
    animation: form 4s linear infinite;
    z-index: -1;
}
.footer .links div p a:hover {
    color: #1d1d1d
}

.footer .links div p:not(:nth-of-type(1))::after {
    content: "";
    width: 1px;
    height: 13px;
    background-color: black;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer .links.showForDesktop div p:not(:nth-of-type(1))::after {
    content: "";
    width: 1px;
    height: 13px;
    background-color: #5051514D;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer .links div h5 {
    display: none
}

.footer .links div p.contacter {
    display: none
}

.footer .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .contact {
    background: transparent !important;
    border-top: none;
    width: 100%;
    overflow: hidden
}

.footer .contact p {
    position: relative;
    padding: 0 7px;
    font-size: 12px;
    font-family: "Gotham book";
    color: #1d1d1d;
    text-align: center
}

.footer .contact p:not(:first-child)::after {
    content: "";
    width: 1px;
    height: 13px;
    background-color: black;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.footer .contact p {
    position: relative;
    padding: 0 7px;
    font-size: 12px;
    font-family: "Gotham medium";
    font-weight: 500;;
    color: #1d1d1d;
    text-align: center
}

.footer .contact p:not(:first-child)::after {
    content: "";
    width: 1px;
    height: 13px;
    background-color: black;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.owl-carousel .owl-nav {
    text-align: center
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    width: 20px;
    color: transparent;
    background: #660133;
    height: 7px;
    outline: none
}

.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
    display: none
}

.teams .team .owl-dots {
    text-align: center
}

.teams .team .owl-dots button {
    width: 25px;
    height: 3px;
    background: #bbb5b5;
    outline: none
}

.teams .team .owl-dots button.active {
    padding: 1px;
    background: #660133
}

.teams .team .owl-dots button.active:focus {
    outline: none
}

.teams {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    background: #fff;
    padding-bottom: 145px;
    height: 450px;
    position: relative;
    margin-top: -55px
}

.teams .fix-skew {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg)
}

.teams .fix-skew .video_popup {
    position: absolute;
    top: 145px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
    height: 400px;
    background-color: black;
    z-index: 100;
    display: none;
    object-fit: cover;
    max-width: 770px
}

.teams .fix-skew .video_popup video {
    width: 100%;
    height: 100%;
    outline: none;
    object-fit: fill
}

.teams .fix-skew .video_popup img {
    position: absolute;
    top: -16px;
    right: -17px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

.teams .fix-skew .video_popup img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.teams .fix-skew .title {
    padding-top: 60px;
    width: 100%;
    text-align: center;
    margin-bottom: 40px
}

.teams .fix-skew .title h2 {
    font-size: 48px;
    letter-spacing: 4px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative
}

.teams .fix-skew .title h2::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: black
}

.teams .fix-skew .team {
    height: auto
}

.teams .fix-skew .team .img img {
    margin: auto;
    width: 80%;
    height: 270px;
    object-fit: cover
}

.teams .fix-skew .team .img .text-area {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 1px;
    background-color: rgba(0, 0, 0, 0.7)
}

.teams .fix-skew .team .img .text-area p {
    color: white;
    padding: 2px 5px;
    position: relative;
    padding-left: 16px
}

.teams .fix-skew .team .img .play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    cursor: pointer
}

.teams .fix-skew .team .center .img {
    height: 350px;
    width: 120%;
    margin-left: -10%
}

.teams .fix-skew .team .center .img .slid {
    height: 350px;
    width: 100%
}

.teams .fix-skew .team .center .img .text-area {
    position: absolute;
    left: -10%;
    bottom: 1px;
    width: 120%;
    background-color: rgba(0, 0, 0, 0.7)
}

.teams .fix-skew .team .owl-item:not(.center) {
    padding-top: 40px
}

.projets {
    overflow: hidden;
    margin-top: -80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: auto;
    position: relative;
    background: white;
    z-index: 20
}

.projets::before {
    content: "";
    position: absolute;
    left: 50%;
    height: 40px;
    width: 1px;
    background-color: black;
    top: 18px;
    z-index: 99
}

.projets .title {
    background: #fff;
    padding: 0 15px;
    position: relative;
    margin-left: calc(-600px / 2)
}

.projets .title h2 {
    font-size: 48px;
    letter-spacing: 4px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: relative;
    padding-bottom: 0;
    width: 600px;
    text-align: center
}

.projets .left {
    background-color: #fff;
    overflow: hidden;
    background-image: url("../../../../images/jch-optimize/ng/images_modules_projectBg3.webp");
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 500px;
    width: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 15px;
    z-index: 50;
    margin-left: 10px;
    background-position: center;
    background-position-y: 27px
}

.projets .left .title {
    font-size: 48px;
    letter-spacing: 4px;
    font-family: "gotham bold", Fallback, sans-serif;
    color: #222;
    position: absolute;
    background-color: #fbfbfb;
    top: 34%;
    left: 13%;
    padding: 10px 20px;
    z-index: 30
}

.projets .left .un {
    -webkit-transform: skew(28deg, 0deg);
    transform: skew(28deg, 0deg);
    height: 100%;
    background-color: #fbfbfb;
    width: 15%;
    left: -30%;
    position: absolute
}

.projets .left .deux {
    width: 85%;
    height: 100%
}

.projets .left .trois {
    -webkit-transform: skew(28deg, 0deg);
    transform: skew(28deg, 0deg);
    height: 100%;
    width: 55%;
    right: -13%;
    position: absolute
}

.projets .left .trois .top {
    width: 100%;
    height: 67%;
    background-color: #fbfbfb
}

.projets .left .trois .mid {
    width: 100%;
    height: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.projets .left .trois .mid .first {
    height: 100%;
    width: 18%;
    background-color: #fbfbfb
}

.projets .left .trois .mid .second {
    height: 100%;
    width: 15%
}

.projets .left .trois .mid .third {
    height: 100%;
    width: 67%;
    background-color: #fbfbfb
}

.projets .left .trois .bottom {
    width: 100%;
    height: 8%;
    background-color: #fbfbfb
}

.projets .right {
    background-color: #fff;
    padding: 0;
    width: 51%;
    min-height: 50px;
    position: relative;
    z-index: 51;
    margin-top: 66px
}

.projets .right .sous-title h3 {
    font-size: 17px;
    font-family: "Gotham";
    font-weight: 500;;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 8px;
    text-align: left;
    padding: 0
}

.projets .right .description {
    padding-bottom: 20px;
    width: 90%
}

.projets .right .description .paragraph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0;
    padding-right: 20px
}

.projets .right .description .see-more {
    display: none
}

.projets .right .description .paragraph .font span {
    width: 5px;
    height: 5px;
    border-right: 2px solid #941554;
    border-top: 2px solid #941554;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 10px 10px;
    color: transparent
}

.projets .right .description .paragraph .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.projets .right .description .paragraph .text p {
    font-family: "Gotham book";
    line-height: 17px;
    color: #4a4a4a;
    width: 80%
}

.teams .fix-skew .team .img img.quote-left {
    width: 8px;
    height: 8px;
    display: inline;
    margin: 0px 5px;
    position: absolute;
    bottom: 6px;
    left: 0
}

.teams .fix-skew .team .img img.quote-right {
    width: 8px;
    height: 8px;
    display: inline;
    margin: 0 5px;
    position: absolute;
    top: 4px
}

#jm-topline-mods.jm-topline-mods-carriere {
    background: none
}

.jm-topline-mods-carriere .img_bg_slide {
    height: 100vh !important;
    background: white
}

#jm-topline-mods.jm-topline-mods-carriere .jm-allpage-w {
    background: transparent;
    opacity: 1
}

#jm-topline-mods.jm-topline-mods-carriere div#media-container {
    height: calc(100vh - 80px)
}

#jm-topline-mods.jm-topline-mods-carriere .img_bg_slide div#media-container video, #jm-topline-mods.jm-topline-mods-carriere .img_bg_slide div#media-container .video-js {
    height: calc(100vh - 80px) !important
}

@media all and (min-width: 1751px) {
    .projets .left {
        background-size: 100% 100%
    }
}

@media all and (min-width: 1661px) {
    .rejoindre-section .rejoindre::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 5px;
        top: 232px;
        background-color: #333
    }
}

@media all and (max-width: 1750px) {
    .footer .links.showForDesktop {
    }
}

@media all and (max-width: 1520px) {
    .footer .links.showForDesktop {
    }
}

@media all and (max-width: 1452px) {
    .footer .links div p a {
        font-size: 10px
    }
}

@media all and (max-width: 1425px) {
    .footer .links.showForDesktop div p a {
        font-size: 12px;
        margin: 14px 10px
    }
}

@media all and (max-width: 1409px) {
    .details .contenu .right {
        padding: 0 10px;
        padding-right: 0px
    }
}

@media all and (max-width: 1360px) {
    .footer .contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .contact p {
        margin: 5px 0
    }

    .footer .contact p:not(:first-child)::after {
        content: "";
        width: 0;
        height: 0;
        background-color: none
    }
}

@media all and (max-width: 1314px) {
    .rejoindre-section .rejoindre .text span {
        font-size: 25px
    }

    .rejoindre-section .rejoindre .text p {
        line-height: 15px
    }
}

@media all and (max-width: 1300px) {
    .details .sous-title .text h2 {
        font-size: 30px
    }
}

@media all and (max-width: 1290px) {
    .details .contenu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .details .contenu .left {
        width: 100%
    }

    .details .contenu .left .postule {
        padding: 0 100px
    }

    .details .contenu .left .postule .inputs .group {
        width: 100%
    }

    .details .contenu .left .postule .inputs .area {
        width: calc(100% - 20px)
    }

    .details .contenu .right {
        width: calc(100% - 200px);
        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;
        padding: 0 100px;
        align-items: center;
        padding-bottom: 50px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .details .contenu .right .centre {
        width: 35%
    }

    .details .contenu .left .postule .inputs {
        width: 70%
    }
}

@media all and (max-width: 1242px) {
    .footer .links div p a {
        font-size: 12px
    }

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

    .footer .links div p:first-child::after {
        content: "";
        width: 0px;
        height: 0px;
        background-color: black;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .footer .links div:last-child {
        margin-bottom: 30px
    }

    .footer .links div p {
        margin: 5px 0
    }

    .footer .links.showForDesktop div p {
        margin: 20px 0
    }

    .footer .links div p a {
        font-size: 12px
    }

    .footer .links.showForDesktop div p a {
        font-size: 12px
    }
}

@media all and (max-width: 1200px) {
    .rejoindre-section .rejoindre .postule .text {
        width: 168px
    }

    .rejoindre-section .rejoindre .entretien .text {
        width: 168px
    }

    .rejoindre-section .rejoindre .fin .text {
        width: 168px
    }

    .details .contenu .right .centre {
        width: 60%
    }

    .offres-page .contenu .offre-page li {
        padding: 0 !important
    }

    .offres-page .contenu .offre-page .offres .offre {
        width: calc(33.33% - 80px)
    }

    .offre-section .offres .offre:nth-child(4) {
        display: none
    }

    .reasons-section .fix-skew .rejoindre .right .text div p {
        font-size: 14px
    }

    .career-path .paths {
        padding: 5% 5% 5% 10%
    }
}

@media all and (max-width: 1164px) {
    .footer .links.showForDesktop div p a {
        font-size: 11px;
        margin: 12px 6px
    }
}

@media all and (max-width: 1130px) {
    .bg_page_shadow {
        padding-bottom: 0px !important
    }

    .details .sous-title .confirm .partager span {
        font-size: 11px
    }
}

@media all and (max-width: 1120px) {
    .reasons-section .fix-skew .rejoindre .left .text .active .cnt {
        font-size: 30px
    }

    .reasons-section .fix-skew .rejoindre .left .text .top1 .cnt, .reasons-section .fix-skew .rejoindre .left .text .bot1 .cnt {
        font-size: 10px
    }

    .reasons-section .fix-skew .rejoindre .left .text .top2 .cnt, .reasons-section .fix-skew .rejoindre .left .text .bot2 .cnt {
        font-size: 15px
    }
}

@media all and (max-width: 1100px) {
    .projets .left {
        width: 63%
    }

    .projets .right {
        width: 36%
    }

    .projets .right .description {
        padding-bottom: 20px;
        width: 100%
    }

    .projets .right .description .paragraph {
        margin: 10px 0
    }

    .projets .right .description .paragraph .text p {
        font-family: "Gotham book";
        font-size: 14px;
        line-height: 17px;
        color: #4a4a4a;
        width: 100%
    }
}

@media all and (max-width: 1044px) {
    .offre-section .offres {
        padding: 10px 20px
    }

    .offre-section .offres .offre:nth-child(4) {
        display: none
    }

    .offre-section .afficher-tout a {
        padding-right: 55px
    }
}

@media all and (max-width: 1035px) {
    .offres-page .title-section {
        padding: 0 10px
    }

    .offres-page .contenu {
        padding: 0 10px
    }

    .offres-page .contenu .offre-page .offres {
        padding: 0 10px
    }

    .offres-page .contenu .recherche {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 30px
    }

    .offres-page .contenu .recherche .title {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 20px 0
    }

    .offres-page .contenu .recherche .inputs {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-end
    }
}

@media all and (max-width: 1026px) {
    .section-title h2 {
        font-size: 48px !important
    }

    .carriere .content .metier .elba ul:nth-child(3) div {
        height: 60px
    }

    .carriere .content .metier h2 {
        font-size: 40px
    }

    .carriere .content .metier h6 {
        font-size: 24px
    }

    .carriere .content .voir-tous {
        height: 40px
    }

    .carriere .content .voir-tous .parent .div2 a {
        font-size: 20px
    }

    .carriere .content .metier .elba {
        width: 550px
    }

    .careers .carriere .content .metier .elba {
        width: 450px
    }

    .details .contenu .left .offre .confirm {
        -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
    }

    .details .contenu .left .offre .confirm .button {
        margin: 10px 0;
        width: 100%;
        text-align: center
    }

    .details .contenu .left .offre .confirm .partager {
        margin: 10px 0;
        width: 100%;
        text-align: center
    }

    .details .title, .details .sous-title {
        padding: 0 10px
    }

    .details .contenu .left .offre {
        padding: 0 10px
    }

    .projets .left {
        width: 60%
    }

    .projets {
        margin-top: -90px
    }

    .details {
        padding-top: 54px !important
    }

    .offres-page .title-section {
        margin-top: 55px
    }
}

@media all and (max-width: 1000px) {
    .career-path .paths {
        padding: 5% 2% 20% 5%
    }

    .section-description p {
        margin: 10px 5% !important;
        line-height: 20px !important;
        width: 90% !important
    }
}

@media all and (min-width: 701px) {
    .footer .links.showForMobile div {
        margin-bottom: 5px
    }

    .footer .links.showForMobile div p a {
        color: #282828
    }

    .footer .links.showForMobile div p:not(:nth-of-type(1))::after {
        background-color: #5051514D
    }
}

@media all and (max-width: 998px) {
    .footer .links.showForDesktop {
        display: none
    }

    .footer .links.showForMobile {
        display: flex !important
    }
}

@media all and (max-width: 950px) {
    .reasons-section .fix-skew .rejoindre .left .text .active .cnt {
        font-size: 26px
    }

    .reasons-section .fix-skew .rejoindre .left .text .top1 .cnt, .reasons-section .fix-skew .rejoindre .left .text .bot1 .cnt {
        font-size: 9px
    }

    .reasons-section .fix-skew .rejoindre .left .text .top2 .cnt, .reasons-section .fix-skew .rejoindre .left .text .bot2 .cnt {
        font-size: 13px
    }

    .career-path .paths {
        display: none
    }

    .career-path .paths2 .path .contenu .titre {
        margin: 10px 0px
    }

    .career-path .paths2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20%
    }
}

@media all and (max-width: 930px) {
    .reasons-section .fix-skew .rejoindre .right .text div p {
        font-size: 11px
    }
}

@media all and (max-width: 864px) {
    .details .contenu .right .centre {
        width: 100%
    }

    .details .contenu .left .postule .inputs {
        width: 100%
    }

    .details .sous-title .text h2 {
        font-size: 25px
    }

    .details .sous-title .text h6 {
        font-size: 14px
    }
}

@media all and (max-width: 850px) {
    .projets {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .projets .right .description .paragraph {
        margin: 30px 0
    }

    .projets .right .description .paragraph .text p {
        width: 100%
    }

    .projets .right .description {
        width: 100%
    }

    .projets .title {
        margin-top: 40px
    }

    .projets .left {
        width: 100%
    }

    .projets .right {
        width: 90%;
        padding-left: 5%;
        margin-top: 10px
    }

    .projets::before {
        height: 00px;
        width: 0px;
        background-color: transparent
    }

    .projets .title::before {
        content: "";
        position: absolute;
        left: 50%;
        height: 40px;
        width: 1px;
        background-color: black;
        top: -37px
    }

    .projets .title {
        margin-left: 0px;
        text-align: center
    }
}

@media (max-width: 850px) and (min-width: 737px) {
    .projets .left {
        background-size: 100% 100%
    }
}

@media all and (max-width: 821px) {
    .reasons-section .fix-skew .rejoindre {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reasons-section .fix-skew .rejoindre .left {
        width: 100%;
        height: 180px
    }

    .reasons-section .fix-skew .rejoindre .middle {
        display: none
    }

    .reasons-section .fix-skew .rejoindre .right {
        width: 100%;
        height: 170px
    }

    .reasons-section .fix-skew .rejoindre .right .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reasons-section .fix-skew .rejoindre .right .text p {
        font-size: 8px
    }

    .reasons-section .fix-skew .rejoindre .right .text img {
        width: 40px;
        height: 40px
    }
}

@media all and (max-width: 800px) {
    .teams .fix-skew .team {
        padding: 0 5%;
        width: 90%
    }

    .teams .fix-skew .video_popup {
        left: 5%;
        width: 90%;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    .offre-section .offres {
        padding: 30px 30px
    }

    .offre-section .offres .offre:nth-child(3) {
        display: none
    }

    .offre-section .afficher-tout {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .offre-section .offres .offre {
        width: calc(100% - 110px)
    }

    .rejoindre-section .rejoindre {
        display: none
    }

    .rejoindre-section .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .rejoindre-section .title {
        margin-bottom: 60px
    }

    .career-path .paths2 {
        padding-left: 10%
    }

    .career-path .paths2 .path {
        width: 100%
    }

    .career-path .paths2 .path:nth-child(3) {
        padding-top: 15px;
        width: 53%
    }
}

@media all and (max-width: 778px) {
    .teams .fix-skew .video_popup {
        top: 137px;
        height: 400px;
        background-color: black
    }

    .teams .fix-skew .video_popup img {
        top: -8px;
        right: -8px;
        width: 10px;
        height: 10px
    }
}

@media all and (max-width: 770px) {
    .teams .fix-skew .video_popup {
        top: 120px;
        height: 322px;
        background-color: black
    }

    .teams .title {
        padding-top: 20px !important
    }

    .teams .title h2 {
        font-size: 22px !important;
        padding-top: 20px;
        padding-bottom: 5px !important
    }

    .teams {
        padding-bottom: 40px
    }

    .teams .fix-skew .team {
        margin: 0 0
    }

    .teams .fix-skew .title h2::before {
        top: -16px;
        height: 30px
    }

    .teams .fix-skew .team .center .img {
        width: 100%;
        height: 270px;
        margin-left: 0
    }

    .teams .fix-skew .team .center .img .slid {
        height: 270px
    }

    .teams .fix-skew .team .center .img .text-area {
        width: 100%;
        left: 0
    }

    .teams .fix-skew .team .owl-item:not(.center) {
        padding-top: 0px
    }

    .teams .fix-skew .video_popup {
        top: 132px
    }

    .projets .title::before {
        top: -36px;
        height: 30px
    }

    .section-title {
        margin-bottom: 25px !important;
        padding-top: 40px;
        font-size: 22px !important
    }

    .section-title h2 {
        padding-top: 20px !important;
        padding-bottom: 5px !important;
        font-size: 25px !important;
        line-height: 35px !important
    }

    .section-title h2::before {
        top: -16px !important;
        height: 30px !important
    }

    .section-description p {
        margin: 10px 20px !important;
        font-size: 16px !important;
        line-height: 20px !important
    }

    .global-title .title {
        padding-top: 20px
    }

    .global-title .title h2::before {
        top: -16px;
        height: 30px
    }

    .rejoindre-section .title {
        margin-bottom: 40px;
        padding-top: 20px
    }

    .rejoindre-section .title h2 {
        padding-top: 20px;
        padding-bottom: 5px
    }

    .rejoindre-section .title h2::before {
        top: -16px;
        height: 30px
    }

    .career-path .title {
        padding-top: 20px;
        margin-bottom: 0px
    }

    .career-path .title h2 {
        padding-top: 20px;
        margin-bottom: 5px
    }

    .career-path .title h2::before {
        top: -16px;
        height: 30px
    }

    .reasons-section .fix-skew .rejoindre .right .text div p {
        font-size: 11px
    }

    .reasons-section .fix-skew .rejoindre .right {
        height: 170px
    }

    .reasons-section .fix-skew .title {
        padding-top: 20px
    }

    .reasons-section .fix-skew .title h2::before {
        top: -16px;
        height: 30px
    }

    .reasons-section .fix-skew .rejoindre .right .text div p {
        font-size: 11px
    }

    .reasons-section .fix-skew .rejoindre .right {
        height: 170px
    }

    .video-js .vjs-tech {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media all and (max-width: 760px) {
    .offres-page .contenu .offre-page .offres .offre {
        width: calc(50% - 80px)
    }

    .offres-page .title-section .text h1 {
        font-size: 22px !important
    }

    .offres-page .title-section {
        background-size: 150% 500px
    }
}

@media all and (max-width: 738px) {
    .teams {
        padding-top: 20px
    }
}

@media all and (max-width: 721px) {
    .carriere .content .metier .elba ul:nth-child(3) div {
        height: 40px
    }

    .carriere .content .metier {
        padding-top: 50px
    }

    .carriere .content .metier h2 {
        font-size: 25px
    }

    .carriere .content .metier h6 {
        font-size: 18px
    }

    .carriere .content .voir-tous {
        height: 30px
    }

    .carriere .content .voir-tous .parent .div1 {
        width: 20px
    }

    .carriere .content .voir-tous .parent .div2 {
        width: 190px
    }

    .carriere .content .voir-tous .parent .div2 a {
        font-size: 12px
    }

    .carriere .content .voir-tous .parent .div3 {
        width: 20px
    }

    .skewed .techtransform h3 span {
        font-size: 25px
    }

    .carriere .content .metier .elba {
        width: 355px
    }

    .careers .carriere .content .metier .elba {
        width: 290px
    }
}

@media all and (max-width: 810px) {
    #lg-bottom-lst {
        background-size: 70%
    }

    .footer .links.showForDesktop {
        display: none
    }

    .footer .links.showForMobile {
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .links div {
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .footer .social-media.first {
        display: none
    }

    .footer .social-media.seconde {
        display: flex
    }

    .footer .links div h5 {
        width: 300px;
        display: block;
        text-align: left;
        font-size: 16px;
        margin: 10px 0;
        text-transform: uppercase;
        font-family: "Gotham";
        font-weight: 500;;
        color: #696969;
        position: relative
    }

    .footer .links div h5::before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 50px;
        height: 3px;
        background-color: #e78120
    }

    .footer .links div p {
        margin: 5px 0;
        display: block;
        width: 300px;
        text-align: left
    }

    .footer .links div p.contacter {
        display: block
    }

    .footer .links div p.contacter2 {
        display: none
    }

    .footer .links div p::after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        left: 0
    }

    .footer .links div p a {
        margin: 0 0
    }

    .footer .links div p a::after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        left: 0
    }

    .footer .links div p:not(:first-child)::after {
        content: "";
        width: 0px;
        height: 0px
    }

    .footer .links div:last-child {
        margin-bottom: 15px
    }

    .footer .links div:not(:first-child) p::after {
        content: "";
        width: 0px;
        height: 0px
    }

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

    .footer .contact p {
        margin: 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .contact p span {
        display: block;
        width: 100%;
        text-align: center
    }

    .footer .contact p span:nth-of-type(1) {
    }

    .footer .contact p span:nth-of-type(2) {
        display: none
    }

    .footer .contact p span:nth-of-type(3) {
        text-align: center
    }

    .footer .contact p span.mailfooter {
        text-align: center
    }

    .footer .contact p:not(:first-child)::after {
        content: "";
        width: 0;
        height: 0;
        background-color: none
    }
}

@media all and (max-width: 688px) {
    .details .contenu .right .centre {
        width: 95%
    }

    .details .contenu .left .postule .inputs a {
        margin: 0
    }

    .details .contenu .left .postule .inputs button:nth-child(1) {
        margin: 0
    }

    .details .contenu .left .postule .inputs {
        width: 95%;
        padding: 20px 5px
    }

    .details .sous-title .text h2 {
        font-size: 20px
    }

    .details .sous-title .text h6 {
        font-size: 11px
    }
}

@media all and (max-width: 628px) {
    .details .contenu .left .postule {
        padding: 0 10px
    }

    .details .contenu .right {
        padding: 0 10px;
        width: calc(100% - 20px);
        padding-bottom: 50px
    }

    .details .sous-title .text h2 {
        font-size: 17px
    }

    .details .sous-title .text h6 {
        font-size: 12px
    }

    .details .sous-title .confirm {
        display: none
    }
}

@media all and (max-width: 624px) {
    .offres-page .title-section .text h1 {
        font-size: 18px !important
    }

    .offres-page .contenu .recherche .title .text h3 {
        font-size: 14px !important
    }

    .offres-page .contenu .recherche .inputs .profil {
        font-size: 12px !important;
        width: 150px;
        height: 30px
    }

    .offres-page .contenu .recherche .inputs .contrat {
        font-size: 12px !important;
        width: 150px;
        height: 30px
    }

    .offres-page .contenu .recherche .inputs .pays {
        font-size: 12px !important;
        height: 30px
    }

    .offres-page .contenu .recherche .inputs button {
        height: 30px;
        width: 40px
    }

    .reasons-section {
        padding-bottom: 40px
    }

    .projets {
        margin-top: -42px
    }
}

@media all and (max-width: 600px) {
    .career-path .paths2 {
        padding-left: 2%
    }

    .career-path .paths2 .path {
        width: 100%
    }
}

@media all and (max-width: 576px) {
    .carriere .content .metier .elba ul:nth-child(3) div {
        height: 33px
    }

    .title h2 {
        font-size: 22px !important;
        padding-top: 20px;
        padding-bottom: 5px !important
    }

    .carriere .content .metier h2 {
        font-size: 20px
    }

    .carriere .content .metier h6 {
        font-size: 16px
    }

    .skewed .techtransform h3 span {
        font-size: 20px
    }

    .skewed {
        height: 130px
    }

    .carriere .content .metier .elba {
        width: 275px
    }

    .careers .carriere .content .metier .elba {
        width: 240px
    }
}

@media all and (max-width: 550px) {
    .details .contenu .left .postule .inputs .group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .details .contenu .left .postule .inputs .group .area {
        width: calc(100% - 20px)
    }

    .offre-section .offres {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .offre-section .offres .offre:nth-child(3) {
        display: block
    }

    .offre-section .offres {
        padding: 10px 20px
    }
}

@media all and (max-width: 535px) {
    .offres-page .title-section .text h1 {
        font-size: 15px !important
    }

    .offres-page .contenu .recherche .title .text h3 {
        font-size: 11px !important
    }

    .offres-page .contenu .recherche .title .font img, .offres-page .contenu .recherche .title .text img {
        width: 40px
    }

    .career-path .paths2 .path .section2 .img {
        height: 80px
    }
}

@media all and (max-width: 525px) {
    .offres-page .contenu .offre-page .offres .offre {
        width: calc(100% - 80px);
        padding: 10px 40px
    }
}

@media all and (max-width: 500px) {
    .career-path .paths2 .path .contenu .titre {
        font-size: 14px
    }

    .career-path .paths2 .path .contenu p {
        font-size: 10px;
        line-height: 15px;
        width: 90%
    }

    .career-path .description p {
        font-size: 12px
    }

    .rejoindre-section .title p {
        font-size: 12px
    }
}

@media all and (max-width: 486px) {
    .offres-page .title-section .text h1 {
        font-size: 10px !important;
        padding: 0 0 !important
    }

    .offres-page .contenu .recherche .title .text h3 {
        font-size: 10px !important
    }

    .details .title .font img {
        width: 50px
    }

    .offres-page .title-section .font img {
        width: 50px
    }

    .offres-page .contenu .recherche .inputs {
        flex-direction: column
    }

    .offres-page .contenu .recherche .inputs > .profil, .offres-page .contenu .recherche .inputs > .contrat, .offres-page .contenu .recherche .inputs > button, .offres-page .contenu .recherche .inputs .pays {
        margin: 5px 0;
        width: 100%
    }
}

@media all and (max-width: 480px) {
    .section-title h2 {
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 28px !important
    }

    .projets .left {
        min-height: 300px;
        margin-top: 44px
    }

    .projets .right h3 {
        letter-spacing: 0px;
        font-size: 15px !important;
        line-height: 20px
    }

    .projets .right .description .paragraph .text p {
        font-size: 13px
    }

    .projets .right .description .paragraph {
        margin: 20px 0
    }
}

@media all and (max-width: 473px) {
    .carriere .content .metier .elba ul:nth-child(3) div {
        height: 29px
    }

    .carriere .content .metier h2 {
        font-size: 18px;
        margin-right: 5px
    }

    .carriere .content .metier .elba {
        width: 250px
    }

    .careers .carriere .content .metier .elba {
        width: 205px
    }
}

@media all and (max-width: 460px) {
    .reasons-section {
        padding-bottom: 10px
    }

    .reasons-section .fix-skew {
        padding-top: 15px
    }

    .reasons-section .fix-skew .rejoindre .right {
        height: 290px
    }
}

@media all and (max-width: 450px) {
    .rejoindre-section .title p {
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word
    }

    .career-path {
        padding-top: 0px;
        margin-top: 10px
    }

    .career-path .offres {
        padding: 10px 20px
    }

    .career-path .description p {
        text-align: justify;
        text-justify: inter-word
    }

    .career-path .paths2 .path .section2 .img {
        height: 100px
    }

    .details .contenu .right .etape .text p {
        font-size: 12px
    }

    .details .contenu .right .processus .text h3 {
        font-size: 21px
    }

    .details .contenu .right .etape .font img {
        width: 20px;
        height: 20px
    }

    .details .contenu .right .cercle {
        margin-left: 22px
    }
}

@media all and (max-width: 425px) {
    .reasons-section .fix-skew .rejoindre .left .text .active .cnt {
        font-size: 24px
    }

    .reasons-section .fix-skew .rejoindre .left .text .top1 .cnt, .reasons-section .fix-skew .rejoindre .left .text .bot1 .cnt {
        font-size: 9px
    }

    .reasons-section .fix-skew .rejoindre .left .text .top2 .cnt, .reasons-section .fix-skew .rejoindre .left .text .bot2 .cnt {
        font-size: 13px
    }

    .reasons-section .fix-skew .rejoindre .right {
        height: 290px
    }
}

@media all and (max-width: 417px) {
    .teams .fix-skew .video_popup {
        top: 152px
    }

    .offres-page .title-section .text h1 {
        font-size: 12px !important;
        text-align: left
    }

    .offres-page .contenu .recherche .title .text h3 {
        font-size: 12px !important
    }
}

@media all and (max-width: 401px) {
    .career-path .paths2 .path .section2 .img {
        height: 90px
    }
}

@media all and (max-width: 375px) {
    .footer .logo img {
        width: 250px
    }
}

@media all and (max-width: 370px) {
    .carriere .content .metier .elba ul:nth-child(3) div {
        height: 29px
    }

    .carriere .content .metier h2 {
        font-size: 18px
    }
}

@media all and (max-width: 359px) {
    .projets .left {
        margin-top: 40px
    }
}

.rejoindre-section .rejoindre .text h1 {
    font-size: 14px;
    font-family: "Gotham book";
    text-align: left;
    color: #000;
    line-height: 15px;
    padding: 0
}

.rejoindre-section .right .etape .text h1 {
    font-size: 14px;
    font-family: "Gotham book";
    text-align: left;
    color: #000;
    padding: 0;
    line-height: 15px
}

@media (max-width: 1314px) {
    .rejoindre-section .rejoindre .text p {
        line-height: 15px
    }
}

.carriere .content .metier h1 {
    margin-top: 30px;
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 30px;
    color: white
}

@media (max-width: 1026px) {
    .carriere .content .metier h1 {
        font-size: 24px
    }
}

@media (max-width: 721px) {
    .carriere .content .metier h1 {
        font-size: 18px
    }
}

@media (max-width: 576px) {
    .carriere .content .metier h1 {
        font-size: 16px
    }
}

.offshore-skewed .techtransform h1 span {
    text-transform: capitalize;
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 50px
}

@media (max-width: 721px) {
    .offshore-skewed .techtransform h1 span {
        font-size: 25px
    }
}

@media (max-width: 576px) {
    .offshore-skewed .techtransform h1 span {
        font-size: 20px
    }
}

.offshore-skewed .techtransform h1 span:nth-child(1) {
    font-family: "Gotham";
    font-weight: 400;
    color: #292929;
    letter-spacing: 1px
}

.offshore-skewed .techtransform h1 span:nth-child(2) {
    font-family: "Gotham";
    font-weight: 400;
    color: #e78120;
    letter-spacing: 0px
}

.details .sous-title .text h1 {
    font-family: "Gotham medium" !important;
    font-weight: 500;
    text-transform: uppercase !important;
    color: #fff !important
}

@media (max-width: 1300px) {
    .details .sous-title .text h1 {
        font-size: 30px !important
    }
}

@media (max-width: 864px) {
    .details .sous-title .text h1 {
        font-size: 25px !important
    }
}

@media (max-width: 688px) {
    .details .sous-title .text h1 {
        font-size: 20px !important
    }
}

.global-title .section-title {
    padding-top: 80px
}

.page-id-267 .fix-skew .section-title, .page-id-268 .fix-skew .section-title {
    padding-top: 60px
}

.teams .fix-skew .section-title {
    padding-top: 0px
}

.page-id-103 .career-path, .page-id-207 .career-path {
    padding-top: 0px
}

@media (max-width: 770px) {
    .global-title .section-title {
        padding-top: 60px
    }

    .career-path {
        padding-top: 40px
    }

    .career-path .section-title {
        margin-top: 60px
    }

    .page-id-103 .career-path .section-title, .page-id-207 .career-path .section-title {
        margin-top: 0px
    }

    .page-id-267 .offre-section, .page-id-268 .offre-section {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 577px) {
    .global-title .section-title {
        padding-top: 0px
    }

    .career-path .section-title {
        margin-top: 90px
    }

    .page-id-103 .career-path, .page-id-207 .career-path {
        margin-top: 20px
    }

    .page-id-103 .career-path .section-title, .page-id-207 .career-path .section-title {
        margin-top: 0px
    }

    .page-id-267 .fix-skew .section-title, .page-id-268 .fix-skew .section-title {
        padding-top: 20px
    }
}

@media screen and (max-width: 450px) {
    .career-path {
        padding-top: 80px
    }

    .career-path .section-title {
        margin-top: 0px;
        padding-top: 0px
    }

    .career-path .section-title {
        margin-top: -20px
    }

    .page-id-103 .career-path .section-title, .page-id-207 .career-path .section-title {
        margin-top: 40px
    }

    .reasons-section .fix-skew .section-title {
        padding-top: 20px
    }
}

@media (max-width: 600px) {
    .projets .title {
        margin-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .projets .title {
        margin-top: 40px
    }
}

.page_home .domaines2 .section-title {
    padding-top: 20px
}

.accueil-cas-client > .section-title {
    padding-top: 20px
}

@media screen and (max-width: 770px) {
    .presentation-content .section-title {
        padding-top: 60px !important
    }

    .page_home .domaines2 .section-title {
        padding-top: 0px !important
    }

    .accueil-cas-client > .section-title {
        padding-top: 20px !important
    }
}

.offshore #jm-mainpage {
    margin-top: -60px
}

.offshore .enjeux {
    padding-top: 60px
}

.offshore .domaines2 {
    padding-bottom: 30px
}

#Contactez-nous, #Contactus {
    margin-right: 10px !important
}

#Contactez-nous a, #Contactus a {
    padding: 18px 20px 17px !important;
    background-color: #e78120;
    border-radius: 12px;
    line-height: 0px !important;
    margin-bottom: 4px !important
}

#Contactez-nous .menu-title, #Contactus .menu-title {
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 1px;
    color: white !important;
    font-size: 14px !important;
    margin-top: 2px
}

.sidr-class-item-712 {
    display: none !important
}

.contact-menu-mobile {
    display: block;
    background: #e78120;
    position: absolute;
    top: 12px !important;
    color: white !important;
    padding: 6px 20px;
    border-radius: 12px;
    font-size: 14px;
    text-decoration: none !important;
    box-sizing: border-box
}

#jm-logo > a {
    margin-bottom: 10px
}

@media screen and (max-width: 400px) {
    .contact-menu-mobile {
        display: block;
        background: #e78120;
        position: absolute;
        left: calc(100% - 155px);
        top: 12px !important;
        color: white !important;
        padding: 4px 9px;
        border-radius: 6px;
        font-size: 12px;
        text-decoration: none !important
    }
}

.navigation-toggle-476 {
    top: 12px !important
}

.offsh .content .metier h1 {
    font-family: "gotham bold";
    font-size: 50px;
    color: white;
    margin: 0 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center
}

@media (max-width: 1026px) {
    .offsh .content .metier h1 {
        font-size: 40px
    }
}

@media (max-width: 721px) {
    .offsh .content .metier h1 {
        font-size: 25px
    }
}

@media (max-width: 576px) {
    .offsh .content .metier h1 {
        font-size: 24px
    }
}

@media (max-width: 473px) {
    .offsh .content .metier h1 {
        font-size: 24px;
        margin-right: 5px
    }
}

.disponibilite .text, .proximite1 .text, .proximite2 .text {
    display: flex !important;
    flex-direction: column !important
}

@media screen and (max-width: 780px) {
    .disponibilite > .text, .proximite1 > .text, .proximite2 > .text, .reactivite > .text, .expertise > .text {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important
    }

    .disponibilite > .text > p, .proximite1 > .text > p, .proximite2 > .text > p, .reactivite > .text > p, .expertise > .text > p {
        margin: 0px !important;
        font-size: 14px !important;
        text-align: left
    }

    .disponibilite > .text > img, .proximite1 > .text > img, .proximite2 > .text > img, .reactivite > .text > img, .expertise > .text > img {
        width: 120px;
        height: 30px;
        transform: rotate(90deg);
        margin: -40px !important
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes spin2 {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin2 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.domaines2 {
    background-color: #fff;
    position: relative
}

.domaines2 .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px 0 120px
}

.domaines2 .contenu .card-parent {
    background-color: transparent;
    width: 23%
}

.domaines2 .contenu .card-parent .card-contenu {
    position: relative;
    width: 100%;
    text-align: center;
    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;
    padding: 20px 0
}

.domaines2 .contenu .card-parent .card-contenu .font {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    visibility: hidden
}

.domaines2 .contenu .card-parent .card-contenu .font::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #660133
}

.domaines2 .contenu .card-parent .card-contenu .card-title {
    padding: 10px 0;
    position: relative
}

.domaines2 .contenu .card-parent .card-contenu .card-title::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #660133
}

.domaines2 .contenu .card-parent .card-contenu .card-title h4 {
    font-family: "Gotham medium";
    font-weight: 500;;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    color: #660133;
    text-align: center;
    text-transform: uppercase
}

.domaines2 .contenu .card-parent .card-contenu .liens {
    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;
    padding: 20px 0;
    width: 100%
}

.domaines2 .contenu .card-parent .card-contenu .liens a {
    text-align: left;
    font-family: "Gotham book";
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 8px 15px;
    line-height: 22px;
    display: block;
    width: 90%;
    position: relative;
    max-width: 227px;
    text-wrap: nowrap
}

.domaines2 .contenu .card-parent .card-contenu .liens a:hover {
    font-family: "Gotham medium";
    font-weight: 500;
}

.domaines2 .contenu .card-parent .card-contenu .liens a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    border-right: 2px solid #941554;
    border-top: 2px solid #941554;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: transparent
}

.domaines2 .contenu .card-parent .card-contenu .liens a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 5px;
    height: 11px;
    border-right: 2px solid #941554;
    border-top: none;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media all and (max-width: 1200px) {
    .domaines2 .contenu {
        position: relative;
        margin: 30px 0 120px
    }

    .domaines2 .contenu::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 2px;
        height: 200px;
        background-color: #050505
    }

    .domaines2 .contenu::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 2px;
        width: 200px;
        background-color: #050505
    }

    .domaines2 .contenu .card-parent {
        width: 50%;
        position: relative
    }
}

@media all and (max-width: 700px) {
    .domaines2 .contenu .card-parent .card-contenu .font img {
        height: 65px;
        width: auto
    }

    .domaines2 .contenu {
        margin: 10px 0 120px
    }

    .domaines2 .contenu::after {
        content: none;
        width: 0px;
        height: 0px
    }

    .domaines2 .contenu::before {
        content: none;
        width: 0px;
        height: 0px
    }

    .domaines2 .contenu .card-parent {
        width: 100%
    }
}

.enjeux {
    background: white;
    overflow: hidden
}

.enjeux .contenu {
    margin-top: 60px;
    height: 500px;
    background-repeat: no-repeat;
    background-size: 100% 103%;
    position: relative
}

.enjeux .contenu .imgs {
    position: relative;
    background-image: url("../../../../images/modules/enjeux51.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center
}

.enjeux .contenu .ameliorer {
    position: absolute;
    bottom: 5%;
    left: calc(50% - 350px);
    width: 36%
}

.enjeux .contenu .ameliorer p {
    font-family: "Gotham book", Fallback, sans-serif;
    font-size: 18px
}

.enjeux .contenu .reduire {
    position: absolute;
    top: 8%;
    left: 54%;
    width: 32%
}

.enjeux .contenu .reduire p {
    font-family: "Gotham book", Fallback, sans-serif;
    font-size: 18px
}

.enjeux .contenu .integrer {
    position: absolute;
    top: 61%;
    left: 54%;
    width: 37%
}

.enjeux .contenu .integrer p {
    font-family: "Gotham book", Fallback, sans-serif;
    font-size: 18px
}

@media all and (max-width: 2560px) {
    .enjeux .contenu .imgs {
        background-size: 2560px 100%
    }
}

@media all and (max-width: 1920px) {
    .enjeux .contenu .imgs {
        background-size: 1920px 100%
    }
}

@media all and (max-width: 1100px) {
    .enjeux .contenu .ameliorer {
        position: absolute;
        bottom: 5%;
        left: 5%;
        width: 46%
    }

    .enjeux .contenu .reduire {
        position: absolute;
        top: 8%;
        left: 59%;
        width: 30%
    }

    .enjeux .contenu .integrer {
        position: absolute;
        top: 61%;
        left: 59%;
        width: 30%
    }

    .enjeux .contenu p {
        font-size: 14px !important
    }
}

@media all and (max-width: 650px) {
    .enjeux .contenu .ameliorer {
        width: 42%;
        left: 3%;
        bottom: 3%
    }

    .enjeux .contenu .reduire {
        width: 33%
    }

    .enjeux .contenu .integrer {
        top: 59%;
        left: 59%;
        width: 33%
    }

    .enjeux .contenu .imgs {
        background-size: 905px 100%
    }

    .enjeux .contenu p {
        font-size: 14px !important;
        line-height: 14px
    }

    .enjeux .contenu {
        height: 300px
    }
}

@media all and (max-width: 580px) {
    .enjeux .contenu p {
        font-size: 10px !important
    }

    .enjeux .contenu .integrer {
        width: 150px
    }
}

@media all and (max-width: 430px) {
    .enjeux .contenu .integrer {
        left: 58%
    }
}

.demarche {
    background-color: #f5f5f5;
    padding-bottom: 30px;
    overflow: hidden;
    margin-bottom: 30px
}

.demarche .contenu {
    height: 800px;
    margin: 30px 0;
    background: url(../../../../images/modules/Rectangle_arrondi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 500px;
    position: relative;
    margin-top: 15px
}

.demarche .contenu .disponibilite, .demarche .contenu .proximite1, .demarche .contenu .proximite2 {
    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;
    position: absolute;
    width: 18%
}

.demarche .contenu .disponibilite .text, .demarche .contenu .proximite1 .text, .demarche .contenu .proximite2 .text {
    position: relative
}

.demarche .contenu .disponibilite .text p, .demarche .contenu .proximite1 .text p, .demarche .contenu .proximite2 .text p {
    text-align: center;
    padding: 0 20px;
    position: relative;
    font-family: "Gotham book", Fallback, sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 22px;
    margin-bottom: 10px
}

.demarche .contenu .disponibilite .title, .demarche .contenu .proximite1 .title, .demarche .contenu .proximite2 .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 185px;
    width: 185px;
    border: 2px solid #d2d2d2;
    margin-top: 45px;
    border-radius: 50%;
    background: white
}

.demarche .contenu .disponibilite .title h5, .demarche .contenu .proximite1 .title h5, .demarche .contenu .proximite2 .title h5 {
    text-align: center;
    font-family: "Gotham medium", Fallback, sans-serif;
    font-size: 21px;
    color: #303030 !important;
    line-height: 22px
}

.demarche .contenu .reactivite, .demarche .contenu .expertise {
    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;
    position: absolute;
    width: 18%
}

.demarche .contenu .reactivite .text, .demarche .contenu .expertise .text {
    position: relative
}

.demarche .contenu .reactivite .text p, .demarche .contenu .expertise .text p {
    text-align: center;
    padding: 0 20px;
    position: relative;
    font-family: "Gotham book", Fallback, sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 22px;
    margin-top: 10px
}

.demarche .contenu .reactivite .title, .demarche .contenu .expertise .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 185px;
    width: 185px;
    border: 2px solid #d2d2d2;
    margin-bottom: 45px;
    border-radius: 50%;
    background: white
}

.demarche .contenu .reactivite .title h5, .demarche .contenu .expertise .title h5 {
    text-align: center;
    font-family: "Gotham medium", Fallback, sans-serif;
    font-size: 21px;
    color: #303030 !important;
    line-height: 22px
}

.demarche .contenu .disponibilite {
    left: 13%;
    bottom: 40%
}

.demarche .contenu .proximite1 {
    left: 41%;
    bottom: 46.5%
}

.demarche .contenu .proximite2 {
    left: 69%;
    bottom: 52.5%
}

.demarche .contenu .proximite2 .text p {
    padding: 0 0
}

.demarche .contenu .reactivite {
    left: 27%;
    top: 53.3%
}

.demarche .contenu .expertise {
    left: 55%;
    top: 53.3%
}

@media all and (max-width: 1580px) {
    .demarche .contenu {
        background-size: 111% 500px
    }

    .demarche .contenu .disponibilite {
        left: 9.9%
    }

    .demarche .contenu .reactivite {
        left: 25.5%
    }

    .demarche .contenu .expertise {
        left: 56.5%
    }

    .demarche .contenu .proximite2 {
        left: 72%
    }
}

@media all and (max-width: 1380px) {
    .demarche .contenu {
        background-size: 135% 400px
    }

    .demarche .contenu .disponibilite {
        left: 3.2%;
        bottom: 37%
    }

    .demarche .contenu .reactivite {
        left: 22%;
        top: 47.5%
    }

    .demarche .contenu .proximite1 {
        bottom: 42.5%
    }

    .demarche .contenu .expertise {
        top: 47.8%;
        left: 60%
    }

    .demarche .contenu .proximite2 {
        left: 78.8%;
        bottom: 47.5%
    }

    .demarche .contenu .reactivite .text p::after, .demarche .contenu .expertise .text p::after {
        width: 260px
    }

    .demarche .contenu .disponibilite .text p::after, .demarche .contenu .proximite1 .text p::after, .demarche .contenu .proximite2 .text p::after {
        width: 260px
    }
}

@media all and (max-width: 1150px) {
    .demarche .contenu .reactivite .title, .demarche .contenu .expertise .title {
        height: 150px;
        width: 150px
    }

    .demarche .contenu .disponibilite .title, .demarche .contenu .proximite1 .title, .demarche .contenu .proximite2 .title {
        height: 150px;
        width: 150px
    }

    .demarche .contenu .disponibilite {
        bottom: 41.5%
    }

    .demarche .contenu .reactivite {
        top: 52%
    }

    .demarche .contenu .proximite1 {
        bottom: 46.5%
    }

    .demarche .contenu .expertise {
        top: 51.7%
    }

    .demarche .contenu .proximite2 {
        bottom: 51.5%
    }
}

@media all and (max-width: 990px) {
    .demarche .contenu {
        height: 550px;
        background-size: 115% 300px
    }

    .demarche .contenu .disponibilite .text p, .demarche .contenu .proximite1 .text p, .demarche .contenu .proximite2 .text p, .demarche .contenu .expertise .text p, .demarche .contenu .reactivite .text p {
        font-size: 14px;
        line-height: 15px
    }

    .demarche .contenu .disponibilite .title h5, .demarche .contenu .proximite1 .title h5, .demarche .contenu .proximite2 .title h5, .demarche .contenu .expertise .title h5, .demarche .contenu .reactivite .title h5 {
        font-size: 16px
    }

    .demarche .contenu .disponibilite .title, .demarche .contenu .proximite1 .title, .demarche .contenu .proximite2 .title {
        margin-top: 25px;
        height: 110px;
        width: 110px
    }

    .demarche .contenu .expertise .title, .demarche .contenu .reactivite .title {
        margin-bottom: 25px;
        height: 110px;
        width: 110px
    }

    .demarche .contenu .disponibilite {
        left: 8.8%;
        bottom: 41.4%
    }

    .demarche .contenu .reactivite {
        top: 52.7%;
        left: 24.9%
    }

    .demarche .contenu .expertise {
        top: 52.7%;
        left: 57.2%
    }

    .demarche .contenu .proximite2 {
        bottom: 53%;
        left: 73.2%
    }

    .demarche .contenu .proximite1 {
        bottom: 47%
    }
}

@media all and (max-width: 780px) {
    .demarche .contenu {
        height: 820px;
        background: url(../../../../images/modules/Rectangle_arrondi2.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 375px 125%;
        position: relative;
        width: 100%;
        margin-left: 25%;
        margin-bottom: 0
    }

    .demarche .contenu .disponibilite, .demarche .contenu .proximite1, .demarche .contenu .proximite2 {
        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;
        position: absolute;
        height: 150px;
        width: 400px
    }

    .demarche .contenu .disponibilite .text, .demarche .contenu .proximite1 .text, .demarche .contenu .proximite2 .text {
        position: relative;
        width: 200px
    }

    .demarche .contenu .disponibilite .text p, .demarche .contenu .proximite1 .text p, .demarche .contenu .proximite2 .text p {
        text-align: left;
        padding: 0 20px;
        position: relative;
        font-size: 14px;
        margin-right: 20px;
        padding: 0 0
    }

    .demarche .contenu .disponibilite .title, .demarche .contenu .proximite1 .title, .demarche .contenu .proximite2 .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 110px;
        width: 110px;
        border: 2px solid #d2d2d2;
        margin-top: 0px;
        border-radius: 50%
    }

    .demarche .contenu .disponibilite .title h5, .demarche .contenu .proximite1 .title h5, .demarche .contenu .proximite2 .title h5 {
        text-align: center;
        font-size: 14px
    }

    .demarche .contenu .reactivite, .demarche .contenu .expertise {
        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;
        position: absolute;
        height: 150px;
        width: 400px
    }

    .demarche .contenu .reactivite .text, .demarche .contenu .expertise .text {
        position: relative;
        width: 150px
    }

    .demarche .contenu .reactivite .text p, .demarche .contenu .expertise .text p {
        text-align: left;
        padding: 0 20px;
        position: relative;
        font-size: 14px;
        margin-left: 20px;
        padding: 0 0
    }

    .demarche .contenu .reactivite .title, .demarche .contenu .expertise .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 110px;
        width: 110px;
        border: 2px solid #d2d2d2;
        margin-bottom: 0px;
        border-radius: 50%
    }

    .demarche .contenu .reactivite .title h5, .demarche .contenu .expertise .title h5 {
        text-align: center;
        font-size: 14px
    }

    .demarche .contenu .disponibilite {
        left: -40px;
        top: 5.8%
    }

    .demarche .contenu .proximite1 {
        left: -2px;
        top: 40.8%
    }

    .demarche .contenu .proximite2 {
        top: 75.8%;
        left: 33px
    }

    .demarche .contenu .reactivite {
        left: 25px;
        top: 23.3%
    }

    .demarche .contenu .expertise {
        left: 25px;
        top: 58.3%
    }
}

@media all and (max-width: 600px) {
    .demarche .contenu {
        margin-left: 20%
    }
}

@media all and (max-width: 500px) {
    .demarche .contenu {
        margin-left: 12%
    }
}

@media all and (max-width: 430px) {
    .demarche .contenu {
        background-size: 300px 125%;
        margin-left: 15%
    }

    .demarche .contenu .disponibilite, .demarche .contenu .proximite1, .demarche .contenu .proximite2 {
        width: 263px
    }

    .demarche .contenu .disponibilite .text, .demarche .contenu .proximite1 .text, .demarche .contenu .proximite2 .text {
        position: relative;
        width: 150px
    }

    .demarche .contenu .reactivite, .demarche .contenu .expertise {
        width: 315px
    }

    .demarche .contenu .disponibilite {
        left: -44px;
        top: 5.8%
    }

    .demarche .contenu .proximite1 {
        left: -14px;
        top: 40.8%
    }

    .demarche .contenu .proximite2 {
        top: 75.8%;
        left: 16px
    }

    .demarche .contenu .reactivite {
        left: 21px;
        top: 23.3%
    }

    .demarche .contenu .expertise {
        left: 21px;
        top: 58.3%
    }
}

.offsh {
    background-image: url("../../../../images/jch-optimize/ng/images_modules_offshore__slider1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: calc(100vh - 80px);
    background-position: center
}

.offsh::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 32, 90, 0.6)
}

.offsh .content {
    padding-top: 90px;
    position: relative;
    height: calc(100% - 300px);
    background: none
}

.offsh .content .metier {
    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;
    height: 100%;
    background-color: transparent
}

.offsh .content .metier h2 {
    font-family: "gotham bold";
    font-size: 50px;
    color: white;
    margin: 0 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center
}

.offshore-skewed {
    margin-top: -97px;
    height: 194px;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    z-index: 10;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.offshore-skewed .techtransform {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.offshore-skewed .techtransform h3 {
    padding: 0 !important
}

.offshore-skewed .techtransform h3 span {
    text-transform: capitalize;
    font-family: "Gotham";
    font-weight: 400;
    font-size: 50px
}

.offshore-skewed .techtransform h3 span:nth-child(1) {
    font-family: "Gotham";
    font-weight: 400;
    color: #292929;
    letter-spacing: 1px
}

.offshore-skewed .techtransform h3 span:nth-child(2) {
    font-family: "Gotham";
    font-weight: 400;;
    color: #e78120;
    letter-spacing: 0px
}

@media all and (max-width: 1026px) {
    .offsh .content .metier h2 {
        font-size: 40px
    }

    .offsh-skewed .techtransform h1 span {
        font-size: 30px
    }
}

@media all and (max-width: 721px) {
    .offsh .content .metier {
        padding-top: 50px
    }

    .offsh .content .metier h2 {
        font-size: 25px
    }

    .offshore-skewed .techtransform h3 span {
        font-size: 25px
    }
}

@media all and (max-width: 576px) {
    .offsh .title h2 {
        font-size: 22px !important;
        padding-top: 20px;
        padding-bottom: 5px !important
    }

    .offsh .content .metier h2 {
        font-size: 20px
    }

    .offshore-skewed .techtransform h3 span {
        font-size: 20px
    }

    .offshore-skewed {
        height: 130px
    }
}

@media all and (max-width: 473px) {
    .offsh .content .metier h2 {
        font-size: 18px;
        margin-right: 5px
    }
}

@media all and (max-width: 370px) {
    .offsh .content .metier h2 {
        font-size: 18px
    }
}

.offshore-contact {
    background: #f5f5f5
}

.offshore-contact .fix-skew {
    height: 250px;
    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
}

.technologies .offshore-contact, .expertises .offshore-contact, .expertise .offshore-contact {
    background: #f5f5f5;
    margin-top: -91px;
    margin-bottom: 25px;
    position: relative
}

.technologies .offshore-contact .fix-skew, .expertises .offshore-contact .fix-skew, .expertise .offshore-contact .fix-skew {
    height: 300px;
    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;
    margin-bottom: -20px;
    background: white
}

.offshore .offshore-contact {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    background: #f5f5f5;
    margin-top: -91px
}

.offshore .offshore-contact .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    height: 300px;
    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
}

.offshore-contact .fix-skew h3 {
    text-transform: uppercase;
    text-align: center;
    padding: 40px 0
}

.offshore-contact .fix-skew h3 span:nth-of-type(1) {
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 40px;
    color: #660133
}

.offshore-contact .fix-skew h3 span:nth-of-type(2) {
    font-family: "gotham bold";
    font-size: 40px;
    color: #660133
}

.offshore-contact .fix-skew a {
    text-align: center;
    display: inline-block;
    width: 200px;
    background-color: #660133;
    padding: 20px 20px;
    text-decoration: none;
    border: 1px solid #660133;
    transition: all 0.5s ease-in-out
}

.offshore-contact .fix-skew a:hover {
    background-color: #fff;
    border: 1px solid #660133
}

.offshore-contact .fix-skew a:hover span {
    font-family: "Gotham";
    font-weight: 400;;
    color: #660133
}

.offshore-contact .fix-skew a span {
    font-family: "Gotham";
    font-weight: 400;;
    color: #fff
}

@media all and (max-width: 770px) {
    .offshore-contact .fix-skew h3 {
        font-size: 30px !important;
        letter-spacing: 0px !important
    }

    .offshore-contact .fix-skew h3 span:nth-of-type(1) {
        font-size: 30px !important
    }

    .offshore-contact .fix-skew h3 span:nth-of-type(2) {
        font-size: 30px !important
    }
}

@media all and (max-width: 549px) {
    .offshore-contact .fix-skew {
        height: 250px
    }

    .offshore-contact .fix-skew h3 {
        font-size: 20px !important;
        letter-spacing: 0px !important
    }

    .offshore-contact .fix-skew h3 span:nth-of-type(1) {
        font-size: 20px !important
    }

    .offshore-contact .fix-skew h3 span:nth-of-type(2) {
        font-size: 20px !important
    }

    .offshore-contact .fix-skew a {
        width: 150px;
        padding: 10px 0px
    }

    .offshore-contact .fix-skew a span {
        font-size: 14px !important
    }
}

.domaines {
    background: white;
    padding-bottom: 150px
}

.domaines .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 60px 5%
}

.domaines .contenu .flip-card {
    background-color: transparent;
    width: 25%;
    height: 230px
}

.domaines .contenu .flip-card .flip-card-inner {
    position: relative;
    width: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-front, .domaines .contenu .flip-card .flip-card-inner .flip-card-back {
    position: absolute;
    width: 100%;
    height: 190px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-front {
    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;
    padding: 20px 0
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-front .font {
    padding: 15px 0;
    position: relative
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-front .font::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #b1b1b1
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-front .text {
    padding: 15px 0
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-front .text h5 {
    font-family: "Gotham";
    font-weight: 500;;
    text-transform: capitalize;
    font-size: 18px;
    color: #757575;
    text-align: center
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back {
    background-color: #660133;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0;
    height: 100%;
    min-height: 190px
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back .card-title {
    padding: 20px 0;
    position: relative
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back .card-title::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #fff
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back .card-title h4 {
    font-family: "Gotham";
    font-weight: 500;;
    text-transform: capitalize;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back .liens {
    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;
    padding: 20px 0;
    width: 100%
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back .liens a {
    font-family: "Gotham book";
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    width: 80%;
    position: relative
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back .liens a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: transparent
}

.domaines .contenu .flip-card .flip-card-inner .flip-card-back .liens a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 11px;
    border-right: 2px solid #fff;
    border-top: none;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.domaines .contenu .flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media all and (max-width: 772px) {
    .domaines .contenu {
        padding: 20px 5%;
        padding-top: 0px;
        padding-bottom: 47px
    }

    .domaines .contenu .flip-card {
        width: 50%;
        margin: 30px 0
    }

    .domaines {
        padding-bottom: 80px
    }
}

@media all and (max-width: 549px) {
    .domaines .contenu .flip-card {
        width: 100%
    }
}

.moyens {
    background: #f5f5f5;
    margin-top: -80px;
    padding-top: 80px
}

.moyens .contenu {
    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;
    padding: 50px 5%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-bottom: 0
}

.moyens .contenu .sous-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.moyens .contenu .sous-titles h5 {
    width: 33.3%;
    text-align: center;
    padding: 30px 0;
    position: relative;
    font-family: "Gotham";
    font-weight: 500;;
    font-size: 21px;
    color: #353535;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer
}

.moyens .contenu .sous-titles.un h5.un, .moyens .contenu .sous-titles.deux h5.deux, .moyens .contenu .sous-titles.trois h5.trois {
    font-family: "Gotham medium";
    font-weight: 500;;
    color: #660133
}

.moyens .contenu .sous-titles h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #660133
}

.moyens .contenu .sous-titles::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 33.3%;
    height: 7px;
    background: #660133;
    height: 7px;
    bottom: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.moyens .contenu .sous-titles.un {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.moyens .contenu .sous-titles.un::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 33.3%;
    height: 7px;
    background: #660133;
    height: 7px;
    bottom: 2px
}

.moyens .contenu .sous-titles.deux {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.moyens .contenu .sous-titles.deux::after {
    content: "";
    position: absolute;
    left: 33.3%;
    bottom: 0;
    width: 33.3%;
    height: 7px;
    background: #660133;
    height: 7px;
    bottom: 2px
}

.moyens .contenu .sous-titles.trois {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.moyens .contenu .sous-titles.trois::after {
    content: "";
    position: absolute;
    left: 66.6%;
    bottom: 0;
    width: 33.3%;
    height: 7px;
    background: #660133;
    height: 7px;
    bottom: 2px
}

.moyens .contenu .text {
    width: 100%;
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100px
}

.moyens .contenu .text p {
    width: 70%;
    text-align: center;
    font-family: "Gotham book";
    font-size: 18px;
    color: #353535;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none
}

.moyens .contenu .text p:first-of-type {
    display: inline
}

.moyens .contenu2 {
    display: none
}

.moyens .contenu2 .titre {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.moyens .contenu2 .titre h5 {
    width: calc(75% - 30px);
    text-align: center;
    padding: 30px 0;
    position: relative;
    font-family: "Gotham book";
    font-size: 18px;
    color: #353535;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer
}

.moyens .contenu2 .titre.active h5 {
    color: #660133;
    font-family: "Gotham";
    font-weight: 500;
}

.moyens .contenu2 .titre h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #660133
}

.moyens .contenu2 .titre span.down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #660133
}

.moyens .contenu2 .titre span.up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #660133
}

.moyens .contenu2 .text {
    width: 100%;
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100px;
    display: none
}

.moyens .contenu2 .text p {
    width: 70%;
    text-align: justify;
    font-family: "Gotham book";
    font-size: 13px;
    color: #353535;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-shadow: 0px 0px 1px #353535
}

.moyens .contenu2 .active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media all and (max-width: 770px) {
    .moyens .contenu .sous-titles h5 {
        width: 33.3%;
        font-size: 14px
    }
}

@media all and (max-width: 859px) {
    .moyens .contenu {
        display: none
    }

    .moyens .contenu2 {
        display: block
    }
}

.chiifre-collaboration .collaboration {
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
    padding-bottom: 80px;
    background: white
}

.chiifre-collaboration .collaboration .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 60px
}

.chiifre-collaboration .collaboration .contenu .font {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chiifre-collaboration .collaboration .contenu .sous-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chiifre-collaboration .collaboration .contenu .sous-title h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Gotham medium";
    font-weight: 500;;
    text-transform: uppercase;
    font-size: 18px;
    color: #660133;
    text-align: center;
    height: 80px;
    margin-bottom: -5px
}

.chiifre-collaboration .collaboration .contenu .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chiifre-collaboration .collaboration .contenu .text p {
    width: 70%;
    text-align: justify;
    font-family: "Gotham book";
    line-height: 20px;
    font-size: 17px
}

.chiifre-collaboration .collaboration .contenu .projet {
    width: 33.3%;
    position: relative
}

.chiifre-collaboration .collaboration .contenu .projet::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    right: -20px;
    background: rgba(40, 40, 40, 0.22);
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.chiifre-collaboration .collaboration .contenu .disposition {
    width: 33.3%;
    position: relative
}

.chiifre-collaboration .collaboration .contenu .disposition::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    right: 0;
    background: rgba(40, 40, 40, 0.22);
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.chiifre-collaboration .collaboration .contenu .maintenance {
    width: 33.3%;
    position: relative
}

@media all and (max-width: 1300px) {
    .chiifre-collaboration .collaboration .contenu .projet::after {
        -webkit-transform: skewX(-15deg);
        transform: skewX(-15deg)
    }

    .chiifre-collaboration .collaboration .contenu .disposition::after {
        -webkit-transform: skewX(-15deg);
        transform: skewX(-15deg)
    }
}

@media all and (max-width: 1185px) {
    .chiifre-collaboration .collaboration .contenu .projet::after {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg)
    }

    .chiifre-collaboration .collaboration .contenu .disposition::after {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg)
    }
}

@media all and (max-width: 1020px) {
    .chiifre-collaboration .collaboration .contenu .sous-title h4 {
        height: auto;
        margin: 10px 0
    }

    .chiifre-collaboration .collaboration {
        padding-bottom: 20px
    }

    .chiifre-collaboration .collaboration .contenu .projet {
        width: 100%;
        position: relative;
        padding-bottom: 50px
    }

    .chiifre-collaboration .collaboration .contenu .projet::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 2px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(40, 40, 40, 0.22);
        top: calc(100% - 20px)
    }

    .chiifre-collaboration .collaboration .contenu .disposition {
        width: 100%;
        position: relative;
        padding-bottom: 50px
    }

    .chiifre-collaboration .collaboration .contenu .disposition::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 2px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(40, 40, 40, 0.22);
        top: calc(100% - 20px)
    }

    .chiifre-collaboration .collaboration .contenu .maintenance {
        width: 100%;
        position: relative;
        padding-bottom: 50px
    }
}

.chiifre-collaboration {
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    z-index: 5;
    margin-top: -67px;
    overflow: hidden;
    background: white
}

.chiifre-collaboration .chiffre {
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
    background: black;
    margin-top: -93px;
    padding-top: 200px;
    background: url("../../../../images/jch-optimize/ng/images_modules_e__chiffre.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 340px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.chiifre-collaboration .chiffre::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8)
}

.chiifre-collaboration .chiffre .info {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 6;
    width: 25%;
    margin-bottom: 50px
}

.chiifre-collaboration .chiffre .info span {
    font-family: "Gotham";
    font-weight: 500;;
    font-size: 100px;
    color: white;
    position: relative;
    width: 60%;
    text-align: center;
    height: 100px
}

.chiifre-collaboration .chiffre .info span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: white
}

.chiifre-collaboration .chiffre .info p {
    padding: 20px 0;
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 20px;
    color: white;
    height: 50px;
    text-align: center
}

@media all and (max-width: 992px) {
    .chiifre-collaboration .chiffre .info {
        -ms-flex-negative: 2;
        flex-shrink: 2;
        width: 50%
    }

    .chiifre-collaboration .chiffre .info span {
        font-size: 80px;
        height: 80px
    }

    .chiifre-collaboration .chiffre .info p {
        font-size: 20px
    }
}

@media all and (max-width: 576px) {
    .chiifre-collaboration .chiffre .info {
        -ms-flex-negative: 4;
        flex-shrink: 4;
        width: 100%
    }

    .chiifre-collaboration .chiffre .info span {
        font-size: 65px;
        height: 65px
    }

    .chiifre-collaboration .chiffre .info p {
        font-size: 14px
    }
}

.chiifre-collaboration .chiffre .info h1 {
    padding: 20px 0;
    font-family: "Gotham";
    font-weight: 500;;
    font-size: 20px;
    color: white;
    height: 50px;
    text-align: center;
    display: inline
}

@media (max-width: 992px) {
    .chiifre-collaboration .chiffre .info h1 {
        font-size: 20px
    }
}

@media (max-width: 576px) {
    .chiifre-collaboration .chiffre .info h1 {
        font-size: 14px
    }
}

.technos {
    background-color: #f5f5f5;
    margin-top: -104px;
    padding-top: 104px;
    padding-bottom: 80px
}

.technos .content {
    margin-top: 80px;
    height: 900px;
    background-image: url("../../../../images/logos/expertise/cercle-expertises.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
    background-color: transparent
}

.technos .content .links {
    width: 900px;
    margin: 0 auto;
    height: 590px
}

.technos .content .links a {
    text-decoration: none;
    position: absolute
}

.technos .content .links a img {
    width: 75%;
    transition: all 0.3s ease-out
}

.technos .content .links a.filtred img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.technos .content .links .javaee {
    left: 55%;
    top: 59%
}

.technos .content .links .windev {
    left: 71%;
    top: 40%
}

.technos .content .links .php {
    left: 56%;
    top: 39%
}

.technos .content .links .symfony {
    left: 25.5%;
    top: 35%
}

.technos .content .links .angular {
    left: 36%;
    top: 29%
}

.technos .content .links .codeigniter {
    left: 39.5%;
    top: 65%
}

.technos .content .links .vuejs {
    left: 32%;
    top: 64%
}

.technos .content .links .nodejs {
    left: 37%;
    top: 45%
}

.technos .content .links .zend {
    left: 20%;
    top: 10%
}

.technos .content .links .dotnet {
    left: 62%;
    top: 8%
}

.technos .content .links .rails {
    left: 44%;
    top: 2%
}

.technos .content .links .react {
    left: 30%;
    top: 12%
}

.technos .content .links .sap {
    left: 4%;
    top: 65%
}

.technos .content .links .power_bi {
    left: 10%;
    top: 59%
}

.technos .content .links .sqlServer {
    left: 23%;
    top: 85%
}

.technos .content .links .ibm_infosphere {
    left: 25.5%;
    top: 73%
}

.technos .content .links .pentaho {
    left: 6.5%;
    top: 74%
}

.technos .content .links .ibm_datastage {
    left: 8.5%;
    top: 91%
}

.technos .content .links .ibm_cognos {
    left: 27%;
    top: 53%
}

.technos .content .links .talend {
    left: 15%;
    top: 41%
}

.technos .content .links .sas {
    left: 36%;
    top: 65%
}

.technos .content .links .microsoft {
    left: 29%;
    top: 85%
}

.technos .content .links .oracle {
    left: 13%;
    top: 36%
}

.technos .content .links .ibm_spss {
    left: 21%;
    top: 65%
}

.technos .content .links .cms {
    height: 350px;
    position: relative
}

.technos .content .links .bi {
    height: 520px;
    position: relative
}

.technos .content .links .kubernetes {
    left: 81%;
    top: 72%
}

.technos .content .links .circleci {
    left: 77%;
    top: 86%
}

.technos .content .links .docker {
    left: 76%;
    top: 93%
}

.technos .content .links .jenkins {
    left: 69%;
    top: 80%
}

.technos .content .links .github {
    left: 78%;
    top: 1%
}

.technos .content .links .azure {
    left: 44%;
    top: 47%
}

.technos .content .links .aws {
    left: 37%;
    top: 38%
}

.technos .content .links .google-cloud {
    left: 49%;
    top: 31%
}

.technos .content .links .prestashop {
    left: 63%;
    top: 13%
}

.technos .content .links .joomla {
    left: 77%;
    top: 27%
}

.technos .content .links .magento {
    left: 62%;
    top: 29%
}

.technos .content .links .xamarin {
    left: 62%;
    top: 42%
}

.technos .content .links .drupal {
    left: 81%;
    top: 41%
}

.technos .content .links .ionic {
    left: 60%;
    top: 52%
}

.technos .content .links .flutter {
    left: 79%;
    top: 56%
}

.technos .content .links .android {
    left: 71%;
    top: 58%
}

.technos .content .links .a {
    left: 58%;
    top: 59.5%
}

.technos .content2 {
    margin: 0 20px;
    margin-top: 50px;
    display: none
}

.technos .content2 .titre {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.technos .content2 .titre h5 {
    font-family: "Gotham";
    font-weight: 500;, Fallback, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #202a5f;
    position: relative;
    text-align: center
}

.technos .content2 .titre h5::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 90%;
    background: #202a5f;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px
}

.technos .content2 .imgs a img {
    max-width: 80%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.technos .content2 .bi {
    margin: 10px 0
}

.technos .content2 .bi .titre h5 {
    color: #202a5f
}

.technos .content2 .bi .titre h5::after {
    background: #202a5f
}

.technos .content2 .bi .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.technos .content2 .bi .imgs a {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.technos .content2 .bi .imgs .oracle {
    display: none
}

.technos .content2 .bi .imgs .sap {
    display: none
}

.technos .content2 .bi .imgs .sqlServer {
    display: none
}

.technos .content2 .application {
    margin: 10px 0
}

.technos .content2 .application .titre h5 {
    color: #c869aa
}

.technos .content2 .application .titre h5::after {
    background: #c869aa
}

.technos .content2 .application .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.technos .content2 .application .imgs a {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.technos .content2 .devops {
    margin: 10px 0
}

.technos .content2 .devops .titre h5 {
    color: #c869aa
}

.technos .content2 .devops .titre h5::after {
    background: #c869aa
}

.technos .content2 .devops .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.technos .content2 .devops .imgs a {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.technos .content2 .mobile {
    margin: 10px 0
}

.technos .content2 .mobile .titre h5 {
    color: #ee3494
}

.technos .content2 .mobile .titre h5::after {
    background: #ee3494
}

.technos .content2 .mobile .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.technos .content2 .mobile .imgs a {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.technos .content2 .cms {
    margin: 10px 0
}

.technos .content2 .cms .titre h5 {
    color: #7350a1
}

.technos .content2 .cms .titre h5::after {
    background: #7350a1
}

.technos .content2 .cms .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.technos .content2 .cms .imgs a {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.technos .content2 .framework {
    margin: 10px 0
}

.technos .content2 .framework .titre h5 {
    color: #f37637
}

.technos .content2 .framework .titre h5::after {
    background: #f37637
}

.technos .content2 .framework .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.technos .content2 .framework .imgs a {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.technos .content2 .cloud {
    margin: 10px 0
}

.technos .content2 .cloud .titre h5 {
    color: #7350a1
}

.technos .content2 .cloud .titre h5::after {
    background: #7350a1
}

.technos .content2 .cloud .imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.technos .content2 .cloud .imgs a {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

@media all and (max-width: 768px) {
    .technos .content2 .titre h5 {
        font-size: 18px
    }

    .technos .content2 .bi .imgs a {
        width: 33.333%
    }

    .technos .content2 .application .imgs a {
        width: 33.333%
    }

    .technos .content2 .mobile .imgs a {
        width: 33.333%
    }

    .technos .content2 .cms .imgs a {
        width: 33.333%
    }

    .technos .content2 .framework .imgs a {
        width: 33.333%
    }

    .technos .content2 .cloud .imgs a {
        width: 33.333%
    }

    .technos .content2 .devops .imgs a {
        width: 33.333%
    }
}

@media all and (max-width: 576px) {
    .technos .content2 .bi .imgs a {
        width: 50%
    }

    .technos .content2 .application .imgs a {
        width: 50%
    }

    .technos .content2 .mobile .imgs a {
        width: 50%
    }

    .technos .content2 .cms .imgs a {
        width: 50%
    }

    .technos .content2 .framework .imgs a {
        width: 50%
    }

    .technos .content2 .cloud .imgs a {
        width: 50%
    }

    .technos .content2 .devops .imgs a {
        width: 50%
    }
}

@media all and (max-width: 975px) {
    .technos {
        padding-bottom: 5px
    }

    .technos .content {
        display: none
    }

    .technos .content2 {
        display: block
    }
}

.methodologie {
    padding-bottom: 75px;
    overflow: hidden
}

.methodologie .content {
    margin: 80px 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.methodologie .content .section1 {
    width: calc(100% - 800px);
    max-width: 800px;
    margin: auto
}

.methodologie .content .section2 {
    width: 800px;
    margin-left: auto
}

.methodologie .content .section1 .titre {
    padding: 20px 0
}

.methodologie .content .section1 .titre h5 {
    font-family: "Gotham medium";
    font-weight: 500;;
    color: #6e0335;
    font-size: 18px
}

.methodologie .content .section1 .text p {
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 16px;
    color: #212121;
    padding: 15px 0;
    width: 80%
}

.methodologie .content .section1 .text ul li, .methodologie .content .section1 .text ul span {
    margin: 0 0;
    list-style-type: none;
    font-family: "Gotham book";
    color: #696969;
    font-size: 16px;
    padding: 10px 0;
    padding-left: 20px;
    line-height: 30px
}

.methodologie .content .section1 .text ul span {
    padding: 0 0;
    font-family: "Gotham medium";
    font-weight: 500;
}

.methodologie .content .section1 .text ul li {
    position: relative;
    background: none
}

.methodologie .content .section1 .text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 23px;
    width: 5px;
    height: 5px;
    border-right: 2px solid #941554;
    border-top: 2px solid #941554;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: transparent
}

.methodologie .content .section2 {
}

.methodologie .content .section2 .contenu {
    margin: auto;
    width: 100%;
    height: 300px;
    position: relative;
    background: transparent
}

.methodologie .content .section2 .contenu h5 {
    font-family: "Gotham";
    font-weight: 500;;
    font-size: 12px;
    color: black !important
}

.methodologie .content .section2 .contenu h6 {
    font-family: "Gotham book";
    font-size: 14px;
    color: white !important
}

.methodologie .content .section2 .contenu .client {
    position: absolute;
    left: 12%;
    top: 56%
}

.methodologie .content .section2 .contenu .planification {
    position: absolute;
    left: 22%;
    top: 2%
}

.methodologie .content .section2 .contenu .scrum {
    position: absolute;
    left: 36%;
    top: 36%
}

.methodologie .content .section2 .contenu .duree {
    position: absolute;
    left: 66.5%;
    top: 13%;
    width: 60px;
    text-align: center
}

.methodologie .content .section2 .contenu .revue {
    position: absolute;
    left: 85%;
    top: 98%;
    text-align: center
}

.methodologie .content .section2 .contenu .sprint {
    position: absolute;
    left: 32.7%;
    top: 89%;
    text-align: center;
    width: 60px
}

.methodologie .content .section2 .contenu .product {
    position: absolute;
    left: 21.2%;
    top: 89%;
    text-align: center;
    width: 60px
}

.methodologie .content .section2 .contenu .duree2 {
    position: absolute;
    left: 57%;
    top: 46%;
    text-align: center;
    font-size: 35px
}

.methodologie .content .section2 .contenu .user {
    position: absolute;
    left: 9%;
    top: 80%
}

.methodologie .content .section2 .contenu .developpement {
    position: absolute;
    left: 71%;
    top: 79.5%
}

.methodologie .content .section3 {
    width: 100%
}

.methodologie .content .section3 .title {
    margin: 100px 0
}

.methodologie .content .section3 .title h5 {
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 26px;
    color: black;
    text-align: center
}

.methodologie .content .section3 .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 60px);
    padding: 0 30px
}

.methodologie .content .section3 .contenu .sous-section1 {
    width: 800px
}

.methodologie .content .section3 .contenu .sous-section1 .box1 {
    width: 20%;
    height: 100px;
    background: -webkit-gradient(linear, left top, right bottom, from(#c03074), to(#6b0133));
    background: linear-gradient(to right bottom, #c03074, #6b0133);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.methodologie .content .section3 .contenu .sous-section1 .box1 .fix-skew {
    padding: 0 15%;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.methodologie .content .section3 .contenu .sous-section1 .box1 h5 {
    text-align: center;
    font-family: "Gotham book";
    color: white;
    font-size: 18px
}

.methodologie .content .section3 .contenu .sous-section1 .box2 {
    width: 20%;
    height: 100px;
    background: -webkit-gradient(linear, left top, right bottom, from(#909090), to(#595959));
    background: linear-gradient(to right bottom, #909090, #595959);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    justify-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.methodologie .content .section3 .contenu .sous-section1 .box2 .fix-skew2 {
    padding: 0 15%;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.methodologie .content .section3 .contenu .sous-section1 .box2 h5 {
    text-align: center;
    font-family: "Gotham book";
    color: white;
    font-size: 18px
}

.methodologie .content .section3 .contenu .sous-section1 .flesh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.methodologie .content .section3 .contenu .sous-section1 .flesh .left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #6b0133
}

.methodologie .content .section3 .contenu .sous-section1 .flesh .center {
    width: calc(100% - 40px);
    background: #6b0133;
    height: 2px
}

.methodologie .content .section3 .contenu .sous-section1 .flesh .right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #6b0133
}

.methodologie .content .section3 .contenu .sous-section1 .line1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px
}

.methodologie .content .section3 .contenu .sous-section1 .line1 .flesh {
    width: 60%
}

.methodologie .content .section3 .contenu .sous-section1 .line2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px
}

.methodologie .content .section3 .contenu .sous-section1 .line2 .flesh {
    width: 43%
}

.methodologie .content .section3 .contenu .sous-section1 .line3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px
}

.methodologie .content .section3 .contenu .sous-section1 .line3 .flesh {
    width: 26%
}

.methodologie .content .section3 .contenu .sous-section1 .line4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px
}

.methodologie .content .section3 .contenu .sous-section1 .line4 .box1 {
    width: 20%;
    height: 100px;
    background: -webkit-gradient(linear, left top, right bottom, from(#c03074), to(#6b0133));
    background: linear-gradient(to right bottom, #c03074, #6b0133);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.methodologie .content .section3 .contenu .sous-section1 .line4 .flesh {
    width: 9%
}

.methodologie .content .section3 .contenu .sous-section1 .line4 .box2 {
    width: 20%;
    height: 100px;
    background: -webkit-gradient(linear, left top, right bottom, from(#909090), to(#595959));
    background: linear-gradient(to right bottom, #909090, #595959);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    justify-self: flex-end
}

.methodologie .content .section3 .contenu .sous-section1 .line5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px
}

.methodologie .content .section3 .contenu .sous-section1 .line5 .box1line5 {
    width: 20%;
    height: 110px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    background: white
}

.methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 {
    width: 41%;
    height: 100px;
    background: -webkit-gradient(linear, left top, right bottom, from(#c03074), to(#6b0133));
    background: linear-gradient(to right bottom, #c03074, #6b0133);
    justify-self: flex-end;
    margin: 0 -35px;
    border: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15%
}

.methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 h5 {
    text-align: center;
    font-family: "Gotham book";
    color: white;
    font-size: 18px
}

.methodologie .content .section3 .contenu .sous-section1 .line5 .box3line5 {
    width: 20%;
    height: 110px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    justify-self: flex-end;
    background: white
}

.methodologie .content .section3 .contenu .sous-section2 {
    overflow: hidden;
    width: calc(100% - 790px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    max-width: 800px
}

.methodologie .content .section3 .contenu .sous-section2 .titre {
    padding: 20px 0
}

.methodologie .content .section3 .contenu .sous-section2 .titre h5 {
    font-family: "Gotham medium";
    font-weight: 500;;
    color: #6e0335;
    font-size: 18px
}

.methodologie .content .section3 .contenu .sous-section2 .text p {
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 16px;
    color: #212121;
    padding: 15px 0;
    width: 80%
}

.methodologie .content .section3 .contenu .sous-section2 .text ul li, .methodologie .content .section3 .contenu .sous-section2 .text ul span {
    margin: 0 0;
    list-style-type: none;
    font-family: "Gotham book";
    color: #696969;
    font-size: 16px;
    padding: 10px 0;
    padding-left: 20px;
    line-height: 30px
}

.methodologie .content .section3 .contenu .sous-section2 .text ul span {
    padding: 0 0;
    font-family: "Gotham medium";
    font-weight: 500;
}

.methodologie .content .section3 .contenu .sous-section2 .text ul li {
    position: relative;
    background: none
}

.methodologie .content .section3 .contenu .sous-section2 .text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 23px;
    width: 5px;
    height: 5px;
    border-right: 2px solid #941554;
    border-top: 2px solid #941554;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: transparent
}

@media all and (max-width: 1304px) {
    .methodologie .content {
        margin: 50px 32px
    }
}

@media all and (max-width: 1264px) {
    .methodologie .content .section3 .contenu {
        padding: 0;
        width: 100%
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul li::before {
        top: 19px
    }

    .methodologie .content .section1 .text ul li::before {
        top: 19px
    }

    .methodologie .content .section3 .title {
        margin: 50px 0
    }

    .methodologie .content .section1 .titre {
        padding: 0px 0
    }

    .methodologie .content .section2 {
        background-size: 1000px 316px;
        height: 357px
    }

    .methodologie .content .section3 .contenu .sous-section2 .titre h5 {
        padding: 10px 0;
        font-size: 16px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text p {
        padding: 7px 0;
        font-size: 14px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul li, .methodologie .content .section3 .contenu .sous-section2 .text ul span {
        padding: 7px 0;
        font-size: 14px;
        padding-left: 10px
    }

    .methodologie .content .section3 .contenu .sous-section2 .titre {
        padding: 0 0
    }

    .methodologie .content .section1 .titre h5 {
        padding: 10px 0;
        font-size: 16px
    }

    .methodologie .content .section1 .text p {
        padding: 7px 0;
        font-size: 14px
    }

    .methodologie .content .section1 .text ul li, .methodologie .content .section1 .text ul span {
        padding: 7px 0;
        font-size: 14px;
        padding-left: 10px
    }

    .methodologie .content .section3 .title h5 {
        font-size: 22px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 {
        width: 18%;
        height: 75px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 {
        width: 18%;
        height: 75px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box2 {
        width: 18%;
        height: 75px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box1 {
        width: 18%;
        height: 75px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 h5 {
        font-size: 14px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 h5 {
        font-size: 14px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line1 {
        height: 95px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line2 {
        height: 95px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line3 {
        height: 95px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 {
        height: 95px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line1 .flesh {
        width: 51%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line2 .flesh {
        width: 37%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line3 .flesh {
        width: 22%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .flesh {
        width: 7%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 {
        height: 95px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box1line5 {
        width: 20%;
        height: 80px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 {
        width: 39%;
        height: 75px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box3line5 {
        width: 20%;
        height: 80px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 h5 {
        font-size: 14px
    }
}

@media all and (max-width: 1200px) {
    .methodologie .content .section3 .contenu .sous-section2 .text ul li::before {
        top: 11px;
        left: -2px
    }

    .methodologie .content .section1 .text ul li::before {
        top: 11px;
        left: -2px
    }

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

    .methodologie .content .section1 {
        width: 600px;
        margin: auto
    }

    .methodologie .content .section2 {
        margin: auto;
        margin-top: 20px
    }

    .methodologie .content .section3 .contenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .methodologie .content .section3 .contenu .sous-section2 {
        width: 600px
    }
}

@media all and (max-width: 1063px) {
}

@media all and (max-width: 864px) {
    .methodologie .content .section1 {
        width: 455px
    }

    .methodologie .content .section2 .contenu img {
        display: none
    }

    .methodologie .content {
        margin: 50px 15px
    }

    .methodologie .content .section3 .contenu .sous-section2 {
        width: 455px
    }

    .methodologie .content .section1 .text ul {
        width: 455px
    }

    .methodologie .content .section1 .titre h5 {
        width: 455px
    }

    .methodologie .content .section1 .titre h5 {
        padding: 10px 0;
        font-size: 14px
    }

    .methodologie .content .section1 .text p {
        padding: 7px 0;
        font-size: 13px;
        width: 455px
    }

    .methodologie .content .section1 .text ul li, .methodologie .content .section1 .text ul span {
        padding: 3px 0;
        font-size: 12px;
        padding-left: 10px
    }

    .methodologie .content .section2 {
        height: 700px;
        background-image: url("../../../../images/jch-optimize/ng/images_modules_expertise__methodologieBG2.webp");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 500px 700px;
        margin-bottom: 40px;
        width: auto
    }

    .methodologie .content .section2 .contenu {
        margin: auto;
        width: 500px;
        height: 100%;
        position: relative
    }

    .methodologie .content .section2 .contenu h5 {
        font-family: "Gotham";
        font-weight: 500;;
        font-size: 10px;
        line-height: 13px
    }

    .methodologie .content .section2 .contenu h6 {
        font-family: "Gotham book";
        font-size: 12px;
        color: white;
        line-height: 13px
    }

    .methodologie .content .section2 .contenu .client {
        position: absolute;
        left: 45.8%;
        top: 20%
    }

    .methodologie .content .section2 .contenu .planification {
        position: absolute;
        left: 75%;
        top: 30%;
        width: 120px
    }

    .methodologie .content .section2 .contenu .scrum {
        position: absolute;
        left: 65%;
        top: 50%;
        width: 60px
    }

    .methodologie .content .section2 .contenu .duree {
        position: absolute;
        left: 47%;
        top: 76%;
        width: 60px;
        text-align: center
    }

    .methodologie .content .section2 .contenu .revue {
        position: absolute;
        left: 3.5%;
        top: 93%;
        text-align: center
    }

    .methodologie .content .section2 .contenu .sprint {
        position: absolute;
        left: 14.8%;
        top: 36.5%;
        text-align: center;
        width: 60px
    }

    .methodologie .content .section2 .contenu .product {
        position: absolute;
        left: 15%;
        top: 24%;
        text-align: center;
        width: 60px
    }

    .methodologie .content .section2 .contenu .duree2 {
        position: absolute;
        left: 42%;
        top: 59%;
        text-align: center;
        font-size: 50px
    }

    .methodologie .content .section2 .contenu .user {
        position: absolute;
        left: 23.5%;
        top: 15%;
        font-size: 14px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .methodologie .content .section2 .contenu .developpement {
        position: absolute;
        position: absolute;
        left: 22.3%;
        top: 79.8%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 12px
    }

    .methodologie .content .section3 .title h5 {
        font-size: 16px
    }

    .methodologie .content .section1 .text ul li::before {
        top: 12px;
        width: 3px;
        height: 3px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul li::before {
        top: 12px;
        width: 3px;
        height: 3px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul {
        width: 455px
    }

    .methodologie .content .section3 .contenu .sous-section2 .titre h5 {
        width: 455
    }

    .methodologie .content .section3 .contenu .sous-section2 .titre h5 {
        padding: 10px 0;
        font-size: 14px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text p {
        padding: 7px 0;
        font-size: 13px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul li, .methodologie .content .section3 .contenu .sous-section2 .text ul span {
        padding: 3px 0;
        font-size: 12px;
        padding-left: 10px
    }

    .methodologie .content .section3 .contenu .sous-section1 {
        width: 455px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 h5 {
        font-size: 8px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 h5 {
        font-size: 8px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 h5 {
        font-size: 8px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box1 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box2 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .line1 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line2 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line3 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line1 .flesh {
        width: 48%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line2 .flesh {
        width: 37%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line3 .flesh {
        width: 25%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .flesh {
        width: 14%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box1line5 {
        width: 20%;
        height: 54px;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        background: white
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box3line5 {
        width: 20%;
        height: 54px;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        justify-self: flex-end;
        background: white
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 {
        width: 54%;
        height: 51px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 .fix-skew2 {
        padding: 0 15%;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 .fix-skew {
        padding: 0 15%;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }
}

@media all and (max-width: 530px) {
    .methodologie .content .section1 {
        width: 320px
    }

    .methodologie .content .section3 .contenu .sous-section2 {
        width: 320px
    }

    .methodologie .content .section2 {
        height: 500px;
        background-size: 320px 500px
    }

    .methodologie .content .section2 .contenu {
        width: 320px;
        height: 100%
    }

    .methodologie .content .section2 .contenu h5 {
        font-size: 9px
    }

    .methodologie .content .section2 .contenu h6 {
        font-size: 12px
    }

    .methodologie .content .section2 .contenu .client {
        left: 44%;
        top: 19.4%
    }

    .methodologie .content .section2 .contenu .planification {
        left: 68%;
        top: 30%;
        text-align: center;
        line-height: 10px;
        width: 93px
    }

    .methodologie .content .section2 .contenu .scrum {
        left: 63%;
        top: 50%
    }

    .methodologie .content .section2 .contenu .duree {
        left: 41%;
        top: 76%
    }

    .methodologie .content .section2 .contenu .revue {
        left: 3.5%;
        top: 92.6%;
        width: 70px;
        line-height: 10px
    }

    .methodologie .content .section2 .contenu .sprint {
        left: 10%;
        top: 36.5%;
        width: 60px
    }

    .methodologie .content .section2 .contenu .product {
        left: 9%;
        top: 24%;
        width: 60px
    }

    .methodologie .content .section2 .contenu .duree2 {
        left: 41%;
        top: 61%;
        font-size: 30px
    }

    .methodologie .content .section2 .contenu .user {
        left: 22.5%;
        top: 15%;
        font-size: 12px;
        letter-spacing: -1px
    }

    .methodologie .content .section2 .contenu .developpement {
        left: 20.8%;
        top: 79%;
        font-size: 11px;
        letter-spacing: -1px
    }

    .methodologie .content .section3 .contenu .sous-section1 {
        width: 455px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 h5 {
        font-size: 10px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 h5 {
        font-size: 10px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 h5 {
        font-size: 10px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box1 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box2 {
        width: 18%;
        height: 51px;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    .methodologie .content .section3 .contenu .sous-section1 .line1 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line2 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line3 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 {
        height: 70px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line1 .flesh {
        width: 34%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line2 .flesh {
        width: 26%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line3 .flesh {
        width: 18%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .flesh {
        width: 9%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box1line5 {
        width: 20%;
        height: 40px;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        background: white
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box3line5 {
        width: 20%;
        height: 40px;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        justify-self: flex-end;
        background: white
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 {
        width: 58%;
        height: 51px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 .fix-skew2 {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        margin-left: -5px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 .fix-skew {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        margin-left: -5px
    }

    .methodologie .content {
        margin: 50px 15px
    }

    .methodologie .content .section1 .titre h5 {
        width: 320px;
        padding: 0 0;
        font-size: 16px
    }

    .methodologie .content .section1 .text ul {
        width: 320px
    }

    .methodologie .content .section1 .text p {
        padding: 10px 0;
        font-size: 14px;
        line-height: 18px;
        width: 320px
    }

    .methodologie .content .section1 .text ul li, .methodologie .content .section1 .text ul span {
        padding: 0 0;
        font-size: 12px
    }

    .methodologie .content .section1 .text ul li {
        line-height: 18px;
        padding-left: 10px !important
    }

    .methodologie .content .section1 .text ul li::before {
        top: 12px;
        width: 3px;
        height: 3px
    }

    .methodologie .content .section3 .contenu .sous-section2 .titre h5 {
        margin-top: 20px;
        width: 320px;
        padding: 0 0;
        font-size: 16px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul {
        width: 320px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text p {
        padding: 10px 0;
        font-size: 14px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul li, .methodologie .content .section3 .contenu .sous-section2 .text ul span {
        padding: 0 0;
        font-size: 14px
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul li {
        line-height: 25px;
        padding-left: 10px !important
    }

    .methodologie .content .section3 .contenu .sous-section2 .text ul li::before {
        top: 12px;
        width: 3px;
        height: 3px
    }

    .methodologie .content .section3 .title {
        margin: 30px 0
    }

    .methodologie .content .section3 .title h5 {
        font-size: 14px
    }

    .methodologie .content .section3 .contenu .sous-section1 {
        width: 320px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 h5 {
        font-size: 8px;
        line-height: 8px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 h5 {
        font-size: 8px;
        line-height: 8px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 h5 {
        font-size: 8px
    }

    .methodologie .content .section3 .contenu .sous-section1 .box1 {
        height: 34px;
        width: 22%
    }

    .methodologie .content .section3 .contenu .sous-section1 .box2 {
        height: 34px;
        width: 22%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box1 {
        height: 34px;
        width: 22%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 .box2 {
        height: 34px;
        width: 22%
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 {
        width: 65%;
        height: 34px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line1 {
        height: 40px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line2 {
        height: 40px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line3 {
        height: 40px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line4 {
        height: 40px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 {
        height: 40px
    }

    .methodologie .content .section3 .contenu .sous-section1 .flesh .left {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #6b0133
    }

    .methodologie .content .section3 .contenu .sous-section1 .flesh .right {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #6b0133
    }

    .methodologie .content .section3 .contenu .sous-section1 .flesh .center {
        width: calc(100% - 20px);
        background: #6b0133;
        height: 2px
    }

    .methodologie .content .section3 .contenu .sous-section1 .line5 .box2line5 {
        width: 65%;
        height: 34px
    }
}

.poles {
    overflow: hidden;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    z-index: 2;
    background: white
}

.poles .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    padding-bottom: 100px
}

.poles .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.poles .content .cards {
    width: 23%
}

.poles .content .cards .card-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 200px;
    background: white;
    margin-bottom: 50px
}

.poles .content .cards .card-header .img2 {
    width: 200px;
    height: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border: 2px solid #a4a4a4;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 196px;
    padding-bottom: 97px;
    z-index: 5;
    background: white
}

.poles .content .cards .card-header .img1 {
    width: 200px;
    height: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 2px solid #a4a4a4;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 97px;
    z-index: 5;
    background: white
}

.poles .content .cards .card-header .img2 div {
    visibility: hidden
}

.poles .content .cards .card-header .img1 div {
    visibility: hidden
}

.poles .content .cards:first-of-type .card-header::before {
    content: "";
    position: absolute;
    width: 126%;
    height: 2px;
    left: -26%;
    bottom: 25%;
    background: #a4a4a4
}

.poles .content .cards:last-of-type .card-header::before {
    content: "";
    position: absolute;
    width: 126%;
    height: 2px;
    left: 0%;
    bottom: 25%;
    background: #a4a4a4
}

.poles .content .cards .card-header::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0%;
    bottom: 25%;
    background: #a4a4a4
}

.poles .content .cards .card-header::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 28px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 19%;
    background-color: white;
    z-index: 4
}

.poles .content .cards .card-body {
    margin: 0 10px;
    margin-top: 80px;
    border: 1px solid #bfbfbf;
    height: auto;
    border-top: 5px solid #6b0133;
    height: calc(100% - 269px);
    padding: 0 10px;
    max-height: 310px
}

.poles .content .cards .card-body .card-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px
}

.poles .content .cards .card-body .card-title h5 {
    text-align: center;
    position: relative;
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 20px;
    color: #282828;
    text-transform: uppercase;
    margin: 0 0;
    line-height: 22px
}

.poles .content .cards .card-body .card-text p {
    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
}

.poles .content .cards .card-body .card-text p a {
    text-align: left;
    font-family: "Gotham book";
    font-size: 16px;
    color: #a4a4a4;
    text-decoration: none;
    padding: 8px 15px;
    line-height: 22px;
    display: block;
    width: 90%;
    position: relative;
    text-wrap: nowrap
}

.poles .content .cards .card-body .card-text p a:hover {
    font-family: "Gotham";
    font-weight: 500;
}

.poles .content .cards .card-body .card-text p a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    border-right: 2px solid #941554;
    border-top: 2px solid #941554;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: transparent
}

.poles .content .cards .card-body .card-text p a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 5px;
    height: 11px;
    border-right: 2px solid #941554;
    border-top: none;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media all and (max-width: 1400px) {
    .poles .content .cards {
        margin-bottom: 20px;
        width: 50%
    }

    .poles .content .cards .card-body {
        margin-top: 80px
    }

    .poles .content .cards .card-body .card-title h5 {
        font-size: 20px
    }

    .poles .content .cards .card-body .card-text p a {
        font-size: 19px
    }

    .poles .fix-skew {
        padding-bottom: 53px
    }
}

.poles .content .cards .card-header > div > div {
    display: flex;
    justify-content: center
}

@media all and (max-width: 700px) {
    .poles .content .cards .card-header img {
        height: 65px;
        width: auto
    }

    .poles .content .cards {
        width: 100%
    }

    .poles .content .cards.card1 .card-body {
        margin-top: 0px;
        height: calc(100% - 225px)
    }

    .poles .content .cards .card-body {
        max-height: 325px
    }

    .poles .content .cards.card1 .card-header {
        margin-bottom: 30px
    }

    .poles .content .cards .card-body .card-title h5 {
        font-size: 18px
    }

    .poles .content .cards .card-body .card-text p a {
        font-size: 17px
    }

    .poles .fix-skew {
        padding-bottom: 44px
    }
}

.expertise-section {
    background-image: url("../../../../images/jch-optimize/ng/images_modules_expertisesSlider.webp");
    height: calc(100vh - 80px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.expertise-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 32, 90, 0.6)
}

.expertise-section .content {
    padding-top: 90px;
    position: relative;
    height: calc(100% - 300px);
    background: none
}

.expertise-section .content .metier {
    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;
    height: 100%;
    background-color: transparent
}

.expertise-section .content .metier h2 {
    padding: 0 0 !important;
    font-family: "gotham bold" !important;
    font-size: 50px !important;
    color: white !important;
    margin: 0 0 !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    text-align: center !important
}

.expertise-skewed {
    margin-top: -97px;
    height: 194px;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    z-index: 10;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center
}

.expertise-skewed .techtransform {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.expertise-skewed .techtransform h3 {
    padding: 0 0 !important
}

.expertise-skewed .techtransform h3 span {
    text-transform: capitalize;
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 50px
}

.expertise-skewed .techtransform h3 span:nth-child(1) {
    font-family: "Gotham";
    font-weight: 400;
    color: #292929;
    letter-spacing: 1px
}

.expertise-skewed .techtransform h3 span:nth-child(2) {
    font-family: "Gotham";
    font-weight: 400;
    color: #e78120;
    letter-spacing: 0px
}

@media all and (max-width: 1026px) {
    .expertise-section .content .metier h2 {
        font-size: 40px !important
    }
}

@media all and (max-width: 721px) {
    .expertise-section .content .metier {
        padding-top: 50px !important
    }

    .expertise-section .content .metier h2 {
        font-size: 25px !important
    }

    .expertise-skewed .techtransform h3 span {
        font-size: 25px !important
    }
}

@media all and (max-width: 576px) {
    .expertise-section .title h2 {
        font-size: 22px !important;
        padding-top: 20px !important;
        padding-bottom: 5px !important
    }

    .expertise-section .content .metier h2 {
        font-size: 20px !important
    }

    .expertise-skewed .techtransform h3 span {
        font-size: 20px !important
    }

    .expertise-skewed {
        height: 160px !important;
        margin-bottom: 28px
    }
}

@media all and (max-width: 473px) {
    .expertise-section .content .metier h2 {
        font-size: 18px !important;
        margin-right: 5px !important
    }
}

@media all and (max-width: 370px) {
    .expertise-section .content .metier h2 {
        font-size: 18px !important
    }
}

.poles .content .cards .card-body .card-title h1 {
    padding: 0;
    text-align: center;
    position: relative;
    font-family: "Gotham";
    font-weight: 500;;
    font-size: 20px;
    color: #282828;
    text-transform: uppercase;
    margin: 0 0;
    line-height: 22px;
    padding: 0
}

@media all and (max-width: 1200px) {
    .poles .content .cards .card-body .card-title h1 {
        font-size: 20px
    }
}

@media all and (max-width: 700px) {
    .poles .content .cards .card-body .card-title h1 {
        font-size: 18px
    }
}

.expertise-section .content .metier h1 {
    padding: 0 0 !important;
    font-family: "gotham bold" !important;
    font-size: 50px !important;
    color: white !important;
    margin: 0 0 !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    text-align: center !important
}

.expertise-section .content .metier h1:first-letter {
    text-transform: uppercase
}

@media (max-width: 1026px) {
    .expertise-section .content .metier h1 {
        font-size: 40px !important
    }
}

@media (max-width: 721px) {
    .expertise-section .content .metier h1 {
        font-size: 25px !important
    }
}

@media (max-width: 576px) {
    .expertise-section .content .metier h1 {
        font-size: 20px !important
    }
}

@media (max-width: 473px) {
    .expertise-section .content .metier h1 {
        font-size: 18px !important;
        margin-right: 5px !important
    }
}

.quiSommesNous .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 212px;
    background-image: url("../../../../images/jch-optimize/ng/images_modules_detialsBg.webp");
    background-repeat: no-repeat;
    background-size: 100% 500px;
    position: relative;
    background-attachment: fixed;
    padding: 0 60px
}

.quiSommesNous .acteur {
    background-color: #f5f5f5;
    margin-top: -26px;
    padding-bottom: 40px
}

.quiSommesNous .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.quiSommesNous .title .font {
    z-index: 2;
    margin: 0 10px
}

.quiSommesNous .title .text {
    z-index: 2;
    color: white
}

.quiSommesNous .title .text h2 {
    text-transform: uppercase;
    font-family: "Gotham";
    font-weight: 500;
}

.quiSommesNous .contenu .section-contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0
}

.quiSommesNous .contenu .section-contenu .childs {
    width: 18%
}

.quiSommesNous .contenu .section-contenu .childs.type-1 {
    position: relative
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .text h5 {
    width: 100%;
    height: 80px;
    font-family: "gotham bold";
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    margin-top: -20px
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .text::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #b94676;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .text::after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: -115px;
    left: 50%;
    width: 2px;
    height: 100px;
    background-color: chocolate;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme {
    margin-top: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 180px;
    height: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 4px;
    z-index: 5
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up .cercle-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 176px;
    height: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 70px;
    z-index: 5;
    background-color: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up#cercle_2012 {
    background: linear-gradient(to right, #660b35, #d0619e)
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up#cercle_2018 {
    background: linear-gradient(to right, #c18be4, #c478f5) !important
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up#cercle_2020 {
    background: linear-gradient(to right, #db36d4, #c478f5) !important
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up#cercle_2023 {
    background: linear-gradient(to right, #db36d4, #d82fd1)
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up h5 {
    margin-top: -35px;
    font-family: "gotham bold";
    font-size: 30px;
    font-style: italic;
    color: #424242
}

.quiSommesNous .contenu .section-contenu .childs.type-1 .forme::after {
    content: "";
    position: absolute;
    top: 278px;
    height: 2px;
    width: 100%;
    left: 0;
    z-index: 4
}

.quiSommesNous .contenu .section-contenu .childs.type-2 {
    margin-top: 248px;
    position: relative
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 180px;
    height: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    padding-bottom: 4px
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down#cercle_2015 {
    background: linear-gradient(to right, #d064a3, #c18be4) !important
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down#cercle_2019 {
    background: linear-gradient(to right, #ca6bef, #db36d4) !important
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down#cercle_2021 {
    background: linear-gradient(to right, #ca6bef, #db36d4) !important
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down .cercle-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 176px;
    height: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    background-color: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down h5 {
    margin-top: -35px;
    font-family: "gotham bold";
    font-size: 30px;
    font-style: italic;
    color: #424242
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .forme::after {
    content: "";
    position: absolute;
    top: 30px;
    height: 2px;
    width: 100%;
    left: 0
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .text h5 {
    margin-top: 130px;
    width: 100%;
    height: 60px;
    font-family: "gotham bold";
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    z-index: 100
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .text::before {
    content: "";
    position: absolute;
    top: 100px;
    left: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #b94676;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.quiSommesNous .contenu .section-contenu .childs.type-2 .text::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0
}

.quiSommesNous .contenu .section-contenu .childs:first-of-type {
    width: 16%;
    padding-left: 3%
}

.quiSommesNous .contenu .section-contenu .childs:first-of-type .text::before {
    background-color: #b84575
}

.quiSommesNous .contenu .section-contenu .childs:first-of-type .text::after {
    background-color: #b84676
}

.quiSommesNous .contenu .section-contenu .childs:first-of-type .text h5 {
    color: #b84575
}

.quiSommesNous .contenu .section-contenu .childs:first-of-type .forme .cercle-up {
    border-color: #b23e6e;
    background: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs:first-of-type .forme::after {
    background: -webkit-gradient(linear, left top, right top, from(#660b35), to(#d0619e));
    background: linear-gradient(to right, #660b35, #d0619e)
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(2) .text h5 {
    color: #ca78c0
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(2) .text::before {
    background-color: #ca78c0
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(2) .text::after {
    background-color: #ca78c0
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(2) .forme .cercle-down {
    border-color: #d073b9;
    background: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(2) .forme::after {
    background: -webkit-gradient(linear, left top, right top, from(#d064a3), to(#c18be4));
    background: linear-gradient(to right, #d064a3, #c18be4) !important
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(3) .text h5 {
    color: #b78df4
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(3) .text::before {
    background-color: #b78df4
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(3) .text::after {
    background-color: #b78df4
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(3) .forme .cercle-up {
    border-color: #ba8ff9;
    background: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(3) .forme::after {
    background: -webkit-gradient(linear, left top, right top, from(#c18be4), to(#c478f5));
    background: linear-gradient(to right, #c18be4, #c478f5) !important
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(5) .forme::after {
    background: -webkit-gradient(linear, left top, right top, from(#db36d4), to(#c478f5));
    background: linear-gradient(to right, #db36d4, #c478f5) !important
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(4) .text h5 {
    color: #d24fdc
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(4) .text::before {
    background-color: #d24fdc
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(4) .text::after {
    background-color: #d24fdd
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(4) .forme .cercle-down {
    border-color: #d24fdc;
    background: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(4) .forme::after, .quiSommesNous .contenu .section-contenu .childs:nth-of-type(6) .forme::after {
    background: -webkit-gradient(linear, left top, right top, from(#c478f5), to(#db36d4));
    background: linear-gradient(to right, #ca6bef, #db36d4) !important
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(5) .text h5 {
    color: #b78df4
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(5) .text::before {
    background-color: #b78df4
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(5) .text::after {
    background-color: #b78df4
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(5) .forme .cercle-up {
    border-color: #b78df4;
    background: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(6) .text::after, .quiSommesNous .contenu .section-contenu .childs:nth-of-type(6) .text::before {
    background-color: #c035d2
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(6) .text h5 {
    color: #c035d2
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(6) .forme .cercle-down {
    border-color: #d64ee0;
    background: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs:nth-of-type(6) .forme::after {
    background: -webkit-gradient(linear, left top, right top, from(#ca6bef), to(#db36d4));
    background: linear-gradient(to right, #ca6bef, #db36d4)
}

.quiSommesNous .contenu .section-contenu .childs:last-of-type {
    width: 16%;
    padding-right: 3%
}

.quiSommesNous .contenu .section-contenu .childs:last-of-type .text h5 {
    color: #d82fd1
}

.quiSommesNous .contenu .section-contenu .childs:last-of-type .text::before {
    background-color: #d82fd1
}

.quiSommesNous .contenu .section-contenu .childs:last-of-type .text::after {
    background-color: #d82fd1
}

.quiSommesNous .contenu .section-contenu .childs:last-of-type .forme .cercle-up {
    border-color: #d82fd1;
    background: #f5f5f5
}

.quiSommesNous .contenu .section-contenu .childs:last-of-type .forme::after {
    background: -webkit-gradient(linear, left top, right top, from(#db36d4), to(#6418FF));
    background: linear-gradient(to right, #db36d4, #d82fd1)
}

@media all and (max-width: 1300px) {
    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up {
        width: 140px;
        height: 72px;
        border-top-left-radius: 70px;
        border-top-right-radius: 70px;
        padding-top: 32px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up .cercle-in, .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down .cercle-in {
        width: 136px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down {
        width: 140px;
        height: 70px;
        border-bottom-left-radius: 70px;
        border-bottom-right-radius: 70px;
        padding-bottom: 32px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme {
        margin-top: 143px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-2 .forme::before {
        width: 139px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme::before {
        width: 139px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .text::after {
        bottom: -144px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .text::before {
        bottom: -45px
    }

    .quiSommesNous .contenu .section-contenu .childs:last-of-type .forme::before {
        width: 137px;
        left: 50.3%
    }

    .quiSommesNous .contenu .section-contenu .childs:first-of-type .forme::before {
        width: 139px;
        left: 50.3%
    }

    .quiSommesNous .contenu .section-contenu .childs {
        width: 20%
    }

    .quiSommesNous .contenu .section-contenu .childs:first-of-type {
        width: 20%;
        padding-left: 0
    }

    .quiSommesNous .contenu .section-contenu .childs:last-of-type {
        width: 20%;
        padding-right: 0
    }
}

.quiSommesNous .section-contenu2 {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.quiSommesNous .section-contenu2 .childs {
    width: 50%;
    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;
    position: relative;
    height: 100px
}

.quiSommesNous .section-contenu2 .childs .text {
    width: 80%;
    margin: 0 20px;
    margin-top: 30px
}

.quiSommesNous .section-contenu2 .childs .text h5:first-of-type {
    margin-top: 0;
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 20px;
    font-style: italic;
    color: #424242;
    margin: 10px 0
}

.quiSommesNous .section-contenu2 .childs .text h5:last-of-type {
    height: auto;
    font-family: "gotham bold";
    font-size: 15px;
    line-height: 15px
}

.quiSommesNous .section-contenu2 .childs.type-1::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1
}

.quiSommesNous .section-contenu2 .childs.type-2 {
    margin-left: auto
}

.quiSommesNous .section-contenu2 .childs.type-2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(1)::after {
    background-color: #b84575
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(1) .text h5:last-of-type {
    color: #b84575
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(1) .text, .quiSommesNous .section-contenu2 .childs:nth-of-type(3) .text, .quiSommesNous .section-contenu2 .childs:nth-of-type(5) .text {
    text-align: right
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(2)::after {
    background-color: #ca78c0
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(2) .text h5:last-of-type {
    color: #ca78c0
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(3)::after {
    background-color: #b78df4
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(3) .text h5:last-of-type, .quiSommesNous .section-contenu2 .childs:nth-of-type(5) .text h5:last-of-type {
    color: #b78df4
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(4)::after {
    background-color: #d24fdc
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(4) .text h5:last-of-type, .quiSommesNous .section-contenu2 .childs:nth-of-type(6) .text h5:last-of-type {
    color: #d24fdc
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(5)::after {
    background-color: #c035d2
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(5) .text h5:last-of-type {
    color: #c035d2
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(6)::after {
    background-color: #d24fdc
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(7) {
    text-align: right
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(7)::after {
    background-color: #d82fd1
}

.quiSommesNous .section-contenu2 .childs:nth-of-type(7) .text h5:last-of-type {
    color: #d82fd1
}

.quiSommesNous .section-contenu2::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    height: 100%;
    width: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#660b35), color-stop(#d0619e), color-stop(#d064a3), color-stop(#c18be4), color-stop(#be8eeb), color-stop(#c478f5), color-stop(#ca6bef), color-stop(#db36d4), color-stop(#db2ed1), to(#7460f1));
    background-image: linear-gradient(to bottom, #660b35, #d0619e, #d064a3, #c18be4, #be8eeb, #c478f5, #ca6bef, #db36d4, #db2ed1, #7460f1);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.quiSommesNous .section-contenu2 {
    display: none
}

@media all and (max-width: 720px) {
    .quiSommesNous .section-contenu {
        display: none !important
    }

    .quiSommesNous .section-contenu2 {
        display: block
    }
}

.quiSommesNous-acteur {
    padding-bottom: 80px;
    background: white
}

.quiSommesNous-acteur .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 60px
}

.quiSommesNous-acteur .contenu .font {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px
}

.quiSommesNous-acteur .contenu .sous-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quiSommesNous-acteur .contenu .sous-title h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Gotham bold";
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    height: 80px;
    margin-bottom: -5px
}

.quiSommesNous-acteur .contenu .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quiSommesNous-acteur .contenu .text p {
    color: #505050;
    width: 70%;
    text-align: center;
    font-family: "Gotham book";
    line-height: 20px;
    font-size: 17px
}

.quiSommesNous-acteur .contenu .text p span {
    font-family: "Gotham medium";
    font-weight: 500;
    color: #a63361;
    font-size: 22px
}

.quiSommesNous-acteur .contenu .projet {
    width: 33.3%;
    position: relative
}

.quiSommesNous-acteur .contenu .projet::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    right: 0;
    background: rgba(40, 40, 40, 0.22);
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.quiSommesNous-acteur .contenu .disposition {
    width: 33.3%;
    position: relative
}

.quiSommesNous-acteur .contenu .disposition::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    right: 0;
    background: rgba(40, 40, 40, 0.22);
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.quiSommesNous-acteur .contenu .maintenance {
    width: 33.3%;
    position: relative
}

@media all and (max-width: 1300px) {
    .quiSommesNous-acteur .contenu .projet::after {
        -webkit-transform: skewX(-15deg);
        transform: skewX(-15deg)
    }

    .quiSommesNous-acteur .contenu .disposition::after {
        -webkit-transform: skewX(-15deg);
        transform: skewX(-15deg)
    }
}

@media all and (max-width: 1185px) {
    .quiSommesNous-acteur .contenu .projet::after {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg)
    }

    .quiSommesNous-acteur .contenu .disposition::after {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg)
    }
}

@media all and (max-width: 1020px) {
    .quiSommesNous-acteur {
        padding-bottom: 20px
    }

    .quiSommesNous-acteur .contenu .projet {
        width: 100%;
        position: relative;
        padding-bottom: 50px
    }

    .quiSommesNous-acteur .contenu .projet::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 2px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(40, 40, 40, 0.22);
        top: calc(100% - 20px)
    }

    .quiSommesNous-acteur .contenu .disposition {
        width: 100%;
        position: relative;
        padding-bottom: 50px
    }

    .quiSommesNous-acteur .contenu .disposition::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 2px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(40, 40, 40, 0.22);
        top: calc(100% - 20px)
    }

    .quiSommesNous-acteur .contenu .maintenance {
        width: 100%;
        position: relative;
        padding-bottom: 50px
    }
}

.nous-contact {
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nous-contact .cntct1 {
    width: 50%;
    height: 300px;
    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
}

.nous-contact .cntct1 h3 {
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
    line-height: 40px
}

.nous-contact .cntct1 h3 span:nth-of-type(1) {
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 40px;
    color: #660133
}

.nous-contact .cntct1 h3 span:nth-of-type(2) {
    font-family: "gotham bold";
    font-size: 40px;
    color: #660133;
    display: block
}

.nous-contact .cntct1 a {
    text-align: center;
    display: inline-block;
    width: 200px;
    background-color: #660133;
    padding: 20px 20px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    border: 1px solid #660133
}

.nous-contact .cntct1 a span {
    font-family: "Gotham";
    font-weight: 400;;
    color: #fff
}

.nous-contact .cntct1 a:hover {
    background-color: #fff
}

.nous-contact .cntct1 a:hover span {
    color: #660133
}

.nous-contact .cntct2 {
    position: relative;
    width: 50%;
    height: 300px;
    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;
    padding-bottom: 25px
}

.nous-contact .cntct2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 2px;
    background-color: #660133
}

.nous-contact .cntct2 h3 {
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
    line-height: 40px
}

.nous-contact .cntct2 h3 span:nth-of-type(2) {
    font-family: "Gotham";
    font-weight: 400;;
    font-size: 40px;
    color: #660133;
    display: block
}

.nous-contact .cntct2 h3 span:nth-of-type(1) {
    font-family: "gotham bold";
    font-size: 40px;
    color: #660133;
    line-height: 46px
}

.nous-contact .cntct2 a {
    text-align: center;
    display: inline-block;
    width: 200px;
    background-color: #660133;
    padding: 20px 20px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    border: 1px solid #660133
}

.nous-contact .cntct2 a span {
    font-family: "Gotham";
    font-weight: 400;;
    color: #fff
}

.nous-contact .cntct2 a:hover {
    background-color: #fff
}

.nous-contact .cntct2 a:hover span {
    color: #660133
}

@media all and (max-width: 770px) {
    .nous-contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .nous-contact .cntct1, .nous-contact .cntct2, .nous-contact .cntct3 {
        width: 100%
    }

    .nous-contact .cntct1 h3 span:nth-of-type(1), .nous-contact .cntct2 h3 span:nth-of-type(1) {
        font-size: 30px;
        line-height: 46px
    }

    .nous-contact .cntct1 h3 span:nth-of-type(2), .nous-contact .cntct2 h3 span:nth-of-type(2) {
        font-size: 30px
    }

    .quiSommesNous-acteur .contenu .sous-title h4 {
        font-size: 16px
    }

    .nous-contact .cntct2::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 15px;
        transform: translateX(-50%);
        width: 60%;
        height: 2px;
        background-color: #660133
    }
}

@media all and (max-width: 549px) {
    .nous-contact {
        margin-top: -5px
    }

    .nous-contact .cntct1, .nous-contact .cntct2 {
        height: 200px
    }

    .nous-contact .cntct1 h3 span:nth-of-type(1), .nous-contact .cntct2 h3 span:nth-of-type(1) {
        font-size: 20px
    }

    .nous-contact .cntct1 h3 span:nth-of-type(2), .nous-contact .cntct2 h3 span:nth-of-type(2) {
        font-size: 20px
    }

    .nous-contact .cntct1 a, .nous-contact .cntct2 a {
        width: 150px;
        padding: 10px 0px
    }

    .nous-contact .cntct1 a span, .nous-contact .cntct2 a span {
        font-size: 14px
    }
}

.valeurs {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    background-color: #f5f5f5;
    padding-bottom: 30px
}

.valeurs .fix-skew {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg)
}

.valeurs .contenu {
    position: relative;
    margin: 0 10%;
    margin-top: 50px;
    height: 1000px
}

.valeurs .contenu .text {
    padding-left: 20px;
    padding-top: 10px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    border-right: none;
    border-bottom: none
}

.valeurs .contenu .text h5 {
    font-family: "gotham bold";
    font-size: 20px;
    margin-bottom: 10px
}

.valeurs .contenu .text p {
    font-family: "gotham book";
    color: #505050;
    line-height: 25px;
    font-size: 13px !important
}

.valeurs .contenu .text1 {
    width: 20%;
    height: auto;
    position: absolute;
    left: 0;
    top: 150px
}

.valeurs .contenu .text1 h5 {
    color: #d15c95
}

.valeurs .contenu .text2 {
    width: 20%;
    height: auto;
    position: absolute;
    left: 80%;
    top: 0
}

.valeurs .contenu .text2 h5 {
    color: #942450
}

.valeurs .contenu .text3 {
    width: 45%;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 60px
}

.valeurs .contenu .text3 h5 {
    color: #aa3664
}

.valeurs .contenu .cercle {
    width: 400px;
    height: 400px;
    position: absolute
}

.valeurs .contenu .cercle .cercleRel {
    position: relative;
    width: 400px;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.valeurs .contenu .cercle .cercleRel .cercleinit {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99
}

.valeurs .contenu .cercle .cercleRel .cercleinit h5 {
    font-family: "gotham bold";
    color: white;
    font-size: 30px
}

.valeurs .contenu .cercle .cercleRel .entours {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #c1c1c1;
    position: absolute
}

.valeurs .contenu .cercle1 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0
}

.valeurs .contenu .cercle1 .cercleinit {
    background-color: #aa3664
}

.valeurs .contenu .cercle2 {
    left: calc(50%);
    top: 350px
}

.valeurs .contenu .cercle2 .cercleinit {
    background-color: #942450
}

.valeurs .contenu .cercle3 {
    left: calc(50% - 400px);
    top: 350px
}

.valeurs .contenu .cercle3 .cercleinit {
    background-color: #d15c95
}

.valeurs .contenu .entours13 {
    left: 51%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75% !important;
    height: 75% !important
}

.valeurs .contenu .entours14 {
    left: 51%;
    top: 51%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75% !important;
    height: 75% !important
}

.valeurs .contenu .entours15 {
    left: 48%;
    top: 48%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80% !important;
    height: 80% !important
}

.valeurs .contenu .entours1 {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80% !important;
    height: 80% !important
}

.valeurs .contenu .entours2 {
    left: 3%;
    top: 0%
}

.valeurs .contenu .entours3 {
    left: 0%;
    top: 3%
}

.valeurs .contenu .entours4 {
    left: 3%;
    top: 3%;
    width: 95% !important;
    height: 95% !important
}

.valeurs .contenu .entours5 {
    left: 8%;
    top: 0%
}

.valeurs .contenu .entours6 {
    left: 0%;
    top: 8%
}

.valeurs .contenu .entours7 {
    left: 8%;
    top: 8%
}

.valeurs .contenu .entours8 {
    left: 5%;
    top: 0%;
    width: 92% !important;
    height: 92% !important
}

.valeurs .contenu .entours9 {
    left: 0%;
    top: 5%
}

.valeurs .contenu .entours10 {
    left: 5%;
    top: 5%
}

.valeurs .contenu .entours11 {
    left: -5%;
    top: 0%
}

.valeurs .contenu .entours12 {
    left: 0%;
    top: -5%
}

.valeurs .contenu2 {
    display: none;
    position: relative;
    margin-top: 50px;
    height: auto
}

.valeurs .contenu2 .valeurChild {
    margin: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 360px
}

.valeurs .contenu2 .valeurChild .descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    margin-right: 30px
}

.valeurs .contenu2 .valeurChild .descr .text {
    padding-left: 20px;
    padding-top: 10px;
    border: 1px solid gray;
    border-radius: 2px;
    border-right: none;
    border-bottom: none
}

.valeurs .contenu2 .valeurChild .descr .text h5 {
    font-family: "gotham bold";
    font-size: 20px;
    margin-bottom: 10px
}

.valeurs .contenu2 .valeurChild .descr .text p {
    font-family: "gotham book";
    color: #505050;
    text-align: justify;
    line-height: 25px;
    font-size: 13px
}

.valeurs .contenu2 .valeurChild .cercle {
    width: 70%;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.valeurs .contenu2 .valeurChild .cercle .cercleRel {
    position: relative;
    width: 300px;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.valeurs .contenu2 .valeurChild .cercle .cercleRel .cercleinit {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.valeurs .contenu2 .valeurChild .cercle .cercleRel .cercleinit h5 {
    font-family: "gotham bold";
    color: white;
    font-size: 30px
}

.valeurs .contenu2 .valeurChild .cercle .cercleRel .entours {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #c1c1c1;
    position: absolute
}

.valeurs .contenu2 .cercle1 .cercleinit {
    background-color: #aa3664
}

.valeurs .contenu2 .cercle2 .cercleinit {
    background-color: #942450
}

.valeurs .contenu2 .cercle3 .cercleinit {
    background-color: #d15c95
}

.valeurs .contenu2 .entours13 {
    left: 51%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70% !important;
    height: 70% !important
}

.valeurs .contenu2 .entours14 {
    left: 51%;
    top: 51%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70% !important;
    height: 70% !important
}

.valeurs .contenu2 .entours15 {
    left: 48%;
    top: 48%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80% !important;
    height: 80% !important
}

.valeurs .contenu2 .entours1 {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80% !important;
    height: 80% !important
}

.valeurs .contenu2 .entours2 {
    left: 3%;
    top: 0%
}

.valeurs .contenu2 .entours3 {
    left: 0%;
    top: 3%
}

.valeurs .contenu2 .entours4 {
    left: 3%;
    top: 3%;
    width: 95% !important;
    height: 95% !important
}

.valeurs .contenu2 .entours5 {
    left: 8%;
    top: 0%
}

.valeurs .contenu2 .entours6 {
    left: 0%;
    top: 8%
}

.valeurs .contenu2 .entours7 {
    left: 8%;
    top: 8%;
    width: 93% !important;
    height: 93% !important
}

.valeurs .contenu2 .entours8 {
    left: 5%;
    top: 0%
}

.valeurs .contenu2 .entours9 {
    left: 0%;
    top: 5%
}

.valeurs .contenu2 .entours10 {
    left: 5%;
    top: 5%
}

.valeurs .contenu2 .entours11 {
    left: -5%;
    top: 0%
}

.valeurs .contenu2 .entours12 {
    left: 0%;
    top: -5%
}

@media all and (max-width: 1560px) {
    .valeurs .contenu {
        margin: 0 4%;
        margin-top: 50px
    }

    .valeurs .contenu .text1 {
        width: 17%;
        height: auto;
        position: absolute;
        left: 0;
        top: 70px
    }
}

@media all and (max-width: 1280px) {
    .valeurs .contenu {
        margin: 0 2%;
        margin-top: 50px;
        margin-right: 20px
    }

    .valeurs .contenu .text2 {
        left: 78%
    }

    .valeurs .contenu .cercle {
        width: 300px;
        height: 300px
    }

    .valeurs .contenu .cercle .cercleRel {
        width: 300px;
        height: 300px
    }

    .valeurs .contenu .cercle .cercleRel .cercleinit {
        width: 200px;
        height: 200px
    }

    .valeurs .contenu .cercle2 {
        top: 245px
    }

    .valeurs .contenu .cercle3 {
        left: calc(50% - 300px);
        top: 245px
    }

    valeurs .contenu .cercle .cercleRel .cercleinit h5 {
        font-size: 23px
    }

    .valeurs .contenu .text h5 {
        font-size: 17px
    }

    .valeurs .contenu {
        height: 770px
    }

    .valeurs .contenu .text p {
        line-height: 20px
    }

    .valeurs .contenu .cercle .cercleRel .cercleinit h5 {
        font-size: 23px
    }

    .valeurs .contenu .text1 {
        left: 0%;
        top: 70px
    }
}

@media all and (max-width: 990px) {
    .valeurs .contenu {
        height: 975px
    }

    .valeurs .contenu .cercle1 {
        left: 50%;
        -webkit-transform: none;
        transform: none;
        top: 230px
    }

    .valeurs .contenu .cercle3 {
        top: 230px
    }

    .valeurs .contenu .cercle2 {
        left: 50%;
        top: 475px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .valeurs .contenu .text3 {
        width: 80%;
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0
    }

    .valeurs .contenu .text1 {
        top: 0;
        width: calc(36% + 6px);
        margin: 20px
    }

    .valeurs .contenu .text2 {
        top: 0;
        width: calc(50% - 40px);
        left: 50%;
        margin: 20px
    }
}

@media all and (max-width: 680px) {
    .valeurs .contenu {
        height: 810px
    }

    .valeurs .contenu .cercle {
        width: 200px;
        height: 200px
    }

    .valeurs .contenu .cercle .cercleRel {
        width: 200px;
        height: 200px
    }

    .valeurs .contenu .cercle .cercleRel .cercleinit {
        width: 150px;
        height: 150px
    }

    .valeurs .contenu .cercle1 {
        left: 50%;
        -webkit-transform: none;
        transform: none;
        top: 255px
    }

    .valeurs .contenu .cercle3 {
        top: 255px;
        left: calc(50% - 200px)
    }

    .valeurs .contenu .cercle2 {
        top: 428px
    }

    .valeurs .contenu .cercle .cercleRel .cercleinit h5 {
        font-size: 19px !important
    }

    .valeurs .contenu .text h5 {
        font-size: 16px !important
    }

    .valeurs .contenu .text p {
        font-size: 11px !important;
        line-height: 15px
    }
}

@media all and (max-width: 550px) {
    .valeurs .contenu {
        height: 765px
    }

    .valeurs .contenu .cercle {
        width: 155px;
        height: 155px
    }

    .valeurs .contenu .cercle .cercleRel {
        width: 155px;
        height: 155px
    }

    .valeurs .contenu .cercle .cercleRel .cercleinit {
        width: 120px;
        height: 120px
    }

    .valeurs .contenu .cercle1 {
        top: 325px
    }

    .valeurs .contenu .cercle3 {
        top: 325px;
        left: calc(50% - 155px)
    }

    .valeurs .contenu .cercle2 {
        top: 462px
    }

    .valeurs .contenu .text {
        margin: 0
    }

    .valeurs .contenu .text2 {
        width: calc(50% - 10px)
    }

    .valeurs .contenu .text1 {
        width: 39%
    }

    .valeurs .contenu .cercle .cercleRel .cercleinit h5 {
        font-size: 15px !important
    }

    .valeurs .contenu .text h5 {
        font-size: 15px !important
    }
}

.difference .contenu {
    margin: 80px 0 30px
}

.difference .contenu .backg {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.difference .contenu .backg .contain {
    position: relative;
    margin: 0 20px
}

.difference .contenu .backg .contain img {
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    margin: auto;
    position: relative;
    max-width: 100%;
    height: auto
}

.difference .contenu .backg .contain .carre {
    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;
    position: absolute;
    height: 29%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.difference .contenu .backg .contain .carre h5 {
    margin: 5px 0 10px;
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 22px;
    width: calc(100% - 20px);
    color: #000;
    padding: 0 10px;
    line-height: 30px
}

.difference .contenu .backg .contain .carre p {
    font-family: "gotham book";
    font-size: 14px;
    line-height: 15px;
    padding: 0 10px 5px
}

.difference .contenu .backg .contain .carre:nth-of-type(1) {
    left: 9%;
    top: 0%;
    width: 20%
}

.difference .contenu .backg .contain .carre:nth-of-type(1) h5, .difference .contenu .backg .contain .carre:nth-of-type(1) p {
    text-align: left
}

.difference .contenu .backg .contain .carre:nth-of-type(2) {
    left: 71%;
    top: 0%;
    width: 20%
}

.difference .contenu .backg .contain .carre:nth-of-type(2) h5, .difference .contenu .backg .contain .carre:nth-of-type(2) p {
    text-align: right
}

.difference .contenu .backg .contain .carre:nth-of-type(3) {
    left: 9%;
    top: 35%;
    width: 26%
}

.difference .contenu .backg .contain .carre:nth-of-type(3) h5, .difference .contenu .backg .contain .carre:nth-of-type(3) p {
    text-align: left
}

.difference .contenu .backg .contain .carre:nth-of-type(4) {
    left: 66%;
    top: 35%;
    width: 25%
}

.difference .contenu .backg .contain .carre:nth-of-type(4) h5, .difference .contenu .backg .contain .carre:nth-of-type(4) p {
    text-align: right
}

.difference .contenu .backg .contain .carre:nth-of-type(5) {
    left: 9%;
    top: 70%;
    width: 20%
}

.difference .contenu .backg .contain .carre:nth-of-type(5) h5, .difference .contenu .backg .contain .carre:nth-of-type(5) p {
    text-align: left
}

.difference .contenu .backg .contain .carre:nth-of-type(6) {
    left: 71%;
    top: 69.2%;
    width: 20%
}

.difference .contenu .backg .contain .carre:nth-of-type(6) h5, .difference .contenu .backg .contain .carre:nth-of-type(6) p {
    text-align: right
}

.difference .contenu .backg .contain .carre:nth-of-type(7) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto
}

.difference .contenu .backg .contain .carre:nth-of-type(7) h5 {
    font-size: 32px;
    text-align: center;
    font-family: "Gotham";
    font-weight: 500;;
    color: #660133;
    font-style: italic;
    letter-spacing: 1px
}

.difference .contenu .backg .contain .carre:nth-of-type(7) p {
    text-align: center;
    font-size: 26px;
    font-family: "Gotham";
    font-weight: 500
}

.difference .contenu2 {
    display: none
}

.difference .contenu2 .titre {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.difference .contenu2 .titre h5 {
    width: calc(75% - 30px);
    text-align: center;
    padding: 30px 0;
    position: relative;
    font-family: "Gotham book";
    font-size: 18px;
    color: #353535;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer
}

.difference .contenu2 .titre.active h5 {
    font-family: "Gotham";
    font-weight: 500;;
    color: #660133
}

.difference .contenu2 .titre h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #660133
}

.difference .contenu2 .titre span.down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #660133
}

.difference .contenu2 .titre span.up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #660133
}

.difference .contenu2 .text {
    width: 100%;
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100px;
    display: none
}

.difference .contenu2 .text p {
    width: 70%;
    text-align: justify;
    font-family: "Gotham book";
    font-size: 13px;
    color: #353535;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-shadow: 0px 0px 1px #353535
}

.difference .contenu2 .active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media all and (max-width: 770px) {
    .difference .contenu .sous-titles h5 {
        width: 33.3%;
        font-size: 14px
    }
}

@media all and (max-width: 700px) {
    .difference .contenu {
        display: none
    }

    .difference .contenu2 {
        display: block
    }
}

@media all and (max-width: 1345px) {
    .difference .contenu .backg .contain .carre h5 {
        margin: 0 0 5px
    }
}

@media all and (max-width: 1240px) {
    .difference .contenu .backg .contain .carre h5 {
        font-family: "Gotham";
        font-weight: 500;;
        font-size: 17px;
        line-height: 23px;
        margin: 5px 0 0
    }

    .difference .contenu .backg .contain .carre p {
        font-family: "Gotham";
        font-weight: 500;;
        font-size: 10px;
        line-height: 12px;
        color: #000
    }

    .difference .contenu .backg .contain .carre:nth-of-type(7) h5 {
        font-size: 26px;
        font-family: "Gotham";
        font-weight: 500;
    }
}

@media all and (max-width: 980px) {
    .difference .contenu .backg .contain .carre {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .difference .contenu .backg .contain .carre h5 {
        text-align: center;
        font-family: "Gotham";
        font-weight: 500;;
        font-size: 16px
    }

    .difference .contenu .backg .contain .carre p {
        display: none
    }
}

@media all and (max-width: 880px) {
    .difference .contenu .backg .contain .carre h5 {
        text-align: center;
        font-family: "Gotham";
        font-weight: 500;
        font-size: 14px
    }

    .difference .contenu .backg .contain .carre:nth-of-type(7) h5 {
        font-size: 20px
    }

    .difference .contenu .backg .contain .carre:nth-of-type(6) {
        left: 69%;
        top: 69.2%;
        width: 22%
    }
}

@media all and (max-width: 1024px) {
    .quiSommesNous .contenu .section-contenu .childs:first-of-type {
        padding-left: 1%
    }

    .quiSommesNous .contenu .section-contenu .childs:last-of-type {
        padding-right: 1%
    }

    .quiSommesNous .contenu .section-contenu .childs:first-of-type .forme::before {
        width: 116px;
        left: 53.5%;
        z-index: 6
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up {
        width: 120px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down {
        width: 120px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up .cercle-in, .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down .cercle-in {
        width: 116px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-2 .forme::before {
        width: 116px;
        z-index: 6
    }

    .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down h5 {
        margin-top: -22px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme::before {
        width: 116px;
        z-index: 6
    }

    .quiSommesNous .contenu .section-contenu .childs:last-of-type {
        padding-right: 1%
    }

    .quiSommesNous .contenu .section-contenu .childs:last-of-type .forme::before {
        width: 116px;
        left: 46.5%
    }
}

@media all and (max-width: 820px) {
    .quiSommesNous .contenu .section-contenu .childs.type-1 .text h5, .quiSommesNous .contenu .section-contenu .childs.type-2 .text h5 {
        font-size: 14px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up, .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down {
        width: 100px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up .cercle-in, .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down .cercle-in {
        width: 96px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme::before, .quiSommesNous .contenu .section-contenu .childs.type-2 .forme::before {
        width: 95px
    }

    .quiSommesNous .contenu .section-contenu .childs.type-1 .forme .cercle-up h5, .quiSommesNous .contenu .section-contenu .childs.type-2 .forme .cercle-down h5 {
        font-size: 24px
    }
}

@media all and (max-width: 950px) and (min-width: 680px) {
    .quiSommesNous .contenu .section-contenu .childs.type-1 .text h5, .quiSommesNous .contenu .section-contenu .childs.type-2 .text h5 {
        font-size: 13px
    }

    .valeurs .contenu .cercle1 {
        top: 260px
    }

    .valeurs .contenu .cercle2 {
        top: 505px
    }

    .valeurs .contenu .cercle3 {
        top: 260px
    }
}

@media screen and (max-width: 321px) {
    .valeurs .contenu {
        height: 810px
    }

    .valeurs .contenu .cercle1 {
        top: 375px
    }

    .valeurs .contenu .cercle2 {
        top: 512px
    }

    .valeurs .contenu .cercle3 {
        top: 375px
    }
}

@media screen and (max-width: 259px) {
    .valeurs .contenu {
        height: 860px
    }

    .valeurs .contenu .cercle1 {
        top: 375px
    }

    .valeurs .contenu .cercle2 {
        top: 512px
    }

    .valeurs .contenu .cercle3 {
        top: 375px
    }
}

.about-us .nous-contact, .qui-sommes-nous .nous-contact {
    padding-top: 66px
}

.djslider-default ul.djslider-in > li {
    position: relative
}

.djslider-default ul.djslider-in > li::after {
    position: absolute;
    content: "" !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: block !important
}

.portfolio_cont .portfolio-item-preview > a.filtred {
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.accueil-conseil-services-informatique .domaines2 .contenu, .page_home .domaines2 .contenu {
    margin: 60px 0 20px
}

.accueil-management {
    margin: -60px 0;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    background-color: #f5f5f5;
    padding: 10px 0 130px
}

.accueil-management .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg)
}

.accueil-integration {
    margin: 80px 0 10px;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    background-color: #f5f5f5;
    padding: 10px 0 120px
}

.accueil-integration .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg)
}

.accueil-integration .fix-skew .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 40px;
    margin-top: 40px
}

.accueil-integration .fix-skew .contenu .elem {
    width: 33.3%;
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.accueil-integration .fix-skew .contenu .elem .elem-contenu {
    margin: 0px 20px
}

.accueil-integration .fix-skew .contenu .elem .elem-contenu .img {
    text-align: center
}

.accueil-integration .fix-skew .contenu .elem .elem-contenu .img img {
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
    height: 90px
}

.accueil-applicatif.with-skew {
    margin-top: -85px;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    background-color: #f5f5f5;
    padding: 85px 0 58px;
    z-index: -1;
    position: relative
}

.accueil-applicatif.with-skew .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg)
}

.accueil-applicatif .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 40px
}

.accueil-applicatif .contenu .elem {
    width: 25%
}

.accueil-applicatif .contenu .elem .elem-contenu {
    padding: 0 40px
}

.accueil-applicatif .contenu .elem .elem-contenu .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
    position: relative
}

.accueil-applicatif .contenu .elem .elem-contenu .head h5 {
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 16px;
    text-align: center
}

.accueil-applicatif .contenu .elem .elem-contenu .head::after {
    content: "";
    position: absolute;
    bottom: -15.2px;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 1
}

.accueil-applicatif.with-skew .contenu .elem .elem-contenu .head::before {
    background-color: #f5f5f5
}

.accueil-applicatif .contenu .elem .elem-contenu .head::before {
    content: "";
    position: absolute;
    bottom: -19.5px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: none;
    border-left: none;
    background-color: white;
    z-index: 2
}

.accueil-applicatif .contenu .elem .elem-contenu .description {
    padding: 20px
}

.accueil-applicatif .contenu .elem .elem-contenu .description p {
    padding: 1px 0;
    line-height: 20px;
    text-align: center;
    font-family: "gotham book";
    text-align: center
}

.accueil-applicatif .contenu .elem:nth-of-type(1) .head h5 {
    color: #c14d7e
}

.accueil-applicatif .contenu .elem:nth-of-type(1) .head::after {
    background: #c14d7e
}

.accueil-applicatif .contenu .elem:nth-of-type(1) .head::before {
    border: 3px solid #c14d7e;
    border-top: none;
    border-left: none
}

.accueil-applicatif .contenu .elem:nth-of-type(2) .head h5 {
    color: #b78df4;
    text-align: center
}

.accueil-applicatif .contenu .elem:nth-of-type(2) .head::after {
    background: #b78df4
}

.accueil-applicatif .contenu .elem:nth-of-type(2) .head::before {
    border: 3px solid #b78df4;
    border-top: none;
    border-left: none
}

.accueil-applicatif .contenu .elem:nth-of-type(3) .head h5 {
    color: #d053df
}

.accueil-applicatif .contenu .elem:nth-of-type(3) .head::after {
    background: #d053df
}

.accueil-applicatif .contenu .elem:nth-of-type(3) .head::before {
    border: 3px solid #d053df;
    border-top: none;
    border-left: none
}

.accueil-applicatif .contenu .elem:nth-of-type(4) .head h5 {
    color: #7c5dcd;
    text-align: center
}

.accueil-applicatif .contenu .elem:nth-of-type(4) .head::after {
    background: #7c5dcd
}

.accueil-applicatif .contenu .elem:nth-of-type(4) .head::before {
    border: 3px solid #7c5dcd;
    border-top: none;
    border-left: none
}

.accueil-management .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 40px;
    margin-bottom: 40px
}

.accueil-management .contenu .elem {
    width: 25%
}

.accueil-management .contenu .elem .elem-contenu {
    padding: 0 40px
}

.accueil-management .contenu .elem .elem-contenu .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
    position: relative
}

.accueil-management .contenu .elem .elem-contenu .head h5 {
    font-family: "Gotham medium";
    font-weight: 500;;
    font-size: 18px;
    text-align: center;
    color: #660133
}

.accueil-management .contenu .elem .elem-contenu .head.zoom-110::before {
    bottom: -20.5px
}

.accueil-applicatif.with-skew .contenu .elem .elem-contenu .head.zoom-110::before {
    bottom: -21px
}

.accueil-applicatif .contenu .elem .elem-contenu .head.zoom-110::before {
    bottom: -20.2px
}

.accueil-management .contenu .elem .elem-contenu .head.zoom-125::before, .accueil-management .contenu .elem .elem-contenu .head.zoom-150::before {
    bottom: -20.1px
}

.accueil-applicatif.with-skew .contenu .elem .elem-contenu .head.zoom-125::before, .accueil-applicatif.with-skew .contenu .elem .elem-contenu .head.zoom-150::before {
    bottom: -20.3px
}

.accueil-applicatif .contenu .elem .elem-contenu .head.zoom-125::before, .accueil-applicatif .contenu .elem .elem-contenu .head.zoom-150::before {
    bottom: -20px
}

.accueil-management .contenu .elem .elem-contenu .description {
    padding: 20px
}

.accueil-management .contenu .elem .elem-contenu .description p {
    padding: 1px 0;
    line-height: 20px;
    text-align: center;
    font-family: "gotham book";
    text-align: center
}

.fixed-domaine {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    padding: 0
}

@media all and (max-width: 1215px) {
    .accueil-applicatif .contenu .elem .elem-contenu .head {
        height: 48px
    }
}

@media all and (max-width: 1300px) {
    .accueil-management .contenu .elem .elem-contenu .description, .accueil-applicatif .contenu .elem .elem-contenu .description {
        padding: 20px 0
    }
}

@media all and (max-width: 1215px) {
    .accueil-management .contenu .elem .elem-contenu .head {
        height: 48px
    }
}

@media all and (max-width: 1100px) {
    .accueil-management .contenu .elem .elem-contenu, .accueil-applicatif .contenu .elem .elem-contenu {
        padding: 0 20px
    }

    .accueil-applicatif .contenu, .accueil-management .contenu {
        margin: 0 20px
    }
}

@media all and (max-width: 1000px) {
    .accueil-integration .fix-skew .contenu .elem {
        width: 100%
    }

    .accueil-applicatif .contenu .elem {
        width: 100%
    }

    .accueil-management .contenu .elem {
        width: 100%
    }
}

@media all and (max-width: 500px) {
    .accueil-applicatif .contenu {
        margin: 0 0px
    }

    .accueil-applicatif .contenu .elem {
        width: 100%
    }

    .accueil-applicatif .contenu .elem .elem-contenu {
        padding: 0 20px
    }

    .accueil-integration .fix-skew .accueil-applicatif .contenu {
        margin: 0 0px
    }

    .accueil-integration .fix-skew .accueil-applicatif .contenu .elem {
        width: 100%
    }

    .accueil-integration .fix-skew .accueil-applicatif .contenu .elem .elem-contenu {
        padding: 0 20px
    }

    .accueil-management .contenu {
        margin: 0 0px
    }

    .accueil-management .contenu .elem {
        width: 100%
    }

    .accueil-management .contenu .elem .elem-contenu {
        padding: 0 20px
    }
}

.offres .offshore-contact, .offers .offshore-contact {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    background: #f5f5f5
}

.offres .offshore-contact .fix-skew, .offers .offshore-contact .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    height: 300px
}

.modele-hybride .contenu {
    width: 915px;
    text-align: center;
    margin: 30px auto;
    padding-bottom: 30px
}

.modele-hybride .contenu {
    width: 915px;
    text-align: center;
    margin: 30px auto
}

.modele-hybride .contenu p {
    font-family: "Gotham book"
}

.modus-operandi {
    background-color: #f5f5f5;
    padding-bottom: 150px
}

.modus-operandi .contenu {
    width: 1020px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 30px auto
}

.modus-operandi .contenu .contenu-gauche {
    width: 50%;
    padding: 20px;
    border-top: 2px solid #660133;
    border-right: 2px solid #660133;
    border-top-right-radius: 5px;
    height: 90px;
    font-family: "gotham book";
    padding-left: 0px
}

.modus-operandi .contenu .contenu-droit {
    position: relative;
    width: 50%;
    padding: 20px;
    border-bottom: 2px solid #660133;
    border-bottom-left-radius: 5px;
    height: 100px;
    font-family: "gotham book";
    padding-right: 0px
}

.modus-operandi .contenu .contenu-droit::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-bottom-left-radius: 5px;
    border-left: 2px solid #660133;
    border-bottom: 2px solid #660133;
    left: -0.3%;
    bottom: -2px
}

.offres-avantages {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    background-color: #fff;
    margin-top: -91px
}

.offres-avantages .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg)
}

.offres-avantages .fix-skew .contenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.offres-avantages .fix-skew .contenu .contain {
    width: 1100px;
    margin: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: auto
}

.offres-avantages .fix-skew .contenu .contain p {
    position: absolute;
    font-family: "gotham book";
    word-spacing: 5px
}

.offres-avantages .fix-skew .contenu .contain h4 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "gotham Bold";
    font-size: 25px;
    color: #660133;
    width: 120px;
    text-align: center;
    line-height: 35px
}

.offres-avantages .fix-skew .contenu .contain p.p1 {
    left: 0px;
    top: 0%;
    width: 320px;
    text-align: right
}

.offres-avantages .fix-skew .contenu .contain p.p2 {
    left: 71%;
    top: 0%;
    width: 350px
}

.offres-avantages .fix-skew .contenu .contain p.p3 {
    left: -20px;
    top: 80%;
    width: 350px;
    text-align: right
}

.offres-avantages .fix-skew .contenu .contain p.p4 {
    left: 70%;
    top: 85%;
    width: 350px
}

.offres-avantages .fix-skew .contenu2 {
    display: -webkit-box;
    display: -ms-flexbox;
    -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;
    width: 350px;
    margin: 30px auto;
    display: none
}

.offres-avantages .fix-skew .contenu2 .child:not(:first-of-type) {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-left: 5px solid #f5f5f5
}

.offres-avantages .fix-skew .contenu2 .child:not(:first-of-type) p:nth-of-type(1) {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5;
    margin-top: 30px;
    font-family: "gotham bold";
    color: #660133
}

.offres-avantages .fix-skew .contenu2 .child:not(:first-of-type) p:nth-of-type(1)::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 50%;
    width: 25px;
    height: 5px;
    background-color: #f5f5f5;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.offres-avantages .fix-skew .contenu2 .child:not(:first-of-type) p:nth-of-type(2) {
    margin-left: 15px;
    width: 275px;
    padding: 17px 0;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "gotham book"
}

.offres-avantages .fix-skew .contenu2 .child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 50px
}

.offres-avantages .fix-skew .contenu2 .child:first-of-type {
    position: relative;
    width: 200px;
    background-color: #f5f5f5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px
}

.offres-avantages .fix-skew .contenu2 .child:first-of-type h4 {
    font-family: "gotham bold";
    font-size: 20px;
    color: #660133;
    text-align: center;
    line-height: 35px
}

.offres-avantages .fix-skew .contenu2 .child:first-of-type::before {
    content: "";
    position: absolute;
    left: -77.5px;
    top: 50%;
    height: 5px;
    width: 77.5px;
    background-color: #f5f5f5;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.offres-avantages .fix-skew .contenu2 .child:first-of-type::after {
    content: "";
    position: absolute;
    left: -75px;
    top: 50%;
    height: 25px;
    width: 5px;
    background-color: #f5f5f5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.offres-avantages .fix-skew .contenu2 .child:last-of-type {
    border-left: none;
    position: relative
}

.offres-avantages .fix-skew .contenu2 .child:last-of-type::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0%;
    height: 50px;
    width: 5px;
    background-color: #f5f5f5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media all and (max-width: 1100px) {
    .modele-hybride .contenu {
        width: auto;
        margin: 30px
    }

    .modus-operandi .contenu {
        width: auto;
        height: auto;
        -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;
        margin-left: 30px;
        margin-right: 30px
    }

    .modus-operandi .contenu .contenu-gauche {
        border: none;
        border-radius: 0px;
        width: 100%;
        height: auto;
        border-bottom: 2px solid #660133;
        border-right: 2px solid #660133;
        border-bottom-right-radius: 5px;
        max-width: 500px;
        margin-left: 20px
    }

    .modus-operandi .contenu .contenu-droit {
        border: none;
        border-radius: 0px;
        position: relative;
        width: 100%;
        border-left: 2px solid #660133;
        border-TOP-left-radius: 5px;
        height: auto;
        max-width: 500px;
        margin-left: -20px
    }

    .modus-operandi .contenu .contenu-droit::after {
        border: none;
        border-radius: 0px;
        content: "";
        position: absolute;
        width: 50px;
        height: 50px;
        border-top-left-radius: 5px;
        border-left: 2px solid #660133;
        border-top: 2px solid #660133;
        left: -2px;
        top: -2px
    }
}

@media all and (max-width: 1200px) {
    .offres-avantages .fix-skew .contenu .contain {
        width: 810px
    }

    .offres-avantages .fix-skew .contenu .contain img {
        width: 300px
    }

    .offres-avantages .fix-skew .contenu .contain p {
        width: 250px !important;
        word-spacing: normal;
        font-size: 14px;
        line-height: 18px
    }

    .offres-avantages .fix-skew .contenu .contain p.p1 {
        top: -5%;
        left: -5px
    }

    .offres-avantages .fix-skew .contenu .contain p.p2 {
        top: -5%;
        left: 70%
    }

    .offres-avantages .fix-skew .contenu .contain p.p3 {
        top: 70%;
        left: 0px
    }

    .offres-avantages .fix-skew .contenu .contain p.p4 {
        top: 83%;
        left: 70%
    }
}

@media all and (max-width: 850px) {
    .offres-avantages .fix-skew .contenu2 {
        display: flex
    }

    .offres-avantages .fix-skew .contenu {
        display: none
    }
}

.contact-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 70px 0
}

.intro-text {
    flex-basis: 42%;
    margin-right: 30px
}

.contact-form {
    flex-basis: 58%;
    margin-left: 30px
}

.cont_offshore_avantages .contact-container .intro-text h3 {
    font-size: 55px;
    font-family: 'Gotham Bold', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #282828;
    text-align: left;
    line-height: 60px;
    letter-spacing: normal
}

.cont_offshore_avantages .contact-container .intro-text p {
    font-family: 'Gotham';
    font-size: 18px;
    font-weight: 325;
    line-height: 28px;
    color: #505151;
    text-align: left
}

.contact-container .intro-text .content-text li {
    font-family: 'Gotham';
    font-size: 16px;
    line-height: 26px;
    color: #505151
}

.intro-text .imgContact1 {
    padding-top: 15px
}

.cont_offshore_avantages .contact-container .TextImgContact p {
    font-family: 'Gotham';
    font-size: 27px;
    font-weight: 325;
    line-height: 30px;
    color: #505151;
    padding-top: 20px
}

.TextImgContact span {
    color: #e78120
}

.imagesContact {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.imagesContact img {
    max-width: 100%
}

.img_grs_con {
    width: auto;
    height: auto;
    max-height: 74px
}

.bbn {
}

.contact-page-container .custom-cs {
    background-color: #f5f5f5
}

.centre-services {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1250px;
    padding-top: 35px
}

.centre-services .section-title {
    padding-top: 60px;
    width: 100%;
    text-align: center
}

.centre-services .section-title h2 {
    text-transform: uppercase
}

.map-contenu {
    padding-bottom: 100px
}

.map-container {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    justify-content: space-evenly
}

.map-container .map-column1 {
    padding: 20px 0px;
    text-align: center
}

.map-container .map-column2 {
    padding: 20px 0px;
    text-align: center;
    flex-basis: 25%
}

.map-container .vertical-line {
    border-left: 1px solid #505151;
    height: 130px;
    margin-left: 60px;
    margin-right: 40px
}

.map-container .map-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left
}

.map-container .map-content2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left
}

.map-container .map-info {
    margin-right: 70px
}

.map-container .map-info:last-child {
    margin-right: 0
}

.map-container-fr {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    justify-content: center
}

.map-container-fr .map-column1 {
    padding: 20px 0px;
    text-align: center
}

.map-container-fr .map-column2 {
    padding: 20px 0px;
    text-align: center;
    flex-basis: 31%
}

.map-container-fr .vertical-line {
    border-left: 1px solid #505151;
    height: 130px;
    margin: 0 60px
}

.map-container-fr .map-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left
}

.map-container-fr .map-content2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left
}

.map-container .map-info {
    margin-right: 70px
}

.map-container .map-info:last-child {
    margin-right: 0
}

.circle-icon {
    width: 80px;
    height: 80px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px
}

.circle-icon img {
    font-size: 25px
}

.map-title {
    font-family: "Gotham Bold";
    font-size: 20px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: -0.03em
}

.map-text {
    font-family: "Gotham";
    font-size: 20px;
    font-weight: 325;
    line-height: 33px;
    letter-spacing: -0.03em
}

.map-container-mob {
    padding-bottom: 20px
}

.map-container-mob .map-row1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 15px;
    position: relative
}

.map-container-mob .map-row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.map-row1 .line1 {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    top: 14%
}

.map-row2 .line2 {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    top: 26%
}

.icon-card {
    width: 130px;
    height: 80px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    z-index: 1000
}

.icon-mob {
    width: 75px;
    height: 75px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px
}

.icon-mob img {
    height: 35px;
    width: 35
}

.map-row1 .text-mob1 {
    text-align: center;
    margin-bottom: 12px
}

.map-row1 .text-mob2 {
    text-align: center
}

.map-row2 .text-mob1 {
    text-align: center
}

.map-title-mob {
    font-family: "Gotham Bold";
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: -0.03em
}

.map-text-mob {
    font-family: "Gotham";
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: -0.03em
}

.contact-page-map {
    border: 2px solid #8A8A8A;
    border-radius: 6px
}

.questions {
    background-color: #fff;
    position: relative;
    padding-bottom: 32px;
    padding-top: 35px
}

.questions .section-title {
    padding-top: 60px;
    width: 100%;
    text-align: center
}

.questions .section-title h2 {
    text-transform: uppercase
}

.questions-home {
    margin: 20px auto 30px auto;
    max-width: 1250px
}

.tab-question {
    overflow: hidden;
    display: flex;
    justify-content: center
}

.vertical-line2 {
    height: 30px;
    width: 1px;
    background-color: #505151;
    align-self: center;
    margin: 0 20px
}

.tabshow-question {
    display: inline-flex;
    position: relative;
    margin: 0 30px;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 21px;
    text-transform: capitalize;
    padding: 19px 0;
    cursor: pointer;
    border-bottom: 5px solid transparent
}

.tabshow-question.active {
    color: #C35584
}

.tabshow-question:hover {
    color: #C35584;
    text-decoration: underline;
    transition: color 0.3s ease-in-out
}

.questions-list {
    display: none
}

.questions-list.active {
    display: block
}

.card-question {
    border: 1px solid #DCDCDC;
    max-width: 1050px;
    margin: 20px auto;
    cursor: pointer
}

.QA-container {
    padding: 25px 30px
}

.card-question .QA-container .question {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.question .question-text span {
    white-space: nowrap
}

.card-question .QA-container .answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease
}

.card-question .QA-container .question .plus-icon {
    font-size: 35px;
    font-weight: bold;
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding-right: 15px;
    color: #e78120
}

.card-question .QA-container .question h3 {
    padding: 0;
    font-family: "Gotham Bold";
    font-size: 21px;
    font-weight: 700;
    line-height: 23px;
    margin: 0px;
    text-align: left
}

.card-question .QA-container .answer p {
    font-family: "Gotham";
    font-size: 16px;
    font-weight: 325;
    line-height: 24px;
    text-align: left;
    padding: 15px 30px 0px 36px
}

.card-question .QA-container .answer a {
    color: #e78120
}

.card-question .toggle-input:checked ~ .answer {
    max-height: 200px
}

.card-question .toggle-input:checked ~ .question {
    display: flex;
    align-items: center;
    background-color: #DCDCDC
}

.card-question .toggle-input:checked ~ .QA-container {
    background-color: #dcdcdc45
}

.plus-icon::after {
    display: inline-block
}

.toggle-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

@media all and (max-width: 1300px) {
    .centre-services {
        margin: 0 auto;
        width: 92%
    }
}

@media all and (max-width: 1100px) {
    .questions-home {
        margin: 20px auto 30px auto;
        width: 92%
    }

    .intro-text {
        margin-right: 0px
    }

    .imagesContact img {
        max-width: 100%;
        margin: 0 2px
    }
}

@media all and (max-width: 1024px) {
    .contact-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        padding: 40px 0 55px 0;
        flex-wrap: wrap
    }

    .intro-text {
        flex-basis: unset;
        margin-right: 0px
    }

    .contact-form {
        flex-basis: unset;
        margin-left: 0px;
        margin-top: 30px
    }

    .imagesContact img {
        max-width: 100%;
        margin: 0px
    }

    .map-contenu {
        padding-bottom: 55px
    }

    .questions {
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 1023px) {
    #mapContainerDefault {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    #mapContainerMobile {
        display: none
    }

    .horizontal-line {
        width: 100%;
        height: 1px;
        background-color: #505151;
        margin-bottom: 20px;
        margin-top: 40px
    }
}

@media all and (max-width: 600px) {
    .cont_offshore_avantages .contact-container .intro-text h3 {
        font-size: 34px
    }

    .cont_offshore_avantages .contact-container .intro-text p {
        font-size: 17px
    }

    .contact-container .intro-text .content-text li {
        font-size: 15px
    }

    .intro-text .imgContact1 {
        padding-top: 15px
    }

    .cont_offshore_avantages .contact-container .TextImgContact p {
        font-size: 25px
    }

    .icon-card {
        width: 122px
    }

    .map-title-mob {
        font-family: "Gotham Bold";
        font-size: 17px
    }

    .map-text-mob {
        font-family: "Gotham";
        font-size: 17px
    }

    .icon-mob {
        width: 68px;
        height: 68px;
        background-color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px
    }

    .icon-mob img {
        width: 28px;
        height: 28px
    }

    .tabshow-question {
        margin: 0 18px;
        font-size: 18px
    }

    .vertical-line2 {
        margin: 0px 10px
    }

    .QA-container {
        padding: 20px 24px
    }

    .card-question .QA-container .question .plus-icon {
        font-size: 32px
    }

    .card-question .QA-container .question h3 {
        font-size: 17px;
        letter-spacing: 0px
    }

    .card-question .QA-container .answer p {
        font-size: 15px
    }
}

@media all and (max-width: 425px) {
    .img_grs_con {
        width: auto;
        height: auto;
        max-height: 56px
    }
}

.contact-form .convertforms .cf-control-group {
    position: relative;
    margin-bottom: 1rem
}

.contact-form .convertforms .cf-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    font-size: 14px;
    color: #666
}

.contact-form .convertforms .cf-control-group[data-type="textarea"] .cf-label {
    position: absolute;
    pointer-events: none;
    top: 20%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    font-size: 14px;
    color: #666
}

.initial {
    top: 50% !important
}

.focused {
    top: 0% !important
}

.contact-form .convertforms .cf-input:focus + .cf-label, .cf-input:not(:placeholder-shown) + .cf-label {
    top: 0;
    font-size: 12px
}

.contact-form .convertforms .cf-input:focus + .cf-label {
    color: #007bff
}

.contact-form .convertforms .cf-input {
    padding: 10px 0px;
    border-bottom: 1px solid #505151 !important;
    border: none;
    transition: border-bottom 0.3s;
    background: none;
    border-radius: 0px
}

.contact-form .convertforms .cf-input[type='text']:focus, .contact-form .convertforms .cf-input[type='email']:focus, .contact-form .convertforms textarea.cf-input:focus {
    outline: none;
    border-bottom: 2px solid #e78120 !important;
    border: none
}

.contact-form .convertforms .cf-required-label {
    color: red
}

.contact-form .convertforms .choices.tf-phone-control--flag {
    border: 1px solid #f5f5f5 !important;
    padding: 0px
}

.contact-form .convertforms .tf-phone-control--number.cf-input {
    border: 1px solid #f5f5f5 !important
}

.contact-form .convertforms .tf-phone-control {
    background: rgb(245 245 245) !important;
    border-bottom: 1px solid black !important;
    border-radius: 0px !important;
    gap: 2px !important
}

.contact-form .convertforms .choices__list.choices__list--dropdown {
    left: -1px;
    border-radius: 0px
}

.contact-form .convertforms .cf-phone-number-wrapper .tf-phone-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-form .convertforms .cf-select {
    --input-border-color: none
}

.expertise-sectionX {
    margin: 55px 0 0
}

.expertise-sectionX .content-desc {
    display: flex;
    justify-content: center;
    background: #fff;
    padding: 40px 0 125px
}

.expertise-sectionX .content-mob {
    display: none
}

.expertise-sectionX .content-desc .images-container {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    margin: 20px 0
}

.expertise-sectionX .content-desc .images-container img {
    max-width: 50%;
    height: auto;
    transition: max-width 0.5s ease
}

.expertise-sectionX .images-container h1 {
    text-align: center;
    font-family: "Gotham Bold";
    font-size: 55px;
    font-weight: 700;
    line-height: 60px;
    color: #282828;
    margin: 0 15px;
    transition: font-size 0.5s ease, line-height 0.5s ease
}

.expertise-sectionX .images-container span {
    color: #e78120
}

@media (max-width: 1210px) {
    .expertise-sectionX .content-desc .images-container img {
        max-width: 35%
    }

    .expertise-sectionX .content-desc .images-container h1 {
        font-size: 40px;
        line-height: 45px
    }
}

@media (max-width: 1080px) {
    .expertise-sectionX .content-desc .images-container img {
        max-width: 30%
    }

    .expertise-sectionX .content-desc .images-container h1 {
        font-size: 30px;
        line-height: 35px;
        margin: 0 8px
    }
}

@media (max-width: 800px) {
    .expertise-sectionX .content-mob {
        display: block;
        padding: 40px 0 120px
    }

    .expertise-sectionX .content-desc {
        display: none
    }

    .expertise-sectionX .content-mob .images-container {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 45%;
        transition: all 0.5s ease;
        margin: 20px 0
    }

    .expertise-sectionX .content-mob .images-container img {
        margin: 0 8px
    }

    .expertise-sectionX .content-mob {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .expertise-sectionX .content-mob h1 {
        margin-bottom: 18px;
        text-align: center;
        font-family: "Gotham Bold";
        font-size: 50px;
        font-weight: 700;
        line-height: 55px;
        color: #282828
    }

    .expertise-sectionX .content-mob span {
        color: #e78120
    }
}

@media (min-width: 400) and (max-width: 800) {
    .expertise-sectionX .content-mob h1 {
        line-height: 55px
    }
}

@media (max-width: 600px) {
    .expertise-sectionX .content-mob h1 {
        text-align: center;
        font-family: "Gotham Bold";
        font-size: 45px
    }
}

@media (max-width: 470px) {
    .expertise-mob {
    }

    .expertise-sectionX .content-mob h1 {
        text-align: center;
        font-family: "Gotham Bold";
        font-size: 38px
    }
}

@media (max-width: 400px) {
    .expertise-mob {
    }

    .expertise-sectionX .content-mob h1 {
        text-align: center;
        font-family: "Gotham Bold";
        font-size: 32px;
        line-height: 40px !important
    }
}

.poles-home {
    margin-top: 35px;
    margin-bottom: 42px
}

.tab-pole {
    overflow: hidden;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #DCDCDC;
    box-shadow: 0px 21px 30px -25px #2828281A;
    padding-left: 20px;
    padding-right: 20px
}

.tablinks-pole {
    display: inline-flex;
    margin: 0 30px;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 26px;
    text-transform: capitalize;
    padding: 19px 0;
    cursor: pointer;
    border-bottom: 5px solid transparent;
    align-items: center
}

.tablinks-pole img {
    width: 60px;
    height: auto;
    margin-right: 8px
}

.tablinks-pole.applicatif, .tablinks-pole.data-management, .tablinks-pole.integration-cloud, .tablinks-pole.cybersecurite {
    color: #505151
}

.tablinks-pole.applicatif.active {
    color: #C35584;
    border-bottom: 5px solid #282828
}

.tablinks-pole.data-management.active {
    color: #B78DF4;
    border-bottom: 5px solid #282828
}

.tablinks-pole.integration-cloud.active {
    color: #D053DF;
    border-bottom: 5px solid #282828
}

.tablinks-pole.cybersecurite.active {
    color: #7C5DCD;
    border-bottom: 5px solid #282828
}

.cards-pole {
    display: flex;
    justify-content: center;
    padding-top: 35px;
    flex-wrap: wrap;
    row-gap: 16px
}

.card-pole {
    width: 230px;
    height: 200px;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px
}

.card-pole .card-pole-content {
    text-align: center
}

.card-pole .icon img {
    width: 40px;
    height: 40px
}

.card-pole .title {
    margin-top: 12px;
    font-size: 18px;
    padding: 0 18px;
    height: 80px;
    display: flex;
    justify-content: center;
    font-family: "Gotham Medium";
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.03em
}

.card-pole .link-word {
    text-decoration: none;
    color: #e78120;
    cursor: pointer
}

.card-pole:hover {
    background-color: #e78120;
    border-radius: 6px;
    transition: all 0.5s ease-in-out
}

.card-pole:hover h3, .card-pole:hover a {
    color: #fff
}

.card-pole:hover .icon img {
    filter: brightness(0) invert(1)
}

@media (min-width: 1001px) and (max-width: 1300px) {
    .tablinks-pole {
        font-size: 22px
    }

    .tablinks-pole img {
        width: 50px;
        height: auto;
        margin-right: 8px
    }
}

@media (max-width: 1000px) {
    .card-pole {
        width: 190px;
        height: 195px
    }

    .tablinks-pole {
        font-size: 18px;
        margin: 0 8px
    }

    .tablinks-pole img {
        width: 36px;
        height: auto;
        margin-right: 6px
    }
}

@media (max-width: 800px) {
    .tab-pole {
        padding: 0 20px !important;
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: flex-start;
        display: block
    }
}

@media (max-width: 480px) {
    .card-pole {
        width: 165px;
        height: 180px
    }

    .card-pole .icon img {
        width: 35px;
        height: 35px
    }

    .card-pole .title {
        margin-top: 10px;
        font-size: 16px;
        padding: 0 16px
    }

    .card-pole .link-word {
        text-decoration: none;
        color: #e78120;
        cursor: pointer;
        font-size: 15px
    }
}

.methodologie-container {
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    z-index: 2;
    background: white;
    padding-top: 35px
}

.methodologie-container .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    padding-bottom: 0px;
    margin: 0 8%
}

.methodologie .content-method {
    display: flex;
    margin: 35px 0 25px 0;
    justify-content: center
}

.content-method .first-section {
    margin: 0 15px
}

.content-method .second-section {
    margin: 0 15px
}

.content-method .first-section .title h2 {
    font-family: "Gotham Bold";
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    letter-spacing: -0.03em !important;
    text-align: left;
    color: #282828;
    padding-bottom: 25px !important;
    margin: 0 !important
}

.content-method .first-section .text p {
    font-family: "Gotham Bold";
    font-size: 19px;
    font-weight: 700;
    line-height: 29px;
    text-align: left;
    color: #505151
}

.content-method .second-section ul {
    margin: 0
}

.content-method .second-section .elements li {
    font-family: "Gotham";
    font-size: 16px;
    font-weight: 325;
    line-height: 24px;
    text-align: left;
    color: #505151;
    padding-bottom: 10px
}

.content-method .second-section .elements span {
    font-family: "Gotham Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #505151
}

.image-agile {
    text-align: center;
    margin-top: 40px
}

.image-agile .image-horizontal img {
    width: 100%;
    height: auto;
    padding: 0 15px
}

@media (max-width: 1180px) {
    .content-method .first-section {
        margin: 0 10px
    }

    .content-method .second-section {
        margin: 0 10px
    }

    .content-method .first-section .title h2 {
        font-family: "Gotham Bold";
        font-size: 23px !important
    }

    .content-method .first-section .text p {
        font-family: "Gotham Bold";
        font-size: 18px;
        font-weight: 700;
        line-height: 29px;
        text-align: left;
        color: #505151
    }

    .content-method .second-section .elements li {
        font-family: "Gotham";
        font-size: 15px
    }

    .content-method .second-section .elements span {
        font-family: "Gotham Bold";
        font-size: 15px
    }
}

@media (max-width: 800px) {
    .methodologie .content-method {
        flex-wrap: wrap
    }

    .image-agile .image-horizontal {
        display: none
    }

    .image-agile .image-vertical {
        display: block
    }

    .image-agile .image-vertical img {
        width: 65%;
        height: auto
    }

    .content-method .first-section .title h2 {
        font-family: "Gotham Bold";
        font-size: 21px !important
    }

    .content-method .first-section .text p {
        font-family: "Gotham Bold";
        font-size: 17.5px
    }

    .content-method .second-section .elements li {
        font-family: "Gotham";
        font-size: 15px
    }

    .content-method .second-section .elements span {
        font-family: "Gotham Bold";
        font-size: 15px
    }
}

@media (min-width: 801px) {
    .image-agile .image-horizontal {
        display: block
    }

    .image-agile .image-vertical {
        display: none
    }
}

@media (max-width: 480px) {
    .methodologie-container .fix-skew {
        margin: 0 4%
    }

    .content-method .first-section .title h2 {
        font-family: "Gotham Bold";
        font-size: 18.5px !important
    }

    .content-method .first-section {
        margin: 0
    }

    .content-method .second-section {
        margin: 0
    }

    .content-method .first-section .text p {
        font-family: "Gotham Bold";
        font-size: 17px
    }

    .content-method .second-section .elements li {
        font-family: "Gotham";
        font-size: 14px
    }

    .content-method .second-section .elements span {
        font-family: "Gotham Bold";
        font-size: 14px
    }
}

.expertise-value {
    background: #f5f5f5;
    padding-bottom: 75px;
    overflow: hidden;
    margin-bottom: -20px;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    padding-top: 35px
}

.expertise-value .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    padding-bottom: 50px
}

.expertise-value .content {
    background: #f5f5f5;
    margin: 0 8%
}

.expertise-value .content .value-text {
    text-align: center;
    padding: 0 60px;
    margin: 35px 0 0 0
}

.expertise-value .content .value-text {
    font-family: "Gotham";
    font-size: 19px;
    font-weight: 325;
    line-height: 30px;
    letter-spacing: -0.03em
}

.expertise-value .content .values-list {
    display: flex;
    justify-content: space-around;
    margin: 60px 0 55px 0;
    position: relative
}

.expertise-value .content .values-list::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -10px;
    width: 101%;
    height: 28px;
    border-radius: 25px;
    background: linear-gradient(90deg, #CD34C6 0%, #755AE0 50.5%, #7B1653 100%)
}

.values-list .value-item {
    flex-basis: calc(25% - 20px);
    position: relative;
    padding: 20px 6px 20px 22px
}

.values-list .value-item-1 {
    border-left: 4px solid #CC36C7
}

.values-list .value-item-2 {
    border-left: 4px solid #A148D4
}

.values-list .value-item-3 {
    border-left: 4px solid #765ADF
}

.values-list .value-item-4 {
    border-left: 4px solid #793898
}

.values-list .value-item::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 4px solid rgba(204, 54, 199, 1);
    border-radius: 50%;
    top: -8px;
    left: -16px
}

.values-list .value-item-1::before {
    border: 4px solid #CC36C7
}

.values-list .value-item-2::before {
    border: 4px solid #A148D4
}

.values-list .value-item-3::before {
    border: 4px solid #765ADF
}

.values-list .value-item-4::before {
    border: 4px solid #793898
}

.values-list .value-item::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    top: calc(100% - 21px);
    left: -12px;
    z-index: 1
}

.value-item h2 {
    margin: 0px !important;
    font-family: "Gotham bold" !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 40px;
    text-align: left;
    position: relative;
    top: -35px
}

.value-item-1 h2 {
    color: #CC36C7
}

.value-item-2 h2 {
    color: #A148D4
}

.value-item-3 h2 {
    color: #765ADF
}

.value-item-4 h2 {
    color: #793898
}

.value-item ul {
    list-style: none;
    padding: 0;
    margin-bottom: 36px
}

.value-item li {
    background: none;
    display: flex;
    align-items: center;
    margin: 0 0 12px 0;
    padding: 0 0 0 0;
    font-family: "Gotham";
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 19px;
    text-align: left
}

.value-item li img {
    margin-right: 10px
}

@media (max-width: 850px) {
    .expertise-value .content .value-text {
        font-family: "Gotham";
        font-size: 17px
    }

    .expertise-value .content .value-text {
        text-align: center;
        padding: 0 15px;
        margin: 35px 0 0 0
    }

    .expertise-value .fix-skew {
        -webkit-transform: skew(0deg, 4deg);
        transform: skew(0deg, 4deg);
        padding-bottom: 20px
    }

    .expertise-value .fix-skew .section-title h2 {
        margin: 0 5px !important
    }

    .expertise-value .content .values-list {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative
    }

    .values-list .value-item {
        width: 80%;
        max-width: 300px;
        margin-left: 25%
    }

    .values-list .value-item-1 {
        border-left: 6px solid #CC36C7
    }

    .values-list .value-item-2 {
        border-left: 6px solid #A148D4
    }

    .values-list .value-item-3 {
        border-left: 6px solid #765ADF
    }

    .values-list .value-item-4 {
        border-left: 6px solid #793898
    }

    .values-list .value-item::before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        background-color: #fff;
        border-radius: 50%;
        top: -8px;
        left: -17px;
        z-index: 1
    }

    .values-list .value-item-1::before {
        border: 6px solid #CC36C7
    }

    .values-list .value-item-2::before {
        border: 6px solid #A148D4
    }

    .values-list .value-item-3::before {
        border: 6px solid #765ADF
    }

    .values-list .value-item-4::before {
        border: 6px solid #793898
    }

    .expertise-value .content .values-list::after {
        display: none
    }

    .values-list .value-item::after {
        display: none
    }

    .value-item .value-number-1 {
        position: absolute;
        left: -75px;
        top: -16px
    }

    .value-item .value-number-2 {
        position: absolute;
        left: -82px;
        top: -16px
    }

    .value-item .value-number-3 {
        position: absolute;
        left: -82px;
        top: -16px
    }

    .value-item .value-number-4 {
        position: absolute;
        left: -85px;
        top: -16px
    }
}

@media (max-width: 480px) {
    .expertise-value .content {
        background: #f5f5f5;
        margin: 0 4%
    }

    .expertise-value .content .values-list {
        display: flex;
        justify-content: space-around;
        margin: 60px 0 55px 0;
        padding: 0 10px;
        position: relative
    }

    .expertise-value .content .value-text {
        padding: 0 10px
    }

    .expertise-value .content .value-text {
        font-size: 16px
    }

    .value-item .value-number, .value-item .value-word {
        font-size: 32px !important;
        padding: 0px !important
    }

    .value-item .value-number-1 {
        position: absolute;
        left: -62px;
        top: -16px
    }

    .value-item .value-number-2 {
        position: absolute;
        left: -69px;
        top: -16px
    }

    .value-item .value-number-3 {
        position: absolute;
        left: -69px;
        top: -16px
    }

    .value-item .value-number-4 {
        position: absolute;
        left: -72px;
        top: -16px
    }

    .value-item li {
        font-family: "Gotham";
        font-size: 14px !important
    }
}

.technos-new {
    background-color: #f5f5f5;
    padding-top: 35px;
    -webkit-transform: skew(0deg, -4deg);
    transform: skew(0deg, -4deg);
    z-index: 2
}

.technos-new .fix-skew {
    -webkit-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    padding-bottom: 100px
}

.technos-new .content {
    margin-top: 80px;
    height: 900px;
    background-image: url("../../../../images/expertise/cercle-expertises.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
    background-color: transparent
}

.technos-new .content.img-en {
    background-image: url("../../../../images/expertise/cercle-expertises-en.svg")
}

.technos-new .content-2 {
    display: none
}

.technos-new .content .links {
    width: 1020px;
    margin: 0 auto
}

.technos-new .content .links a {
    text-decoration: none;
    position: absolute;
    transition: all 0.3s ease-out;
    background: #fff;
    padding: 8px 4px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}

.technos-new .content .links a img {
    max-width: 100%;
    height: 40px;
    width: 54px
}

.technos-new .content .links a.filtred img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.technos-new .content .links .javaee {
    left: 71%;
    top: 66%
}

.technos-new .content .links .windev {
    left: 77%;
    top: 82%
}

.technos-new .content .links .php {
    left: 81%;
    top: 56%
}

.technos-new .content .links .dotnet {
    left: 64%;
    top: 77.5%
}

.technos-new .content .links .C {
    left: 86.5%;
    top: 85%
}

.technos-new .content .links .symfony {
    left: 83.5%;
    top: 46%
}

.technos-new .content .links .angular {
    left: 73.5%;
    top: 72.5%
}

.technos-new .content .links .codeigniter {
    left: 81.5%;
    top: 23%
}

.technos-new .content .links .vuejs {
    left: 64%;
    top: 16%
}

.technos-new .content .links .nodejs {
    left: 75.5%;
    top: 45%
}

.technos-new .content .links .zend {
    left: 72.5%;
    top: 22%
}

.technos-new .content .links .rails {
    left: 89%;
    top: 13%
}

.technos-new .content .links .react {
    left: 60%;
    top: -5%
}

.technos-new .content .links .sap {
    left: 4%;
    top: 65%
}

.technos-new .content .links .power_bi {
    left: 10%;
    top: 66%
}

.technos-new .content .links .microstrategy {
    left: 19%;
    top: 57%
}

.technos-new .content .links .pentaho {
    left: 24%;
    top: 70%
}

.technos-new .content .links .ibm {
    left: 9.5%;
    top: 91%
}

.technos-new .content .links .crystal {
    left: 37.5%;
    top: 82%
}

.technos-new .content .links .talend {
    left: 15%;
    top: 44%
}

.technos-new .content .links .sas {
    left: 16%;
    top: 80%
}

.technos-new .content .links .microsoft {
    left: 32%;
    top: 66%
}

.technos-new .content .links .oracle {
    left: 13%;
    top: 36%
}

.technos-new .content .links .ibm_spss {
    left: 21%;
    top: 65%
}

.technos-new .content .links .cms {
    height: 350px;
    position: relative
}

.technos-new .content .links .bi {
    height: 530px;
    position: relative
}

.technos-new .content .links .kubernetes {
    left: 63%;
    top: 36%
}

.technos-new .content .links .circleci {
    left: 64%;
    top: 52%
}

.technos-new .content .links .docker {
    left: 56.5%;
    top: 60%
}

.technos-new .content .links .jenkins {
    left: 55.5%;
    top: 45%
}

.technos-new .content .links .aws-ai {
    left: 30%;
    top: 34%
}

.technos-new .content .links .azure-ai {
    left: 45%;
    top: 32.5%
}

.technos-new .content .links .google-ai {
    left: 37%;
    top: 48%
}

.technos-new .content .links .python {
    left: 44.5%;
    top: 58%
}

.technos-new .content .links .tensor-flow {
    left: 41%;
    top: 17%
}

.technos-new .content .links .azure {
    left: 56%;
    top: 54%
}

.technos-new .content .links .aws {
    left: 47%;
    top: 37%
}

.technos-new .content .links .google-cloud {
    left: 51%;
    top: 14%
}

.technos-new .content .links .pwa {
    left: 39.5%;
    top: -3%
}

.technos-new .content .links .xamarin {
    left: 31%;
    top: 57%
}

.technos-new .content .links .ionic {
    left: 28%;
    top: 16%
}

.technos-new .content .links .flutter {
    left: 38%;
    top: 23%
}

.technos-new .content .links .android {
    left: 18.5%;
    top: 13%
}

.technos-new .content .links .a {
    left: 23%;
    top: 37%
}

@media (min-width: 1000px) and (max-width: 1030px) {
    .technos-new .content .links {
        width: 985px;
        margin: 0 auto
    }

    .technos-new .content .links .cms {
        height: 340px;
        position: relative
    }
}

@media (max-width: 1000px) {
    .technos-new .content {
        display: none
    }

    .technos-new .content-2 {
        display: block
    }

    .technos-new .content-2 .links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        max-width: 1000px;
        margin: 35px 10px 0 10px
    }

    .technos-new .content-2 .links .card {
        width: calc(33.33% - 16px);
        background-color: #fff;
        padding: 10px 20px;
        text-align: center;
        box-sizing: border-box;
        border-radius: 8px;
        margin-bottom: 20px
    }

    .technos-new .content-2 .links .card h3 {
        font-size: 18px;
        font-family: "Gotham Medium";
        font-weight: 500;
        line-height: 26px;
        letter-spacing: -0.03em;
        padding: 0px;
        margin-bottom: 20px;
        border-radius: 4px
    }

    .technos-new .content-2 .links .card .dm-title {
        background: #647DBC;
        color: #fff
    }

    .technos-new .content-2 .links .card .ai-title {
        background: #86CCD5;
        color: #fff
    }

    .technos-new .content-2 .links .card .id-title {
        background: #DD7643;
        color: #fff
    }

    .technos-new .content-2 .links .card .ap-title {
        background: #8166BC;
        color: #fff
    }

    .technos-new .content-2 .links .card .fk-title {
        background: #88D3AF;
        color: #fff
    }

    .technos-new .content-2 .links .card .cl-title {
        background: #DD5B9F;
        color: #fff
    }

    .technos-new .content-2 .links .card .mb-title {
        background: #FBBF34;
        color: #fff
    }
}

@media (max-width: 768px) {
    .technos-new .content-2 .links .card {
        width: calc(50% - 20px)
    }
}

@media (max-width: 550px) {
    .technos-new .content-2 .links .card {
        width: calc(100% - 30px)
    }
}

.technos-new .content-2 .links .images {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.technos-new .content-2 .links .images a {
    text-decoration: none;
    margin: 8px 8px
}

.technos-new .content-2 .links .images a img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-out;
    background: #fff;
    padding: 8px 4px;
    border-radius: 10px;
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1)
}

:root {
    --df-messenger-primary-color: #0b57d0;
    --df-messenger-border-color: #c4c7c5;
    --df-messenger-element-font-color: #444746;
    --df-messenger-chat-border: 1px solid var(--df-messenger-border-color);
    --df-messenger-chat-border-radius: 0;
    --df-messenger-chat-background: #f3f6fc;
    --df-messenger-chat-padding: 24px 24px 8px 24px;
    --df-messenger-chat-scroll-button-enabled-display: flex;
    --df-messenger-chat-scroll-button-align: flex-end;
    --df-messenger-chat-scroll-button-container-padding: 8px 16px;
    --df-messenger-chat-scroll-button-background: #a8c7fa;
    --df-messenger-chat-scroll-button-font-color: #041e49;
    --df-messenger-chat-scroll-button-text-display: none;
    --df-messenger-chat-scroll-button-padding: 8px;
    --df-messenger-chat-function-call-button-background: #a8c7fa;
    --df-messenger-chat-function-call-button-font-color: #041e49;
    --df-messenger-chat-window-height: 560px;
    --df-messenger-chat-padding-minimized: 8px;
    --df-messenger-chat-bubble-background: #f3f6fc;
    --df-messenger-chat-bubble-icon-color: #444746;
    --df-messenger-focus-color-contrast: var(--df-messenger-focus-color, var(--df-messenger-default-focus-color));
    --df-messenger-titlebar-background: #fff;
    --df-messenger-titlebar-font-color: #000;
    --df-messenger-titlebar-border-bottom: 1px solid var(--df-messenger-border-color);
    --df-messenger-titlebar-icon-font-color: var(--df-messenger-icon-font-color, var(--df-messenger-default-icon-font-color));
    --df-messenger-titlebar-subtitle-font-color: var(--df-messenger-secondary-font-color, var(--df-messenger-default-secondary-font-color));
    --df-messenger-titlebar-padding: 10px 24px;
    --df-messenger-titlebar-title-font-size: 22px;
    --df-messenger-titlebar-title-line-height: 28px;
    --df-messenger-titlebar-subtitle-font-size: 12px;
    --df-messenger-titlebar-subtitle-line-height: 16px;
    --df-messenger-titlebar-button-background-hover: rgba(68, 71, 70, .08);
    --df-messenger-titlebar-button-color-inactive: var(--df-messenger-icon-font-color, var(--df-messenger-default-icon-font-color));
    --df-messenger-titlebar-button-background-active: #f1f4f8;
    --df-messenger-titlebar-button-color-active: var(--df-messenger-primary-color, var(--df-messenger-default-primary-color));
    --df-messenger-message-padding: 16px;
    --df-messenger-message-bot-background: #fff;
    --df-messenger-message-user-background: #d3e3fd;
    --df-messenger-message-border-radius: 16px;
    --df-messenger-message-bot-border-top-left-radius: 0;
    --df-messenger-message-bot-stack-border-top-left-radius: 0;
    --df-messenger-message-bot-stack-border-bottom-left-radius: 0;
    --df-messenger-message-user-border-top-right-radius: 0;
    --df-messenger-message-user-stack-border-top-right-radius: 0;
    --df-messenger-message-user-stack-border-bottom-right-radius: 0;
    --df-messenger-message-stack-spacing: 4px;
    --df-messenger-input-long-text-warning-display: block;
    --df-messenger-input-box-background: #fff;
    --df-messenger-input-padding: 16px 8px 24px 24px;
    --df-messenger-input-background: #f3f6fc;
    --df-messenger-input-border-top: none;
    --df-messenger-input-box-border: 1px solid var(--df-messenger-border-color);
    --df-messenger-input-box-border-radius: 999px;
    --df-messenger-input-box-padding: 16px 32px;
    --df-messenger-input-box-focus-border: 2px solid var(--df-messenger-primary-color);
    --df-messenger-input-box-focus-padding: 15px 31px;
    --df-messenger-send-icon-offset-y: 2px;
    --df-messenger-link-decoration: none;
    --df-messenger-link-font-color: var(--df-messenger-primary-color);
    --df-messenger-link-visited-font-color: var(--df-messenger-primary-color);
    --df-messenger-link-hover-font-color: var(--df-messenger-primary-color);
    --df-messenger-link-background-color: #fff;
    --df-messenger-link-padding: 2px 6px;
    --df-messenger-link-border: 1px solid var(--df-messenger-primary-color);
    --df-messenger-link-border-radius: 4px;
    --df-messenger-table-border-color: #e6e6e6;
    --df-messenger-table-padding: 12px 16px;
    --df-messenger-table-font-size: 14px;
    --df-messenger-table-border-radius: 16px;
    --df-messenger-table-header-background: #f2f2f2;
    --df-messenger-table-header-padding: 12px 16px;
    --df-messenger-table-header-font-size: 14px;
    --df-messenger-table-header-font-weight: 500;
    --df-messenger-table-header-border-top: 1px solid var(--df-messenger-table-border-color);
    --df-messenger-table-header-border-bottom: 1px solid var(--df-messenger-table-border-color);
    --df-messenger-table-header-border-left-first: 1px solid var(--df-messenger-table-border-color);
    --df-messenger-table-header-border-right-last: 1px solid var(--df-messenger-table-border-color);
    --df-messenger-table-border-bottom: 1px solid var(--df-messenger-table-border-color);
    --df-messenger-table-border-left-first: 1px solid var(--df-messenger-table-border-color);
    --df-messenger-table-border-right-last: 1px solid var(--df-messenger-table-border-color);
    --df-messenger-card-box-shadow: none;
    --df-messenger-card-border: none;
    --df-messenger-card-border-radius: 16px;
    --df-messenger-card-border-top-left-radius: 0;
    --df-messenger-card-stack-border-bottom-left-radius: 0;
    --df-messenger-card-stack-border-top-left-radius: 0;
    --df-messenger-chips-box-shadow: none;
    --df-messenger-chips-font-color: var(--df-messenger-element-font-color);
    --df-messenger-chips-icon-font-color: var(--df-messenger-element-font-color);
    --df-messenger-chips-border-radius: 8px;
    --df-messenger-files-box-shadow: none;
    --df-messenger-citations-font-color: var(--df-messenger-element-font-color);
    --df-messenger-citations-border-color: var(--df-messenger-border-color);
    --df-messenger-citations-border-radius: 999px;
    --df-messenger-citations-padding: 4px 16px;
    --df-messenger-citations-icon-offset: -8px;
    --df-messenger-citations-icon-font-size: 24px;
    --df-messenger-citations-message-display: none;
    --df-messenger-button-border: 1px solid var(--df-messenger-border-color);
    --df-messenger-button-padding: 8px;
    --df-messenger-image-border-radius: 16px;
    --df-messenger-video-border-radius: 16px;
    --df-messenger-video-border: 1px solid var(--df-messenger-border-color);
    --df-messenger-list-padding: 16px;
    --df-messenger-message-rich-feedback-spacing: 16px;
    --df-messenger-message-rich-feedback-padding: 16px;
    --df-messenger-message-rich-feedback-background: #fff;
    --df-messenger-message-rich-feedback-border-radius: 16px;
    --df-messenger-message-rich-feedback-chips-spacing: 8px;
    --df-messenger-message-rich-feedback-chips-background: #fff;
    --df-messenger-message-rich-feedback-chips-background-active: rgba(68, 71, 70, .12);
    --df-messenger-message-rich-feedback-chips-font-color: var(--df-messenger-element-font-color);
    --df-messenger-message-rich-feedback-chips-font-color-active: var(--df-messenger-element-font-color);
    --df-messenger-message-rich-feedback-submit-align: flex-start;
    --df-messenger-message-rich-feedback-submit-font-color: var(--df-messenger-element-font-color);
    --df-messenger-message-feedback-icon-border: var(--df-messenger-default-border);
    --df-messenger-message-feedback-icon-border-radius: 8px;
    --df-messenger-message-feedback-icon-background: #fff;
    --df-messenger-message-feedback-icon-padding: 8px;
    --df-messenger-message-feedback-icon-font-color-active: var(--df-messenger-primary-color);
    --df-messenger-message-feedback-icon-background-hover: rgba(68, 71, 70, .08)
}

df-messenger {
    display: none;
    z-index: 999;
    --df-messenger-font-color: #000;
    --df-messenger-font-family: "Gotham", sans-serif;;
    --df-messenger-chat-background: #f3f6fc;
    --df-messenger-message-user-background: #d3e3fd;
    --df-messenger-message-bot-background: #e78120;
    --df-messenger-message-bot-font-color: #fce9f0;
    --df-messenger-chat-bubble-background: #e78120;
    --df-messenger-chat-bubble-icon-color: #fce9f0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: scale(0);
    opacity: 0;
    border-radius: 35px;
    margin: 0 5px;
    bottom: 16px;
    right: 16px;
    position: fixed
}

df-messenger.show {
    transform: scale(1);
    opacity: 1
}

#help-container {
    flex: 1;
    display: none;
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 999;
    background-color: #e78120;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    align-items: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: scale(1);
    min-width: 373px
}

#top-container {
    position: fixed;
    bottom: 25px;
    left: 25px;
    display: flex;
    align-items: center;
    z-index: 999
}

#help-container.hide {
    opacity: 0;
    transform: scale(0.9)
}

#help-container p {
    color: white;
    margin: 10px
}

#help-container button {
    padding: 0px 20px !important;
    min-width: 62px
}

#help-no {
    background: transparent;
    border: 1px solid white
}

#help-yes {
    background: white;
    color: #e78120;
    border: 1px solid #e78120
}

#help-yes:hover {
    transition: all 0.5s ease-in-out;
    background-color: transparent;
    color: #fff !important;
    border: 1px solid white
}

#help-no:hover {
    transition: all 0.5s ease-in-out;
    background: white;
    color: #e78120;
    border: 1px solid #e78120
}

.hidden-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important
}

.hidden-container > p, .hidden-container > #help-no {
    display: none
}

#help-container.hidden-container {
    opacity: 1
}

@media all {
    #jm-search div.search .button {
        background: #640032
    }

    #jm-search div.search .button:hover {
        background: #640064
    }

    #jm-search div.search .inputbox {
        border-color: #640032
    }

    .dj-main {
        background: none
    }

    .dj-main li {
    }

    .dj-main li.first {
    }

    .jm-star {
        background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_style3_star.webp) no-repeat left center
    }

    .jm-star h3 {
        background: url(../../../../images/jch-optimize/ng/templates_jm-news-portal_images_style3_star.webp) no-repeat right center
    }

    .jm-module.title-box .jm-title-wrap {
        background: #640032
    }

    .jm-module .jm-title-wrap {
        border-top-color: #640032
    }

    div.blog, div.item-page, div.blog-featured, div.items-more, div.item-page, ul#archive-items li.row0, div.contact, div.contact-category, div.newsfeed-category, div.categories-list, div.category-list, div.archive {
        border-color: #640032;
        background: #fff
    }

    input.button, button.validate, button, .jm-module.black-box input.button, .jm-module.black-box button.validate, .jm-module.black-box button, .dj_cf_search a.button, .jm-module.black-box .dj_cf_search a.button {
        background-color: #640032
    }

    input.button:hover, button.validate:hover, button:hover, .jm-module.black-box input.button:hover, .jm-module.black-box button.validate:hover, .jm-module.black-box button:hover, .dj_cf_search a.button:hover, .jm-module.black-box .dj_cf_search a.button:hover {
        background: #B73677
    }

    div.blog h1, div.blog-featured h1, div.item-page h1, div.archive h1, div.categories-list h1, div.category-list h1, div.search h1, h1.componentheading {
        color: #640032
    }

    dd.category-name {
        background: #640032
    }

    .pane-sliders div.panel h3.title.pane-toggler-down {
        background: #640032
    }

    p.readmore a:link, p.readmore a:visited, a.readmore:link, a.readmore:visited, a.readon:link, a.readon:visited, .djc_readon a:link, .djc_readon a:visited, #dj-classifieds .djcf_items_blog .see_details_box a.see_details:link, #dj-classifieds .djcf_items_blog .see_details_box a.see_details:visited, .djcf_menu .newad_link_bottom a:link, .djcf_menu .newad_link_bottom a:visited {
        background: #484948 url(../../../../templates/jm-news-portal/images/style3/readmore_bg.png) no-repeat right center
    }

    p.readmore a:hover, a.readmore:hover, a.readon:hover, .djc_readon a:hover, #dj-classifieds .djcf_items_blog .see_details_box a.see_details:hover, .djcf_menu .newad_link_bottom a:hover {
        background: #5f605f url(../../../../templates/jm-news-portal/images/style3/readmore_bg.png) no-repeat right center
    }

    #dj-classifieds .dj-category .cat_row_title, #dj-classifieds .dj-additem .title_top, #dj-classifieds .dj-cattree-box .title_top, #dj-classifieds .dj-item .title_top, #dj-classifieds .title_top h1, #dj-classifieds h1.main_cat_title, #dj-classifieds table.paymentdetails td.td_title {
        border-top: 2px solid #640032
    }

    #dj-classifieds table.dj-items .main_title th {
        background-color: #640032
    }

    #dj-classifieds table.dj-items .main_title th.active {
        background: #d83d4e
    }
}

@media screen and (max-width: 1900px) {
    a.absol_dv_link {
        position: absolute;
        top: 35px;
        right: 17%;
        color: #fff;
        font-size: 18px
    }

    .moduletable.slider_animate .container_slider_animate {
    }

    p#step1 {
        line-height: 60px
    }

    p#step3, div#animate_sld ul {
    }

    div#animate_sld {
    }

    h1#step2 {
    }

    p#step14 {
    }

    .step_3_cont {
    }
}

@media screen and (max-width: 1720px) {
    a.absol_dv_link {
        position: absolute;
        top: 30px;
        right: 17%;
        color: #fff;
        font-size: 16px
    }
}

@media screen and (max-width: 1600px) {
    a.absol_dv_link {
        position: absolute;
        top: 26px;
        right: 17%;
        color: #fff;
        font-size: 15px
    }

    p#step14 {
    }

    h1#step2 {
    }

    .moduletable.slider_animate .container_slider_animate {
    }

    div#animate_sld {
    }

    .step_3_cont {
    }
}

@media screen and (max-width: 1520px) {
    .step_3_cont {
    }

    p#step14 {
    }

    h1#step2 {
    }
}

@media screen and (max-width: 1440px) {
    a.absol_dv_link {
        top: 22px
    }

    .client_logo {
        width: 18.5%
    }

    .moduletable.slider_animate .container_slider_animate {
    }

    p#step1 {
        top: 20px
    }

    p#step3, div#animate_sld ul {
    }

    h1#step2 {
    }

    p#step14 {
    }

    .item-page .slide-desc-text .slide-text {
        width: 48%
    }

    .step_3_cont {
    }
}

@media screen and (max-width: 1366px) {
    .center_method_dev_log_l1 {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .center_method_dev_log_l2 {
        width: 100%;
        float: none
    }

    a.absol_dv_link {
        top: 21px;
        right: 16%;
        font-size: 14px
    }

    .client_logo {
        width: 18.5%
    }

    .moduletable.slider_animate .container_slider_animate {
    }

    p#step1 {
        top: 15px
    }

    p#step3, div#animate_sld ul {
    }

    h1#step2 {
    }

    p#step14 {
    }

    .step_3_cont {
    }
}

@media screen and (max-width: 1349px) {
    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 12px 35px 11px !important
    }

    #js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
        padding: 0px 0px 0px 10px !important;
        font-size: 12px !important;
        color: #858585 !important
    }
}

@media screen and (max-width: 1280px) {
    #jm-copyrights .row .acymailing_module_form input.button {
        padding: 18px 6px 17px
    }

    .client_logo {
        width: 18.5%
    }

    #jm-djmenu .moduletable.dj-horizontal {
        margin-right: 0
    }

    .step_3_cont {
    }

    p#step14 {
    }

    p#step3, div#animate_sld ul {
    }

    h1#step2 {
    }

    p#step1 {
        top: 0px
    }

    #jm-toppage-left {
        width: 165px
    }

    #jm-toppage-right {
        float: right;
        width: 82%
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 11px 32px 19px !important
    }

    #jm-allpage #jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 > li.megacss > a.megacss {
        z-index: 5555;
        padding: 7px 20px 7px !important
    }

    #js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
        padding: 0px 0px 0px 10px !important;
        font-size: 12px !important
    }

    #js-mainnav.megamenu.white ul.level1 li.megacss a.megacss:hover {
        padding: 0px 0px 0px 7px !important
    }

    #js-mainnav.megamenu.white ul.level1 li.megacss .group .group-title a:hover {
        padding: 7px 0px 0px !important
    }

    .desc-white-sl p {
        font-family: "segoe_ui_light";
        font-size: 20px;
        padding-bottom: 25px;
        line-height: 35px
    }

    .min-title-v {
        line-height: 40px
    }

    .item-page .slide-desc-text .slide-text {
        width: 45%;
        top: 116px;
        left: 35px
    }

    a.absol_dv_link {
        top: 20px;
        right: 17.2%
    }
}

@media screen and (max-width: 1240px) {
    .step_3_cont {
    }

    p#step14 {
    }

    h1#step2 {
    }
}

@media screen and (min-width: 1025px) and (max-width: 1210px) {
    .min-title-v {
        line-height: 37px
    }

    .min-title-v {
        padding-bottom: 0px
    }

    .min-title-v.pad-n {
        padding-top: 0px
    }

    .desc-white-sl p {
        font-size: 18px;
        line-height: 26px
    }
}

@media screen and (max-width: 1210px) {
    .article_contenu_texte .right_content_t {
        width: 50%
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 12px 26px 11px !important
    }

    #js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
        padding: 0px 0px 0px 10px !important;
        font-size: 12px !important;
        color: #858585 !important
    }

    a.absol_dv_link {
        top: 19px;
        right: 16.8%;
        font-size: 13px
    }
}

@media screen and (max-width: 1190px) {
    .cont_offshore_avantages.cont_notpad_bi.pageContact {
        padding: 0;
        width: 95%;
        margin: auto
    }

    .contact-page-container {
        background-color: #fff
    }
}

@media screen and (max-width: 1130px) {
    .bg_page_shadow {
        padding-bottom: 50px
    }

    a.absol_dv_link {
        top: 13px;
        right: 16%;
        font-size: 12px
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 12px 20px 11px !important
    }

    #js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
        padding: 0px 0px 0px 10px !important;
        font-size: 12px !important;
        color: #858585 !important
    }

    #js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent.cols3 {
        left: 0
    }

    #js-mainnav.megamenu ul.megamenu.level0 {
        margin: 0px 0px 0px
    }
}

@media screen and (max-width: 1120px) {
    .step_3_cont {
    }

    p#step14 {
    }

    h1#step2 {
    }
}

@media screen and (max-width: 1024px) {
    #jm-toppage.fixed-nav {
        height: 45px !important;
        overflow: hidden
    }

    #jm-toppage.fixed-nav {
        border-bottom: 1px solid rgb(145, 37, 88)
    }

    #jm-toppage.HoveredElement:before, #jm-toppage.HoveredElement:after {
        background: #fff !important
    }

    #jm-toppage.HoveredElement {
        background: #fff !important
    }

    #jm-toppage {
        height: 55px !important;
        overflow: hidden;
        background-color: transparent
    }

    .cont_nos_valeurs_bg {
        background: none;
        height: auto
    }

    .cont_nos_equipe_bg {
        overflow: hidden
    }

    #jm-allpage #jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 8px 25px 7px !important;
        z-index: 5555
    }

    .mobile_res .moduletable #menu {
        overflow-y: overlay;
        max-height: 350px;
        min-height: 230px
    }

    .mobile_res #menu li.deeper.parent ul li {
        width: 100% !important
    }

    #jm-toppage-right {
        display: none
    }

    body.internalPageCls div#jm-header {
        padding-top: 56px
    }

    #jm-toppage-left {
        margin-top: 14px
    }

    #jm-toppage-right.mobile_res {
        display: table
    }

    #jm-toppage.HoveredElement img {
        -webkit-filter: unset !important;
        filter: unset !important
    }

    .bg_page_shadow {
        padding-bottom: 50px
    }

    .cont_methodologie {
        min-width: 100%
    }

    .container_detail {
        display: none
    }

    .item-page .slide-desc-text .slide-text {
        top: 25px
    }

    .container_slide_rel .title_gh {
        display: none
    }

    .content_lf {
        float: none;
        width: 100%
    }

    .content_r {
        float: none;
        width: 100%;
        margin-top: 25px
    }

    .article_contenu_texte .right_content_t {
        width: 50%
    }

    #jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss > span.megacss.haschild:after, #jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
        margin-top: 1px !important
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss > span.megacss.haschild:after, #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
        margin-top: -8px !important
    }

    #jm-copyrights .row .acymailing_module_form .subscriptionField {
        width: 54%
    }

    .article_contenu_texte .left_content_t p {
        padding-bottom: 10px;
        line-height: 23px
    }

    a.absol_dv_link {
        top: 12px;
        right: 16%;
        font-size: 12px
    }

    .min-title-v {
        line-height: 40px
    }

    .min-title-v span {
        font-size: 35px !important
    }

    .min-title-v.pad-n {
        padding-top: 0px
    }

    .desc-white-sl p {
        font-size: 17px;
        line-height: 35px;
        padding-top: 5px
    }

    #js-mainnav.megamenu.white ul.level0 li.haschild.megacss .megamenu.level1 li a.megacss.group {
        padding: 7px 0px 0px !important
    }

    #js-mainnav.megamenu.white ul.level0 li.haschild.megacss .megamenu.level1 li a.megacss.group:hover {
        padding: 7px 0px 0px !important
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 5px 22px 25px 15px !important;
        font-size: 16px !important
    }

    #js-mainnav.megamenu.white ul.level0 li.haschild.megacss .megamenu.level1 li a.megacss {
        padding: 5px 0px 1px 10px !important;
        font-size: 12px !important
    }

    #js-mainnav.megamenu.white ul.level0 li.haschild.megacss .megamenu.level1 li a.megacss:hover {
        padding-left: 7px !important
    }

    #js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent.cols3 {
        left: -125px
    }

    #jm-djmenu .moduletable.dj-horizontal {
        margin-right: 0px;
        margin-left: 10px
    }

    div#animate_sld {
    }

    .moduletable.slider_animate {
        height: 100%
    }

    .moduletable.slider_animate .container_slider_animate {
    }

    p#step3, div#animate_sld ul {
    }

    p#step14 {
    }

    h1#step2 {
    }

    p#step1 {
        line-height: 40px
    }

    .step_3_cont {
    }
}

@media screen and (min-width: 1020px) {
    div#jm-toppage h2#jm-logo img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #jm-toppage.fixed-nav:not(.HoveredElement) h2#jm-logo {
        margin-top: -4px
    }

    #jm-toppage.fixed-nav.HoveredElement #jm-toppage-left h2#jm-logo {
        height: 26px;
        margin-top: 5px
    }
}

@media screen and (max-width: 1020px) {
    #jm-copyrights .row .acymailing_module_form .inputbox {
        padding: 17px 2px 18px
    }

    .flt_nos_valeurs {
        width: 94%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .flt_txt_nos_valeurs {
        padding-right: 0%;
        padding-top: 20px;
        width: 94%;
        margin: auto;
        text-align: center
    }

    .cont_nos_equipe_bg {
        overflow: initial;
        height: auto;
        display: table
    }

    .flt_notre_equipe {
        float: none;
        max-height: initial;
        overflow: initial;
        margin-left: auto;
        width: 100%;
        margin: auto;
        text-align: right;
        margin-right: auto
    }

    .flt_txt_notre_equipe {
        padding-left: 0%;
        padding-top: 20px;
        text-align: center;
        width: 94%;
        margin: auto
    }
}

@media screen and (max-width: 970px) {
    .methodologie_content {
        display: none
    }

    .g-recaptcha {
        max-width: 300px;
        margin: auto
    }

    .methodologie_content_mobile {
        display: block;
        background: url("../../../../images/img_template/bg_methodologie_mobile.png") center no-repeat;
        height: 687px;
        width: 304px;
        margin: auto;
        position: relative
    }

    .methodologie_content_mobile .step_1, .methodologie_content_mobile .step_2, .methodologie_content_mobile .step_3, .methodologie_content_mobile .step_4, .methodologie_content_mobile .step_5 {
        width: 120px;
        font-size: 13px;
        line-height: 19px;
        text-align: center
    }

    .methodologie_content_mobile .step_1 span, .methodologie_content_mobile .step_2 span, .methodologie_content_mobile .step_3 span, .methodologie_content_mobile .step_4 span, .methodologie_content_mobile .step_5 span {
        display: block;
        color: #6e1140;
        font-size: 15px;
        padding-bottom: 4px
    }

    .methodologie_content_mobile .step_1 {
        position: absolute;
        top: 10px;
        left: 5px
    }

    .methodologie_content_mobile .step_2 {
        right: 5px;
        left: initial;
        top: 143px;
        position: absolute
    }

    .methodologie_content_mobile .step_3 {
        left: 5px;
        top: 271px;
        position: absolute
    }

    .methodologie_content_mobile .step_4 {
        position: absolute;
        top: 407px;
        right: 5px
    }

    .methodologie_content_mobile .step_5 {
        position: absolute;
        left: 5px;
        top: 545px
    }

    p#step1 span {
        padding-top: 15px
    }

    p#step1 {
        line-height: 36px;
        font-size: 26px
    }

    p#step3, div#animate_sld ul {
        font-size: 47px
    }

    .step_3_cont {
    }

    p#step14 {
    }

    h1#step2 {
        font-size: 15px
    }

    #jm-djmenu .demande_devis a {
        width: 115px
    }
}

@media screen and (max-width: 991px) {
    .application-form.cont_offshore_avantages.cont_notpad_bi .control-group {
        float: unset !important;
        width: 90% !important;
        margin: 0 auto
    }

    .application-form.cont_offshore_avantages.cont_notpad_bi .control-group select {
        width: 95%
    }
}

@media screen and (max-width: 900px) {
    .contentTop2_container {
        display: none
    }

    .contentTop2Mobile_container {
        display: block
    }

    .cont_option_prix {
        min-width: inherit
    }

    .bg_page_shadow {
        padding-bottom: 40px
    }

    p#step1 span {
        padding-top: 15px
    }

    p#step1 {
        line-height: 36px;
        font-size: 26px
    }

    p#step3, div#animate_sld ul {
        font-size: 45px
    }

    .step_3_cont {
    }

    p#step14 {
    }

    h1#step2 {
        font-size: 15px
    }
}

@media screen and (max-width: 880px) {
    div#jm-ourMission .filtred_bg_our_mission h5 {
        text-align: center
    }

    div#jm-ourMission .filtred_bg_our_mission h5 span {
        border-right: none;
        display: block;
        padding: 10px 0px 15px
    }

    #jm-djmenu .moduletable.demande_devis {
        display: none
    }

    #js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent.cols3 {
        left: -190px
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 5px 19px 17px 0px !important;
        font-size: 14px !important
    }
}

@media screen and (max-width: 860px) {
    .cloud_cont, .dedie_cont {
        float: none;
        margin-bottom: 20px
    }

    .dedie_cont {
        margin-left: 34px
    }
}

@media screen and (max-width: 810px) {
    #jm-copyrights .row .acymailing_module_form .subscriptionButton input.button {
        padding: 18px 2px 17px;
        font-size: 14px
    }
}

@media screen and (max-width: 800px) {
    .logigroup_container_txt {
        margin-bottom: 25px
    }

    div#jm-ourMission .cont_our_mission_lg {
        height: auto
    }

    #jm-bottompage_top2 .txt_contact_us_bar {
        float: left;
        width: 70%;
        padding: 26px 0px;
        font-size: 18px;
        color: #fff
    }

    .item-page .menu_content ul.offshore_pad li a {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .center_method_dev_log_l1 {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .center_method_dev_log_l2 {
        width: 100%;
        float: none
    }

    .contanier_domaine_w.expertise_w .domaine_fl {
        width: 33.33%;
        min-height: 205px
    }

    .lien_neo_recrut a {
        float: none;
        margin-bottom: 10px
    }

    .lien_neo_recrut a:nth-child(2) {
        margin-left: 0px !important
    }

    .bg_page_shadow {
        padding-bottom: 30px
    }

    .detail_savoir_faire h2 {
        padding-bottom: 0px
    }

    .client_logo {
        width: 31.5%
    }

    .item-page .slide-desc-text .slide-text {
        top: 17px
    }

    .item-page .portfolio-strip li {
        float: left;
        width: 25%;
        padding: 0 10px 25px 10px
    }

    .djslider .slide-desc-text .slide-text, .djslider .slide-desc-text .slide-text p {
        overflow: visible;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    #lg-bottom-bottom .business_card {
        width: 450px
    }

    #jm-toppage {
        height: 58px
    }

    p#step14 {
        bottom: 160px !important
    }

    h1#step2 {
        display: none !important
    }

    p#step3 {
    }

    div#animate_sld ul {
    }

    p#step1 {
        font-size: 20px;
        line-height: 30px
    }

    .step_3_cont_t ul {
        width: 44%
    }

    #step3 {
        width: 56%
    }

    .moduletable.slider_animate .container_slider_animate {
        width: 100%
    }

    #lg-bottom-bottom .business_card {
        height: 185px
    }

    a.absol_dv_link {
        top: 9px;
        right: 17%;
        font-size: 14px
    }

    .customgray .jm-module-content .block_res {
        width: 43%
    }
}

@media screen and (max-width: 768px) {
    .djslider-default .navigation-container {
        display: none
    }

    .reference_link_ref {
        display: none
    }

    div#jm-contentTop2 .customgray {
        display: none
    }

    #jm-contentTop2 .slide-desc {
        top: 60px
    }

    #jm-contentTop2 .slide-desc-text-default h4, #jm-contentTop2 .slide-desc-text-default h5, #jm-contentTop2 .slide-desc-text-default p {
        width: 50%
    }

    #jm-contentTop2 .slide-desc-text-default h4 {
        padding-bottom: 0px
    }
}

@media screen and (max-width: 768px) {
    div#jm-contentTop2 .djslider-loader-default {
        padding-bottom: 0px !important
    }

    .img_bg_slide {
        position: relative;
        height: 70vh
    }

    .img_bg_slide video {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%
    }

    .logigroup_container_img {
        padding-top: 30px
    }

    p.dsp_desktop_sh {
        display: none
    }

    p.dsp_mobile_sh {
        display: block
    }

    div#jm-bottompage2 .img_tr_dev {
        width: 100%;
        float: none;
        text-align: center
    }

    div#jm-bottompage2 .txt_tr_dev {
        float: none;
        width: 100%;
        padding-left: 0%
    }

    .flt_right_img_devlg {
        float: none;
        text-align: center;
        width: 100%;
        padding-bottom: 20px
    }

    .flt_left_txt_devlg {
        float: none;
        width: 100%;
        text-align: center
    }

    .flt_left_img_devlg {
        float: none;
        text-align: center;
        width: 100%;
        padding-bottom: 20px
    }

    .flt_right_txt_devlg {
        float: none;
        width: 100%;
        text-align: center
    }

    .cont_devlogi_element .flt_right_txt_devlg h4, .cont_devlogi_element .flt_right_txt_devlg p {
        text-align: center
    }

    .cont_devlogi_element .flt_left_txt_devlg h4 {
        text-align: center
    }

    .portfolio-strip li {
        width: 50%;
        margin-bottom: 20px
    }

    #content_top_log .customgray .jm-module-content .block_res {
        width: 100%;
        margin-bottom: 12px
    }

    #footer-widget-area-1 {
        float: none;
        width: 100%;
        padding-right: 0%;
        padding-right: 0%
    }

    #footer-widget-area-3 {
        float: right;
        width: 45%
    }

    #footer-widget-area-2 {
        float: left;
        width: 45%;
        padding-right: 5%
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss.haschild {
        background: none
    }

    #js-mainnav.megamenu.noJS ul.megamenu li.haschild > div.childcontent {
        display: none !important
    }

    #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
        padding: 5px 42px 17px 23px !important
    }

    #js-mainnav.megamenu .js-megamenu {
        clear: both;
        background: #fff
    }

    #js-mainnav.megamenu.horizontal.left ul.level0 {
        clear: both
    }

    #js-mainnav.megamenu.noJS #css3-megaMenuToggle {
        text-indent: -9999px;
        background: url("../../../../images/modules/assets/nav-icon.png") no-repeat center center #323232 !important;
        width: 20px;
        float: right
    }

    #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon {
        display: none
    }

    #js-mainnav.megamenu {
        width: 130px !important;
        overflow: hidden
    }
}

@media screen and (max-width: 730px) {
    .mission_detail_cont {
        width: 100%;
        float: none;
        padding: 0px 4% 30px
    }

    .reference_link_ref {
        display: none
    }

    p#step1 span {
        padding-top: 15px
    }

    .step_3_cont {
    }

    p#step14 {
    }
}

@media screen and (max-width: 710px) {
    #jm-copyrights .row .acymailing_module_form .subscriptionButton input.button {
        font-size: 13px
    }

    .item-page .jm-slider1 .djslider .navigation-container {
        top: 20% !important
    }

    .item-page .slide-desc-text .slide-text {
        width: 60% !important
    }
}

@media screen and (max-width: 780px) {
    #jm-contentTop2 .slide-desc-text-default h4 {
        padding-bottom: 5px;
        line-height: 22px
    }

    #jm-contentTop2 .slide-desc-text-default p {
        line-height: 22px
    }

    #jm-contentTop2 .slide-desc-text-default h4 {
        font-size: 28px;
        padding-bottom: 0px
    }

    .mobile_res .moduletable #menu {
        max-height: 300px;
        min-height: 230px
    }

    .steps_bi_process {
        display: none
    }

    p#step3, div#animate_sld ul {
        font-size: 32px
    }

    .step_3_cont {
    }

    #jm-copyrights .row .acymailing_module_form .subscriptionButton input.button {
        font-size: 12px
    }
}

@media screen and (max-width: 670px) {
    .information_contact .email, .information_contact .phone, .information_contact .adresse {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        padding: 35px 0 20px
    }

    .content_slider .customgray h3.jm-title {
        font-size: 20px;
        line-height: 40px
    }

    .customgray h3.jm-title {
        font-size: 25px
    }

    .desc-white-sl p {
        width: 90% !important
    }

    .min-title-v span {
        font-size: 28px !important;
        line-height: 33px
    }

    .min-title-v {
        padding-bottom: 15px !important
    }

    .desc-white-sl p, .min-title-v.pad-n {
        padding-bottom: 0px !important
    }

    .mobile_res #menu {
        top: 83px
    }

    div.item-page .bg_detail_content.dev_logi.dev_logi_title h2 {
        padding: 0px 0px 10px;
        font-size: 24px !important;
        line-height: 32px
    }

    .t_fed_one .lg_log {
        width: 90%;
        float: none;
        margin: auto;
        clear: both;
        display: table
    }

    .t_fed_one, .t_fed_two {
        width: 95%;
        float: none;
        margin-bottom: 15px;
        height: auto
    }

    .lg_log {
        width: 145px
    }

    .mobile_res .moduletable #menu {
        max-height: 300px;
        min-height: 276px
    }
}

@media screen and (max-width: 640px) {
    #jm-contentTop2 .slide-desc-text-default h4 {
        font-size: 20px
    }

    #jm-contentTop2 .slide-desc-text-default h5 {
        font-size: 18px;
        padding-bottom: 5px
    }
}

@media screen and (max-width: 620px) {
    p#step14 {
        line-height: 38px
    }

    .desc-white-sl p {
        display: none
    }

    .contanier_domaine_w.expertise_w .domaine_fl {
        width: 50%
    }
}

@media screen and (min-width: 481px) and (max-width: 620px) {
    #jm-copyrights #footer-widget-area-1 {
        width: 96%;
        float: none;
        margin: auto
    }

    #jm-copyrights #footer-widget-area-2 {
        width: 96%;
        float: none;
        margin-left: 0;
        margin: auto;
        display: table
    }

    #jm-copyrights #footer-widget-area-3 {
        width: 96%;
        float: none;
        margin: auto
    }

    .widget.widget_text.cnt_wdg {
        display: block;
        margin: auto;
        float: left
    }

    .widget.widget_text.mp_wdg {
        float: right;
        margin-top: 15px
    }

    #jm-copyrights .row .acymailing_module_form .subscriptionButton input.button {
        font-size: 16px;
        padding: 18px 8px 17px
    }

    #jm-copyrights .row .acymailing_module_form .inputbox {
        padding: 17px 8px 18px
    }

    .moduletable.newsletter {
        padding-bottom: 15px
    }
}

@media screen and (max-width: 600px) {
    #jm-bottompage_top2 .txt_contact_us_bar {
        width: 60%;
        font-size: 16px;
        padding: 21px 0px
    }

    #jm-bottompage_top2 .link_contact_us_bar a {
        font-size: 16px
    }

    #jm-bottompage_top2 .link_contact_us_bar {
        width: 40%
    }

    .lien_neo_recrut {
        padding-bottom: 20px;
        margin-left: 5%
    }

    .txt_flt_l {
        width: 100%;
        margin-bottom: 10px
    }

    .lien_neo_recrut a:nth-child(2) {
        margin-left: 0px !important
    }

    .img_flt_r {
        padding: 0px !important;
        width: 100% !important
    }

    .article_contenu_texte .right_content_t {
        width: 100%;
        float: none
    }

    .article_contenu_texte .left_content_t {
        width: 100%;
        float: none
    }

    #lg-bottom-bottom .business_card {
        width: 335px
    }

    p#step1 span {
        padding-top: 5px
    }

    .step_3_cont {
    }

    p#step14 {
        line-height: 40px
    }

    p#step3, div#animate_sld ul {
        font-size: 28px
    }
}

@media screen and (max-width: 580px) {
    .logigroup_container_img {
        display: none
    }

    .logigroup_container_txt {
        padding-bottom: 25px;
        float: none;
        width: 100%;
        text-align: center
    }

    div.item-page .logigroup_container_txt h3 {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 5px
    }

    #footer-widget-area-2 {
        float: none;
        width: 100%;
        padding-right: 0%
    }

    #footer-widget-area-3 {
        float: none;
        width: 100%
    }

    #ca_banner .accept {
        margin: 0px 20px 0 0px
    }

    p#step14 {
        line-height: 40px
    }

    .step_3_cont {
    }

    .item-page .jm-slider1 .djslider .navigation-container {
        top: 13% !important
    }
}

@media screen and (max-width: 560px) {
    #jm-contentTop2 .slide-desc {
        top: 20px
    }

    .step_3_cont {
    }
}

@media screen and (max-width: 530px) {
    #jm-contentTop3 .serv_cont_ap {
        width: 100%;
        float: none
    }

    .step_3_cont {
    }

    .customgray .jm-module-content .block_res {
        min-height: inherit
    }

    .customgray .jm-module-content .block_res {
        min-height: inherit
    }

    .customgray .jm-module-content .block_res {
        width: 100%;
        margin: 0 0%;
        padding: 0px 0%
    }
}

@media screen and (max-width: 510px) {
    p#step3, div#animate_sld ul {
        font-size: 28px
    }
}

@media screen and (max-width: 497px) {
    .bg_fonctionalite {
        background: none !important
    }

    .menu_crm_erp.conseil_amo {
        padding-top: 0px
    }
}

@media screen and (max-width: 480px) {
    #jm-contentTop2 .slide-desc-text-default p {
        display: none
    }

    p#step14 a {
        min-width: 80%
    }

    #jm-bottompage_top2 .link_contact_us_bar a {
        font-size: 16px;
        float: none;
        text-align: center
    }

    #jm-bottompage_top2 .txt_contact_us_bar {
        width: 100%;
        text-align: center;
        padding: 5px 0px 5px
    }

    #jm-bottompage_top2 .link_contact_us_bar {
        width: 100%;
        padding: 10px 0px 10px
    }

    div#jm-bottompage_top2 {
        height: 140px
    }

    #jm-toppage-right.mobile_res .show-menu {
        margin-top: 5px
    }

    .item-page li {
        line-height: 22px
    }

    .mobile_res #menu {
        top: 65px !important
    }

    .desc-white-sl p {
        width: 100% !important
    }

    .steps_bi_process {
        display: none
    }

    ul.content_slider_ul_l li {
        float: none;
        width: 90%
    }

    .mobile_res #jm-djmenu {
        margin: 10px 0 0px !important
    }

    .formulaire_contact_fl {
        width: 90%;
        float: none;
        margin-left: 22px
    }

    .add_width {
        width: 210px
    }

    .dedie_cont, .cloud_cont {
        float: none
    }

    .min-title-v.pad-n {
    }

    .min-title-v span {
        font-size: 16px !important
    }

    ul.menu.dev_web.offshore_pad li {
        width: 100%
    }

    .lien_neo_recrut a:nth-child(2) {
        margin-left: 0px !important
    }

    .log .domaine_fl {
        width: 50%;
        margin-left: 0px !important
    }

    .cont_methodologie_l {
        float: none
    }

    .cont_methodologie_r {
        float: none
    }

    .menu_crm_erp {
        float: none;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 10px !important
    }

    #jm-bottompage .foxcontainer .control-group {
        width: 90% !important;
        float: none !important;
        margin: auto auto 5px !important
    }

    #jm-bottompage .foxcontainer div:nth-child(4) {
        margin-top: 0px;
        overflow: hidden
    }

    .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(2), .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(3) {
        float: none !important;
        width: 70% !important;
        margin: auto !important
    }

    .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(4), .formulaire_contact_fl .foxcontainer .fox_form div:nth-child(5) {
        width: 70% !important;
        padding: 5px 5px
    }

    .content_wrapper {
        float: none;
        padding: 20px 5% 0px;
        width: 90%;
        margin-top: auto
    }

    .c_page_content h1 {
        padding: 10px 0 20px !important
    }

    #jm-toppage-left {
        padding-top: 1px
    }

    #jm-djmenu .moduletable.demande_devis {
        float: none;
        margin: auto;
        display: none
    }

    .container_slide_rel .title_gh {
        border-color: #fff;
        display: none
    }

    #lg-bottom-bottom .business_card {
        width: 90%;
        padding: 20px 5%
    }

    .business_card_c {
        width: 94%
    }

    .item-page .portfolio-strip li {
        float: left;
        width: 50%;
        padding: 0 10px 20px 10px;
        margin: auto
    }

    .article_contenu_texte .left_content_t {
        width: 100%;
        float: none
    }

    .article_contenu_texte .right_content_t {
        width: 100%;
        float: none
    }

    #lg-bottom-bottom .custom .c_tel {
        padding: 0px 5px 15px 20px
    }

    #jm-copyrights #footer-widget-area-1 {
        width: 96%;
        float: none;
        margin: auto
    }

    #jm-copyrights #footer-widget-area-2 {
        width: 96%;
        float: none;
        margin-left: 0;
        margin: auto
    }

    #jm-copyrights #footer-widget-area-3 {
        width: 96%;
        float: none;
        margin: auto
    }

    div#jm-poweredby div {
        float: none !important;
        text-align: center;
        width: 96%;
        margin: auto
    }

    div#jm-poweredby div:nth-child(1) {
        padding-bottom: 20px
    }

    .widget.widget_text.mp_wdg {
        margin-top: 5px;
        margin-bottom: 20px
    }

    .widget.widget_text.cnt_wdg {
        width: 100%
    }

    #jm-copyrights .row h3.widget-title {
        margin-bottom: 5px
    }

    .moduletable.newsletter {
        padding-bottom: 15px
    }

    .customgray h3.jm-title {
        line-height: 50px;
        font-size: 19px
    }

    .content_slider .customgray h3.jm-title {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 10px;
        padding-top: 5px
    }

    .customgray .jm-title-wrap {
        height: auto
    }

    .item-page .customgray .jm-title-wrap {
        padding-bottom: 0px
    }

    .item-page .customgray {
        padding-bottom: 0px
    }

    #jm-copyrights .row .acymailing_module_form .inputbox {
        padding: 2px 5px 2px;
        margin: 2px 2px;
        height: 37px
    }

    #jm-copyrights .row .acymailing_module_form input.button {
        padding: 15px 13px 15px;
        margin-left: -8px;
        margin-top: 1px
    }

    .customgray .jm-title-wrap {
        padding-bottom: 10px
    }

    .moduletable.slider_animate .container_slider_animate {
        padding: 0px 0px;
        min-height: 100%
    }

    h1#step2 {
        display: none !important
    }

    p#step14 {
    }

    p#step1 span {
        display: block;
        padding-top: 5px
    }

    p#step1 {
        top: 60px;
        line-height: 26px !important;
        font-size: 20px
    }

    div#animate_sld {
        height: 100%;
        padding-top: 0px
    }

    .accueil-conseil-services-informatique #lg-bottom-bottom {
        width: 100%
    }

    #jm-toppage-left {
        float: left !important;
        margin-left: 10px !important;
        width: 151px !important
    }

    #jm-toppage.fixed-nav {
        background-position: top center !important
    }

    #jm-toppage.fixed-nav #jm-toppage-right.mobile_res {
        margin-top: 0px !important
    }

    #jm-toppage.fixed-nav h2#jm-logo {
        height: 27px !important;
        width: 40%;
        margin-top: 1px !important
    }

    #jm-toppage h2#jm-logo {
        width: 100%
    }

    #jm-toppage-right {
        float: right !important;
        width: auto !important
    }

    .megaMenuToggle {
        text-indent: -9999px
    }

    .megaMenuToggle span.megaMenuToggle-icon {
        padding: 15px 7px;
        background: url("../../../../images/modules/assets/nav-icon.png") no-repeat center center #7f1e4f !important
    }

    .container_detail {
        display: none
    }

    .item-page .slide-desc-text .slide-text {
        width: 60% !important;
        top: 55px;
        left: 5px
    }

    .portfolio_cont p.stc {
        width: 95%;
        margin: auto
    }
}

@media screen and (max-width: 440px) {
    #jm-contentTop2 .slide-desc-text-default h4 {
        padding-bottom: 15px;
        font-size: 18px
    }

    #jm-contentTop2 .slide-desc-text-default h5 {
        font-size: 16px
    }

    p#step1 {
        top: 56px;
        line-height: 26px !important;
        font-size: 18px
    }

    .item-page .slide-desc-text .slide-text {
        top: 40px
    }
}

@media screen and (max-width: 410px) {
    p#step1 {
        top: 50px;
        line-height: 26px !important;
        font-size: 18px
    }

    .item-page .slide-desc-text .slide-text {
        top: 20px
    }

    .mobile_res .moduletable #menu {
        max-height: 300px;
        min-height: 230px
    }
}

@media screen and (max-width: 380px) {
    p#step1 {
        top: 46px;
        line-height: 20px !important;
        font-size: 15px
    }

    p#step1 span {
        display: block;
        padding-top: 5px
    }
}

@media screen and (max-width: 344px) {
    #js-mainnav.megamenu {
        width: 80px !important
    }
}

@media screen and (max-width: 340px) {
    p#step1 {
        top: 35px;
        line-height: 20px !important;
        font-size: 14px
    }

    p#step1 span {
        display: block;
        padding-top: 5px
    }
}

@media screen and (max-width: 320px) {
    p#step1 {
        top: 32px;
        line-height: 18px !important;
        font-size: 14px
    }

    .item-page .slide-desc-text .slide-text {
        top: 10px
    }

    .article_contenu_texte .left_content_t p {
        padding-bottom: 10px;
        line-height: 19px
    }

    .article_contenu_texte .left_content_t h5 {
        margin-bottom: 0px
    }
}

.mobile_res .show-menu {
    text-decoration: none;
    color: #fff;
    padding: 7px 16px;
    background: url("../../../../images/modules/assets/nav-icon.png") no-repeat center center transparent !important;
    text-align: center;
    text-indent: -9999px;
    margin-right: 0px;
    width: 5px;
    float: right;
    cursor: pointer;
    margin-top: 10px
}

.mobile_res input[type="checkbox"] {
    display: none;
    -webkit-appearance: none
}

.mobile_res #menu {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 1000;
    left: 0px;
    top: 59px;
    background: #fff;
    font-family: "Raleway" !important
}

.mobile_res #menu li {
    float: none;
    width: 100%
}

.mobile_res #menu li a {
    display: block;
    height: auto;
    text-align: left;
    line-height: 25px;
    color: #494949;
    text-decoration: none;
    padding-left: 17px;
    width: 80%;
    font-size: 16px
}

.mobile_res #menu li.deeper.parent {
    background: url("../../../../images/modules/assets/fleche_ico_mobile.png") no-repeat 94% 20px #fff !important
}

.mobile_res #menu li {
    border-bottom: 1px solid #dfdfdf
}

.mobile_res #menu li.deeper.parent ul li a {
    background: url("../../../../images/modules/assets/li_sous_menu_mobile.png") left center no-repeat !important;
    margin-left: 2%;
    line-height: 15px;
    font-size: 14px
}

.mobile_res #menu li.deeper.parent ul {
    display: none
}

.mobile_res .lg-menu .moduletable_menu {
    display: block;
    margin-top: 0px
}

.mobile_res .show-menu {
    display: block
}

.mobile_res #jm-djmenu {
    margin: 20px 0 0px
}

.mobile_res #jm-djmenu #menu {
    margin: 0px 0 0px
}

.mobile_res #menu li.deeper.parent ul {
    margin-top: 0px
}

.mobile_res #menu li.deeper.parent ul li {
    width: 80%
}

.mobile_res #menu li span.separator {
    font-size: 16px;
    text-align: left;
    padding: 5px 9px 0px
}

.mobile_res #menu li.deeper.parent li {
    background: none !important;
    border-bottom: none !important
}

@media (max-width: 962px) and (min-width: 621px) {
    .acymailing_fulldiv tr:nth-child(2) {
        width: 40%
    }

    .acymailing_fulldiv tr:nth-child(1) {
        width: 60%
    }

    .acymailing_fulldiv tr {
        float: left
    }

    .acymailing_fulldiv td {
        float: none
    }

    #jm-copyrights .row .acymailing_module_form .inputbox {
        padding: 4px 2px 0px;
        height: 37px
    }
}

#jm-toppage.fixed-nav {
    height: 50px;
    display: block;
    background: #fff;
    border-bottom: 1px solid rgb(145, 37, 88)
}

#jm-toppage.fixed-nav #jm-djmenu {
    margin: 0px 0 0px
}

#jm-toppage.fixed-nav h2#jm-logo {
    height: 42px;
    overflow: hidden;
    margin-top: -3px;
/ / margin-left: 11 px
}

#jm-toppage.fixed-nav #jm-djmenu .moduletable.demande_devis {
    float: right;
    margin-top: 1px
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss {
    border-right: none;
    height: 35px
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: #353535;
    padding: 7px 30px 7px !important
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level1 li.megacss {
    height: auto
}

#jm-toppage.fixed-nav #js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {
    top: 42px
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss div.group span.megacss, #jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss div.group a.megacss {
    padding: 0px 0px 0px 10px !important
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level1 li.megacss a.megacss {
    padding: 0px 0px 0px 10px !important
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white .group-content ul.megamenu {
    padding-left: 10px
}

#jm-toppage.fixed-nav #jm-toppage-left {
    float: left;
    margin-top: 0
}

#jm-toppage.fixed-nav #jm-djmenu .custom.demande_devis .demande_devis {
    margin-top: 1px
}

#jm-toppage.fixed-nav #jm-toppage-right.mobile_res {
    margin-top: 0px
}

#jm-toppage.fixed-nav .mobile_res #menu {
    top: 51px
}

#jm-mainpage {
    margin-top: 0px
}

#jm-mainpage.fixed-tp {
    margin-top: 0px
}

body.page_home #jm-mainpage.fixed-tp {
    margin-top: 0px
}

@media screen and (max-width: 480px) {
    body.internalPageCls div#jm-header .cont_header_entreprise h3 {
        padding: 65px 0 5px;
        line-height: 32px
    }

    .min-title-v {
        padding-bottom: 5px !important
    }

    #jm-toppage.fixed-nav .mobile_res #jm-djmenu {
        margin: 8px 0 0px !important
    }

    div.item-page .bg_detail_content.dev_logi.dev_logi_title h2 {
        padding: 0px 0px 0px;
        font-size: 24px !important
    }

    div.item-page .bg_detail_content.dev_logi.dev_logi_title h3 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px
    }

    .clear_article_fl {
        clear: both;
        height: 0px
    }

    .bg_fonctionalite h4 {
        padding: 0px 0px 10px;
        font-size: 24px;
        line-height: 30px
    }

    .bg_detail_content h5 {
        font-size: 18px
    }

    .lg_log.tech_ut, .lg_log.tech_ut.dev_t {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0px !important;
        padding: 15px 0px
    }

    .title_essai_gratuit {
        font-size: 20px;
        padding: 10px 0px 0px
    }

    h4.title_essai_gratuit {
        font-size: 22px !important;
        padding: 0px 0 0px !important
    }

    .realisation_clients_logos {
        padding-bottom: 20px
    }

    div.item-page h2 {
        font-size: 22px !important;
        padding-top: 20px;
        padding-bottom: 40px !important;
        line-height: 40px
    }

    .expertise_offsore_h4 {
        padding: 10px 0px;
        font-size: 24px
    }

    #jm-toppage.fixed-nav .mobile_res #menu {
        top: 48px !important
    }

    .meth_ti h4 {
        font-size: 26px;
        padding: 0px 0px
    }

    .lg_log.tech_ut.dev_t.p_lg {
        width: 100%;
        margin: auto;
        float: none;
        padding: 0px
    }
}

@media (min-width: 480px) and (max-width: 1000px) {
    div.item-page h2 {
        padding-bottom: 40px !important
    }
}

@media screen and (max-width: 430px) {
    .dedie_cont, .cloud_cont {
        margin: auto;
        width: 300px
    }

    .dedie_cont {
        margin-top: 30px
    }

    .cloud_cont div {
        width: 266px
    }

    .dedie_cont div {
        width: 266px
    }

    .title_desc_cloud {
        top: 81px;
        height: 56px;
        text-align: left;
        color: #7f1e4f;
        font-size: 16px;
        line-height: 24px;
        left: 47px;
        width: 250px !important
    }

    .desc_cloud {
        width: 265px !important
    }

    .desc_cloud li {
        padding-bottom: 7px !important
    }

    .user_cloud {
        bottom: 182px;
        font-size: 22px
    }

    .price_cloud {
        bottom: 112px;
        font-size: 17px;
        width: 266px !important
    }

    .title_cloud {
        top: 24px;
        font-size: 20px;
        left: 50px
    }

    .user_add_cloud {
        bottom: 65px;
        font-size: 18px
    }

    .price_user_add_cloud {
        font-size: 20px
    }

    .dedie_cont .title_desc_cloud {
        left: 20px;
        top: 97px
    }

    .dedie_cont .desc_cloud {
        left: 6px
    }
}

@media screen and (max-width: 414px) {
    p#step1 {
        top: 30px
    }

    p#step14 {
    }

    .jm-switcherLanguage div.mod-languages ul {
        float: none;
        margin: auto;
        display: table
    }

    div#jm-poweredby {
        float: none;
        width: 100%;
        text-align: center
    }

    .jm-switcherLanguage {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 375px) {
    p#step14 {
    }
}

@media screen and (max-width: 340px) {
    .mobile_res .moduletable #menu {
        max-height: 240px;
        min-height: 230px
    }

    .min-title-v.pad-n {
        display: block
    }

    .min-title-v span {
        line-height: 16px
    }
}

@media screen and (max-width: 320px) {
    p#step14 {
    }
}

#jm-toppage.fixed-nav.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss a.megacss {
    color: #fff
}

#jm-toppage.HoveredElement {
}

#jm-toppage.fixed-nav #js-mainnav.megamenu.white ul.level0 li.megacss > span.megacss.haschild:after, #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png);
    background-position: -140px -706px
}

#jm-toppage.fixed-nav.HoveredElement #js-mainnav.megamenu.white ul.level0 li.megacss > span.megacss.haschild:after, #js-mainnav.megamenu.white ul.level0 li.megacss > a.haschild:after {
    background-image: url(../../../../templates/jm-news-portal/css/img/logigroup_sprite.png);
    background-position: -140px -706px
}

#gruemenu.grue_476 ul li {
    margin: 0 !important;
    padding: 0 !important
}

#gruemenu.grue_476 > ul > li {
    float: left;
    display: inline-block
}

#gruemenu.grue_476 > ul > li.has-sub > a::after {
    border-top-color: #D1E3FB;
    right: 17px;
    top: 50%;
    margin-top: -5px
}

#gruemenu.grue_476 > ul > li.has-sub.active > a::after, #gruemenu.grue_476 > ul > li.has-sub:hover > a {
    border-top-color: #FFF
}

#gruemenu.grue_476 ul ul {
    position: absolute;
    left: -9999px;
    top: auto;
    padding-top: 6px
}

#gruemenu.grue_476 > ul > li > ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    top: -3px;
    left: 20px
}

#gruemenu.grue_476 ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    top: 11px;
    left: -3px
}

#gruemenu.grue_476 > ul > li:hover > ul {
    top: auto;
    left: 0
}

#gruemenu.grue_476 ul ul ul {
    padding-top: 0;
    padding-left: 6px
}

#gruemenu.grue_476 ul ul > li:hover > ul {
    left: 220px;
    top: 0
}

#gruemenu.grue_476 > ul > li > ul::after {
    border-bottom-color: #192F4D
}

#gruemenu.grue_476 ul ul ul::after {
    border-right-color: #192F4D
}

#gruemenu.grue_476 ul ul li.has-sub > a::after {
    border-left-color: #D1E3FB;
    right: 17px;
    top: 14px
}

#gruemenu.grue_476 ul ul li.has-sub.active > a::after, #gruemenu.grue_476 ul ul li.has-sub:hover > a::after {
    border-left-color: #FFF
}

#gruemenu.grue_476 {
    background: #192F4D
}

#gruemenu.grue_476 ul li a, #gruemenu.grue_476 #gruemenu.grue_476 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif
}

#gruemenu.grue_476, #gruemenu.grue_476 ul, #gruemenu.grue_476 ul li, #gruemenu.grue_476 ul > li > a {
    font-size: 13px
}

#gruemenu.grue_476 ul > li > ul > li > a {
    font-size: 11px !important
}

#gruemenu.grue_476 > ul > li > a {
    color: #D1E3FB;
    text-transform: uppercase
}

#gruemenu.grue_476 > ul > li:hover > a, #gruemenu.grue_476 > ul > li > a:hover, #gruemenu.grue_476 > ul > li.active > a {
    color: #FFF;
    background: #11243D
}

#gruemenu.grue_476 ul ul li:hover > a, #gruemenu.grue_476 ul ul li.active > a {
    color: #FFF;
    background: #11243D
}

#gruemenu.grue_476 ul ul li a, #navigation-toggle {
    color: #D1E3FB;
    background: #192F4D
}

#gruemenu.grue_476 ul ul li:hover > a, #gruemenu.grue_476 ul ul li.active > a, #navigation-toggle:hover {
    color: #FFF
}

#gruemenu.grue_476 #menu-button {
    color: #D1E3FB
}

#gruemenu.grue_476 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border-radius: 3px
}

#gruemenu.grue_476 ul li:first-child > a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

#gruemenu.grue_476 ul ul li:first-child > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: px
}

#gruemenu.grue_476 ul ul li:last-child > a {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

#gruemenu.grue_476 #menu-button::after {
    border-top: 2px solid #D1E3FB;
    border-bottom: 2px solid #D1E3FB
}

#gruemenu.grue_476 #menu-button::before {
    border-top: 2px solid #D1E3FB
}

@media screen and (max-width: 1024px) {
    #navigation-toggle {
        z-index: 999;
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 10px 10px;
        box-shadow: none;
        border-radius: 3px;
        text-shadow: none;
        font-size: 20px;
        transition: color linear 0.15s;
        text-decoration: none !important
    }

    #navigation-toggle span.nav-line {
        display: block;
        height: 1px;
        width: 25px;
        margin-bottom: 5px;
        background: #bababa
    }

    #navigation-toggle:hover {
        text-decoration: none
    }

    #gruemenu.grue_476 {
        display: none
    }
}

.grecaptcha-badge {
    visibility: hidden
}