:root {

    --color-grey-1: #f0f5f5;

    --color-grey-2: #dce7e7;

    --color-grey-3: #94a5b2;

    --color-dark: #202930;

}



::-moz-selection {

    background-color: var(--main-color);

    color: #fff;

}



::selection {

    background-color: var(--main-color);

    color: #fff;

}



::-moz-placeholder {

    color: var(--color-grey-3) !important;

    font-weight: normal;

    opacity: 1;

}



::placeholder {

    color: var(--color-grey-3) !important;

    font-weight: normal;

    opacity: 1;

}

::-ms-input-placeholder {

    color: var(--color-grey-3) !important;

    font-weight: normal;

}



html {

    scroll-behavior: smooth;

    scroll-padding-top: 100px;

}



sup {

    font-size: .6em;

}



.main-wrapper {

    overflow-x: hidden;

    width: 100%;

}



h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, h4, .h5, .h6 {

    color: var(--color-dark);

    font-weight: bold;

    line-height: 1.4;

}



/* >>> ELEMENTS <<< */

.about-two:not(.style-two) {

    background-color: var(--color-grey-1);

}

.about-two_video {

	z-index: 0;

}



.auto-container {

    max-width: 1230px;

}

.auto-container-2 {

    margin: 0 auto;

    padding: 0px 15px;

    max-width: 1500px;

}

.slider-two_pattern {
    left: -506px;
}

.slider-two_pattern::before {

    content: "";

    background: url('/storage/svg/waves-ondulated-abstract.svg') center right no-repeat;

    background-size: cover;

    opacity: .2;

    position: absolute;

    right: 0;

    bottom: 0;

    height: 281px;

    width: 986px;

}
.slider-two_pattern::after {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -47px;
    height: 100%;
    width: 100px;
    transform: skewX(10deg);
}



.btn-sm {

    padding: 10px 30px;

}

.btn-xs {

    font-size: 11px;

    padding: 4px 25px;

}

.btn-text-bigger {

    font-size: 20px;

}



.btn-wrap {

    display: flex;

    gap: 15px;

    align-items: center;

}

.btn-wrap--center {

    justify-content: center;

}





.card--1 {

    background: var(--main-color-white);

    border: none;

    position: relative;

    isolation: isolate;

}

.card--1 > .card-body {

    overflow: hidden;

    padding: 40px;

    position: relative;

    isolation: isolate;

}

.card--1 > .card-body::before {

    content: "";

    background: url(/storage/svg/logo-france-etuves-illustration.svg) center center no-repeat;

    background-size: cover;

    opacity: .1;

    position: absolute;

    bottom: -35px;

    right: -30px;

    height: 300px;

    width: 300px;

    transform: rotate(180deg);

    z-index: -1;

}

.card--1-bg-overflow-l::before {

    content: "";

    background-color: var(--main-color-white);

    position: absolute;

    top: 0;

    right: 100%;

    height: 100%;

    width: 999vw;

}

.card--2 {

    background-color: var(--color-four);

}

.card--2 .card-body {

    padding: 20px;

}



.card-form {

    background-color: var(--main-color-white);

    overflow: hidden;

    padding: 25px;

    position: relative;

    isolation: isolate;

}

.card-form::before {

    content: "";

    background: url(/storage/svg/logo-france-etuves-illustration.svg) center center no-repeat;

    background-size: cover;

    opacity: .05;

    position: absolute;

    top: -35px;

    right: -30px;

    height: 300px;

    width: 300px;

    transform: scaleX(-1);

    z-index: -1;

}



.cat-list li {

    box-shadow: none;

    margin-bottom: 5px;

}

.cat-list li:before {

    color: var(--main-color);

    opacity: 1;

    right: 35px;

}

.cat-list li a {

    background-color: var(--color-grey-1);

    color: var(--main-color);

    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);

            clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);

}



.cd-handle {

    background: var(--color-dark) url('/storage/svg/cd-arrows.svg') no-repeat center center;

}

.cd-image-container {

    margin: 0 auto;

    max-width: 450px;

}

.cd-image-container .cd-sub-img img {

    width: 100%;

}

.cd-image-container .cd-image-label {

    background-color: var(--main-color);

    color: #fff;

    -webkit-clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%);

            clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%); 

    display: inline-block;

    font-size: 18px;

    font-weight: bold;

    padding-left: 30px;

}

.cd-image-container .cd-resize-img > .cd-image-label {

    background-color: var(--color-four);

    color: #fff;

    -webkit-clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0 100%);

            clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0 100%); 

    display: inline-block;

    font-weight: bold;

    padding-right: 30px;

    padding-left: 15px;

}



.contact-info-block-2 .contact-info-block_inner {

    background-color: #fff;

    border: none;

    position: relative;

}

.contact-info-block-2 .contact-info-block_inner::before {

    content: "";

    border: 4px solid var(--main-color);

    opacity: .08;

    position: absolute;

    top: -13px;

    right: -13px;

    height: 100%;

    width: 100%;

}

.contact-info-block-3 .contact-info-block_inner {

    border: none;

}

.contact-info-block-3 .contact-info-block_inner::before {

    content: "";

    border: 4px solid var(--main-color);

    opacity: .08;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: 100%;

}

.contact-info-block-3 .contact-info-block_icon {

    font-size: 60px;

}

.contact-info-block_inner {

    padding: 30px;

}

.contact-info-block_icon {

    font-size: 80px;

}

.contact-info-block_heading {

    margin-top: 10px;

}



.footer_copyright {

    padding: 15px 15px 15px 0;

}



.modern-one .counter-one-1 .counter-one_text {

    margin-left: 0;

    margin-bottom: 10px;

}

.modern-one .counter-one-1 {

    padding: 35px 40px 0;

    left: -75%;

    width: 900px;

}

.modern-one .counter-one-1 .counter-one_inner [class*="cflaticon-"] {

    color: #fff;

    font-size: 50px;

    position: absolute;

    top: 15px;

    left: -10px;

}

.modern-one .counter-one-1 .counter-one_inner {

    padding-left: 65px;

}

.modern-one .counter-one-1 .counter-one_inner a.counter-one_counter:hover {

    color: #fff;

    opacity: .5;

}



.cta-one {

    margin-bottom: -60px;

} 



.cta-one_inner-container {

    padding: 80px 70px 80px 0;

}

.cta-one_inner-container:before {

    background: var(--main-color) url('/storage/svg/waves-ondulated-abstract-white-op50.svg') no-repeat;

    background-position: center right;

    background-size: contain;

    transform: skewX(30deg);

}

.cta-one_inner-container:after {

    background: transparent;

    border-top: 10px solid var(--color-grey-1);

    border-right: 10px solid var(--color-grey-1);

    position: absolute;

    content: '';

    height: calc(100% - 30px);

    right: -15px;

    top: -35px;

    width: 400%;

    transform: skewX(30deg);

    z-index: -1;

}



.cta-one_heading {

    line-height: 1.4;

}

.cta-one_title {

    opacity: .7;

}



.cta-1 {

    position: relative;

    isolation: isolate;

}

.cta-1::before {

    content: "";

    background-color: var(--main-color);

    position: absolute;

    bottom: 0;

    right: 0;

    height: 125px;

    width: 100%;

    z-index: 1;

}

/* .cta-1::after {

    content: "";

    border: 6px solid var(--color-grey-1);

    position: absolute;

    top: -30px;

    left: 0;

    width: 100%;

    height: 100%;

    max-width: 1530px;

    z-index: 0;

    transform: translateX(-4px) skewX(20deg);

    z-index: 0;

} */

.cta-1 .auto-container {

    max-width: 1500px;

    position: relative;

    z-index: 2;

}

.cta-1 .cta-wrap {

    display: flex;

    gap: 25px;

    padding: 50px 180px 50px 0;

    position: relative;

    isolation: isolate;

    max-width: 1300px;

}

.cta-1 .cta-wrap::after {

    content: "";

    background: linear-gradient(to right, rgba(25,25,35,.8), rgba(25,25,35,.8)), url('/storage/groupe-chercheurs-pharmacologie-dans-laboratoire-hospitalier-equipement-moderne-laboratoire-recherche-w1280x500.jpg') center center no-repeat;

    background-size: cover;

    -webkit-clip-path: polygon(0 0, calc(100% - 200px) 0, 100% 100%, 0 100%);

            clip-path: polygon(0 0, calc(100% - 200px) 0, 100% 100%, 0 100%);

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: calc(100% + 300px);

    z-index: 0;

}

.cta-1 .cta-wrap > * {

    position: relative;

    z-index: 1;

}

.cta-1 .cta-icon {

    flex-shrink: 0;

}



.default-form .check-box {

    margin-left: 0;

}





.default-form .form-group input[type="text"], 

.default-form .form-group input[type="password"], 

.default-form .form-group input[type="tel"], 

.default-form .form-group input[type="email"], 

.default-form .form-group select {

    border: 2px solid var(--color-grey-2);

    font-weight: bold;

}

.default-form .form-group input[type="text"]:focus-visible, 

.default-form .form-group input[type="password"]:focus-visible, 

.default-form .form-group input[type="tel"]:focus-visible, 

.default-form .form-group input[type="email"]:focus-visible, 

.default-form .form-group select:focus-visible {

    border-color: var(--main-color);

}



.default-form .check-box label {

    font-weight: bold;

}

.default-form .check-box label:before {

    content: "✓";

    color: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

}

.default-form .check-box input[type="checkbox"]:checked + label {

    color: var(--main-color);

}

.default-form .check-box input[type="checkbox"]:checked + label::before {

    background-color: var(--main-color);

    border-color: var(--main-color);

    color: #fff;

}



.doc-wrap .doc-item {

    background-color: var(--color-grey-1);

    display: flex;

    align-items: center;

    margin-bottom: 15px;

    overflow: hidden;

    position: relative;

    isolation: isolate;

}

.doc-wrap .doc-item::after {

    content: "";

    background: url('/storage/svg/logo-france-etuves-illustration.svg') center center no-repeat;

    background-size: cover;

    opacity: .1;

    position: absolute;

    top: -50px;

    right: -50px;

    height: 300px;

    width: 300px;

    transform: scaleX(-1);

    z-index: -1;

}

.doc-wrap .doc-item__image {

    max-width: 100px;

}

.doc-wrap .doc-item__content {

    display: flex;

    flex-flow: row wrap;

    gap: 20px;

    align-items: center;

    flex-grow: 1;

    padding: 25px;

}

.doc-wrap .doc-item__title {

    color: var(--main-color);

    font-size: 25px;

    line-height: 1.4;

    font-weight: bold;

    position: relative;

    padding-bottom: 15px;

    flex-grow: 1;

}

.doc-wrap .doc-item__title::after {

    content: "";

    background-color: var(--color-four);

    position: absolute;

    bottom: 0;

    left: 0;

    height: 4px;

    width: 125px;

}

.doc-wrap .doc-item__links {

    display: flex;

    gap: 20px;

    align-items: center;

}



.dynacontent h1 {

    color: var(--color-dark);

    font-size: 55px;

    margin-bottom: 25px;

    padding-bottom: 25px;

    position: relative;

}

.dynacontent h2 {

    color: var(--color-dark);

    font-size: 35px;

    margin-bottom: 25px;

    padding-bottom: 25px;

    position: relative;

} 

.dynacontent h1::after,

.dynacontent h2::after {

    content: "";

    background-color: var(--color-four);

    position: absolute;

    bottom: 0;

    left: 0;

    height: 4px;

    width: 125px;

}

.dynacontent h2.text-center::after {

    left: 50%;

    transform: translateX(-50%);

}

.dynacontent h2,

.dynacontent > .row:not(:first-child) {

    margin-top: 50px;

}

.dynacontent .row h2,

.dynacontent > h2:first-child {

    margin-top: 0;

}

.dynacontent h3 {

    color: var(--main-color);

    font-size: 22px;

    margin-top: 15px;

    margin-bottom: 5px;

}

.dynacontent p,
.dynacontent span {
    color: var(--color-three); 
    font-size: 16px;
    line-height: 1.7em;
}
.dynacontent ol:not([class]) {

    counter-reset: ollist;

}

.dynacontent ol:not([class]) li {

    counter-increment: ollist;

    color: var(--main-color);

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 12px;

    padding-left: 40px;

    position: relative;

}

.dynacontent ol:not([class]) li::before {

    content: counter(ollist);

    border: 2px solid var(--color-four);

    color: var(--color-four);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 13px;

    font-weight: bold;

    position: absolute;

    top: 0px;

    left: 0;

    height: 22px;

    width: 22px;

}

.dynacontent table {

    background-color: #fff;

    margin-bottom: 15px;

    table-layout: fixed;

    width: 100%;

}

.dynacontent table th,

.dynacontent table td {

    padding: 7px 10px;

    text-align: center;

}

.dynacontent table thead th {

    background-color: var(--color-grey-1);

    color: var(--main-color);

    font-size: 13px;

}

.dynacontent table tbody > tr:not(:first-child) > td {

    border-top: 2px dashed var(--color-grey-2);

}

.dynacontent figure.image {
    text-align: center;
}
.dynacontent figure.image-style-side {
    text-align: right;
}

.dynacontent .theme-btn .text-one,

.dynacontent .theme-btn .text-two {

    transition: .4s;

}

.dynacontent .theme-btn:hover .text-one,

.dynacontent .theme-btn:hover .text-two {

    color: #fff;

}

.fake-label {

    height: 22px;

}



.flag {

    background-position: center center;

    background-size: cover;

    display: inline-block;

    position: relative;

    height: 20px;

    width: 20px;

}

.flag-france { background-image: url('/storage/drapeaux/france.svg'); }

.flag-english { background-image: url('/storage/drapeaux/royaume-uni.svg'); }



.footer-vector_one {

    animation: none;

    left: -10px;

}

.footer-vector_two {

    right: -35px;

}



.fieldset {

    margin-bottom: 15px;

}

.fieldset .legend {

    isolation: isolate;

    position: relative;

    margin-bottom: 20px;

    padding-top: 15px;

    padding-left: 30px;

    overflow: hidden;

}

.fieldset .legend::before {

    content: "";

    background: url(/storage/svg/logo-france-etuves-illustration.svg) center center no-repeat;

    background-size: cover;

    position: absolute;

    top: 5px;

    left: 0;

    height: 35px;

    width: 35px;

    z-index: -1;

}

.fieldset .legend span {

    background-color: #fff;

    color: var(--color-dark);

    display: inline-block;

    font-size: 20px;

    font-weight: bold;

    padding-right: 30px;

    position: relative;

}

.fieldset .legend span::after {

    content: "";

    background-color: var(--color-grey-2);

    position: absolute;

    top: 50%;

    left: 100%;

    width: 999vw;

    height: 3px;

}

.fieldset .legend-1 span {

    background-color: var(--color-grey-1);

}

.fieldset .legend-2 span {

    background-color: var(--main-color-white);

}

.fieldset .legend-2 span::after {

    background-color: var(--main-color-white-2);

}



.fieldset-company,

.js-fieldset-company,

.js-client-number,

.client-number-group {

    display: none;

    transition: .4s;

}

.fieldset-company.active,

.js-fieldset-company.active,

.js-client-number.active,

.client-number-group.active {

    display: block;

    animation-name: fadeIn;

    animation-duration: 0;

    animation-timing-function: ease-in-out;

    animation-fill-mode: forwards;

}

body:not(.is-loading) .fieldset-company.active,

body:not(.is-loading) .js-fieldset-company.active,

body:not(.is-loading) .js-client-number.active,

body:not(.is-loading) .client-number-group.active {

    animation-duration: .4s;

}



.form-group {

    margin-bottom: 15px !important;

}



.header-top {

    background-color: var(--color-dark);

    position: relative;

}

.header-style-two .header-upper {

    background-color: var(--color-grey-1);

}

.header-upper__wrap {

    justify-content: flex-end !important;

}



.header_info-right {

    display: flex;

    gap: 15px;

    align-items: center;

}



.header-top-btns {

    display: flex;

    gap: 10px;

    align-items: center;

}



.hr-style-1 {

    border: none;

    border-top: 2px dashed var(--color-grey-2);

}



.icon-fix-2 {

    display: inline-block;

    transform: translateY(3px);

}



.label {

    color: var(--main-color);

    font-weight: bold;

    margin-bottom: 0;

}

.required {

    position: relative;

}

.required::after {

    content: "*";

    color: var(--color-four);

    display: inline-block;

    font-weight: bold;

    margin-left: 2px;

}



.languages-switcher {

    position: relative;

    width: 125px;

}

.languages-switcher .ps-dropdown {

    position: relative;

    width: 100%;

}

.languages-switcher .ps-dropdown-menu li,

.languages-switcher .ps-dropdown > span {

    cursor: pointer;

    display: flex;

    font-weight: bold;

    align-items: center;

    gap: 5px;

    padding: 8px 15px;

    text-align: center;

}

.languages-switcher .ps-dropdown-menu {

    background-color: #fff;

    opacity: 0;

    position: absolute;

    top: 100%;

    transform: translateY(-6px);

    transition: .4s;

    visibility: hidden;

    width: 100%;

}

.languages-switcher:hover .ps-dropdown-menu {

    opacity: 1;

    visibility: visible;

}



.line-under {

    padding-bottom: 15px;

    position: relative;

}

.line-under::after {

    content: "";

    background-color: var(--color-four);

    position: absolute;

    bottom: 0;

    left: 0;

    height: 4px;

    width: 125px;

}

.line-under--center::after {

    left: 50%;

    transform: translateX(-50%);

}



.link {

    background-color: transparent;

    border: none;

    color: var(--main-color);

    display: inline-block;

    font-weight: bold;

    padding: 0;

    transition: 0.5s;

}

.link--white {

    color: #fff;

}

.link:hover {

    color: var(--color-four);

}



.link-icon {

    color: var(--color-dark);

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    padding-left: 45px;

    position: relative;

}

.link-icon > span:not([class]) {

    display: inline-block;

    position: relative;

}

.link-icon > span:not([class])::after {

    content: "";

    background-color: var(--color-dark);

    position: absolute;

    bottom: 3px;

    left: 0;

    height: 1px;

    width: 100%;

    transition: .4s;

}

.link-icon::before {

    content: "";

    background-color: var(--color-four);

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: Flaticon_custom !important;

    font-size: 22px;

    font-style: normal;

    font-weight: normal !important;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    height: 35px;

    width: 35px;

}

.link-icon:hover {

    color: var(--color-four);

}

.link-icon:hover span::after {

    background-color: var(--color-four);

}

.link-icon--download::before {

    content: "\f113";

}

.link-icon--pdf::before {

    content: "\f11f";

}

.link-icon--video::before {

    content: "\f121";
	

}

.link-icon--send::before {

    content: "\f120";

}



.list-style-1,

.dynacontent ul:not([class]) {

    list-style: none;

    padding: 0 0 0 15px;

}

.list-style-1 li,

.dynacontent ul:not([class]) li {

    color: var(--main-color);

    font-weight: bold;

    margin-bottom: 7px;

    padding-left: 30px;

    position: relative;

}

.list-style-1 li::before,

.dynacontent ul:not([class]) li::before {

    content: "\f061";

    color: var(--color-four);

    font-family: 'Font Awesome 6 Free';

    font-size: 18px;

    font-weight: bold;

    position: absolute;

    top: 0;

    left: 0;

}

.list-style-1 li > ul,

.dynacontent ul:not([class]) li > ul {

    margin-top: 5px;

}

.list-style-1 li > ul > li,

.dynacontent ul:not([class]) li > ul > li {

    font-weight: normal;

    margin-bottom: 0;

}

.list-style-1 li > ul > li::before,

.dynacontent ul:not([class]) li > ul > li::before {

    font-size: 16px;

}



.list-step-1 {

    counter-reset: liststep1;

}

.list-step-1 .list-step-item {

    background-color: var(--color-grey-1);

    border-left: 6px solid var(--color-four);

    counter-increment: liststep1;

    margin-bottom: 20px;

    overflow: hidden;

    padding: 25px 25px 25px 80px;

    position: relative;

    isolation: isolate;

}

.list-step-1 .list-step-item::before {

    content: counter(liststep1);

    background-color: var(--color-four);

    color: #fff;

    display: flex;  

    align-items: center;

    justify-content: center;

    font-size: 25px;

    font-weight: bold;

    position: absolute;

    top: 0;

    left: -8px;

    height: 50px;

    width: 50px;

    z-index: 1;

}

.list-step-1 .list-step-item::after {

    content: "";

    background: url(/storage/svg/logo-france-etuves-illustration.svg) center center no-repeat;

    background-size: cover;

    opacity: .1;

    position: absolute;

    top: -40px;

    right: -40px;

    height: 300px;

    width: 300px;

    transform: scaleX(-1);

    z-index: -1;

}

.list-step-1 .list-step-item > span {

    display: block;

}

.list-step-1 .list-step-item > span:first-of-type,

.list-step-1 .list-step-item > p:first-of-type > span:first-of-type {

    color: var(--main-color);

    display: block;

    font-size: 35px;

    font-weight: bold;

    line-height: 1.4;

    margin-bottom: 10px;

}

.list-step-1-white .list-step-item {

    background: #fff;

}

.list-step-1-icon .list-step-item {

    padding-left: 110px;

}

.list-step-1-icon .list-step-item::before {

    display: none;

}

.list-step-1-icon .list-step-item span.lsi-icon {

    background-color: var(--color-four);

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 0;

    left: 0;

    height: 70px;

    width: 70px;

}

.list-step-1-icon .list-step-item span.lsi-icon {

    color: #fff;

    font-size: 50px;

}

.list-step-1-icon .list-step-item span.lsi-icon::before {

    transform: translateX(4px);

}

.list-step-1-icon .list-step-item > span.lsi-icon + span {

    color: var(--main-color);

    font-size: 35px;

    font-weight: bold;

    line-height: 1.4;

    margin-bottom: 10px;

}

.list-step-1--unnumbered .list-step-item::before {
    display: none;
}



.slider-two,

.main-slider-carousel .owl-stage-outer,

.main-slider-carousel .slider-two_slide {

    overflow: visible;

}

.main-slider-carousel {

    height: 540px;

}

.main-slider-carousel .owl-stage-outer,

.main-slider-carousel .owl-stage,

.main-slider-carousel .owl-item,

.main-slider-carousel .slider-two_slide,

.main-slider-carousel .auto-container,

.main-slider-carousel .slider-two_content,

.main-slider-carousel .slider-two_content-inner {

    height: 100%;

}

.main-slider-carousel .owl-item:not(.cloned):nth-child(1) { z-index: 99; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(2) { z-index: 98; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(3) { z-index: 97; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(4) { z-index: 96; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(5) { z-index: 95; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(6) { z-index: 94; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(7) { z-index: 93; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(8) { z-index: 92; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(9) { z-index: 91; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(10) { z-index: 90; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(11) { z-index: 89; }
.main-slider-carousel .owl-item:not(.cloned):nth-child(12) { z-index: 88; }

.main-header.header-style-two .logo-box {

    padding: 32px 40px;

}

.main-header .main-menu .navigation > li > ul > li > a {

    white-space: nowrap;

}



.main-footer {

    border-top: 6px solid var(--main-color);

}



.main-slider-carousel .owl-item:nth-child(1) { z-index: 20; }

.main-slider-carousel .owl-item:nth-child(2) { z-index: 19; }

.main-slider-carousel .owl-item:nth-child(3) { z-index: 18; }

.main-slider-carousel .owl-item:nth-child(4) { z-index: 17; }

.main-slider-carousel .owl-item:nth-child(5) { z-index: 16; }



.mobile-nav-toggler {

    display: none;

} 



.models-tab-table {

    overflow-x: scroll;

}

.models-tab-table table {

    background-color: #fff;

    table-layout: fixed;

    min-width: 400px;

    width: 100%;

}

.models-tab-table table th,

.models-tab-table table td {

    padding: 7px 10px;

}

.models-tab-table table thead th {

    background-color: var(--color-grey-1);

    color: var(--main-color);

}

.models-tab-table table tbody > tr:not(:first-child) > td {

    border-top: 2px dashed var(--color-grey-2);

}

.models-tab-table .mtt-image {

    max-height: 100px;

}

.models-tab-table--center table tr > th:not(:first-child),

.models-tab-table--center table tr > td:not(:first-child) {

    text-align: center;

}

.models-tab-table--center table tr > td:not([colspan]):nth-child(2) {

    font-weight: bold;

}

.models-tab-table--lg table {

    min-width: 700px;

}



.models-acc-table {

    overflow-x: scroll;

}

.models-acc-table table {

    background-color: #fff;

    min-width: 600px;

    width: 100%;

}

.models-acc-table table > thead > tr > th {

    background-color: var(--main-color);

    color: #fff;

    padding: 5px 10px;

}

.models-acc-table table tbody > tr:not(:first-child) > td {

    border-top: 2px dashed var(--color-grey-2);

}

.models-acc-table table > tbody > tr > td {

    padding: 15px 10px;

}

.models-acc-table table tbody > tr > td:first-child {

    color: var(--color-dark);

    font-weight: bold;

}

.models-acc-table table > tbody > tr > td:nth-child(3) > strong:first-child {

    color: var(--main-color);

    font-size: 18px;

}

.models-acc-table table > tbody > tr > td:nth-child(2) {

    padding: 15px 25px;

}

.models-acc-table table > tbody > tr > td:nth-child(2) img {

    max-width: 100px;

}   



.nav-pills-1 {

    gap: 25px 15px;

    /* justify-content: center; */

    position: relative;

    isolation: isolate;

}

/* .nav-pills-1::before {

    content: "";

    background-color: var(--main-color);

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 100%;

    width: 999rem;

    z-index: -1;

} */

.nav-pills-1 .nav-item {

    flex-grow: 1;

    min-width: 250px;

}

.nav-pills-1 .nav-link {

    background: transparent;

    border: 3px solid var(--color-grey-2);

    border-radius: 0;

    color: var(--color-grey-3);

    cursor: pointer;

    display: flex;

    gap: 15px;

    flex-flow: column nowrap;

    align-items: center;

    font-size: 20px;

    font-weight: bold;

    padding: 25px;

    text-transform: uppercase;

    transition: .4s;

    width: 100%;

}

.nav-pills-1 .nav-link .nav-link-icon {

    font-size: 40px;

}

.nav-pills-1 .nav-link.active {

    background:var(--color-four);

    border-color:var(--color-four);

}

.nav-pills-1 .nav-link:not(.active):hover {

    border-color: var(--color-four);

    color: var(--color-four);

}

/* .nav-pills-1 + .tab-content .tab-pane {

    padding: 50px 0;

} */

.nav-pills-1--sm .nav-item {

    min-width: 175px;

}

.nav-pills-1--sm .nav-link {

    border-width: 2px;

    gap: 10px;

    font-size: 16px;

    padding: 17px;

}



.nav-pills-2 {

    gap: 10px;

}

.nav-pills-2 .nav-link {

    background-color: #fff;

    border: 2px solid var(--main-color);

    border-radius: 0;

    color: var(--main-color);

    cursor: pointer;

    font-size: 15px;

    font-weight: bold;

    padding: 5px 18px;

    transition: .4s;

}

.nav-pills-2 .nav-link.active {

    background: var(--color-four);

    border-color: var(--color-four);

}

.nav-pills-2--center {

    justify-content: center;

}



.ol-list {

    counter-reset: ollist;

}

.ol-list li {

    counter-increment: ollist;

    color: var(--main-color);

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 12px;

    padding-left: 40px;

    position: relative;

}

.ol-list li::before {

    content: counter(ollist);

    border: 2px solid var(--color-four);

    color: var(--color-four);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 13px;

    font-weight: bold;

    position: absolute;

    top: 0px;

    left: 0;

    height: 22px;

    width: 22px;

}



.page-title {

    padding: 70px 0;

    position: relative;

}

.page-title__sup {

    color: transparent;

    -webkit-text-stroke: 1px var(--color-dark);

    font-size: 35px;

    font-weight: bold;

    line-height: 1.4;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.page-title__title {

    color: var(--color-four);

    font-size: 50px;

    line-height: 1.2;

    font-weight: bold;

    margin-bottom: 30px;

    text-transform: uppercase;

}

.page-title__image {

    background-position: center right;

    background-size: cover;

    -webkit-clip-path: polygon(150px 0, 0 100%, 100% 100%, 100% 0);

            clip-path: polygon(150px 0, 0 100%, 100% 100%, 100% 0);

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: 40%;

}



.page-title .breadcrumb {

    background-color: var(--main-color);

    border-radius: 0;

    padding: 10px 25px;

    position: relative;

    isolation: isolate;

    transform: skewX(-25deg);

}

.page-title .breadcrumb::before {

    content: "";

    background-color: var(--main-color);

    position: absolute;

    right: 100%;

    top: 0;

    height: 100%;

    width: 999vw;

}

.page-title .breadcrumb > * {

    display: inline-block;

    position: relative;

    transform: skewX(25deg);

}

.page-title .breadcrumb-item,

.page-title .breadcrumb-item a,

.breadcrumb-item+.breadcrumb-item::before {

    color: #fff;

}

.page-title .breadcrumb-item.active {

    opacity: .7;

}





.page-section {

    padding-top: 50px !important;

    padding-bottom: 50px !important;

}



.page-section--1 {

    position: relative;

    isolation: isolate;

}

.page-section--1::before {

    content: "";

    background-color: var(--color-grey-1);

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    transform: skewX(-20deg) translateX(calc(-30vw - 700px));

}



.pagination-outer {

    display: flex;

    justify-content: center;

    width: 100%;

}

.pagination-outer .pagination {

    gap: 10px;

}

.pagination-outer .pagination li {

    margin: 0;

}



.pellet {

    color: #fff;

    display: inline-block;

    font-weight: bold;

    padding: 10px 30px;

    text-transform: uppercase;

}

.pellet--primary {

    background-color: var(--main-color);

}



.product-main-image {

    position: relative;

    margin-top: -100px;

    margin-bottom: 50px;

}



.product-models-section {

    position: relative;

    isolation: isolate;

}

.product-models-section::before {

    content: "";

    background-color: var(--color-grey-1);

    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100% , 0 100%);

            clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100% , 0 100%);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: 350px;

    height: 100%;

}

.product-models-section::after {

    content: "";

    background-color: var(--color-grey-1);

    position: absolute;

    top: 0;

    right: 100%;

    width: 999rem;

    height: 100%;

}

.product-models-section .tab-content {

    position: relative;

    z-index: 1;

}



.pms-product {

    margin-top: -75px;

}

.pms-product-image {

    text-align: center;

}

.pms-product-image img {

    max-height: 400px;

}

.pms-product-title {

    color: var(--main-color);

    font-size: 25px;

    font-weight: bold;

    line-height: 1.4;

    margin-top: 10px;

    text-align: center;

}



.section-sav {

    background-color: var(--color-grey-1);

    padding: 50px 0;

}



.services-one {

    background-color: var(--color-grey-1);

}

.services-three {

    margin-top: 0;

}  

.services-three .auto-container {

    transform: translateY(-90px);

} 



.slider-two .slider-two_heading {

    font-size: 45px;

    line-height: 1.4;

}

.slider-two .slider-two_heading span {

    color: var(--color-four);

    display: block;

    font-weight: bold;

}

/* .slider-two .slider-two_heading span:nth-child(2) {

    color: var(--color-four);

    font-size: 1.7em;

    font-weight: bold;

    text-transform: uppercase;

} */

.slider-two .slider-two_heading span:nth-child(2) {

    color: var(--main-color);

    font-size: .6em;

}

.slider-two .slider-two_title {

    -webkit-text-stroke: 1px var(--color-dark);

    color: transparent;

    font-size: 35px;

    line-height: 1.3;

}

.slider-two_content {

    max-width: 100%;

}

.slider-two_content-inner {

    max-width: 700px;

}

.slider-two_content-inner {

    position: relative;

    padding: 100px 0px 160px;

}

.slider-two_slide:before {

    display: none;

}

.slider-two .slider-two_slide {
    position: relative;
}
.slider-two .slider-two_slide .slider-two_image-desktop,
.slider-two .slider-two_slide .slider-two_image-tablet,
.slider-two .slider-two_slide .slider-two_image-mobile {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.slider-two .slider-two_slide .slider-two_image-tablet,
.slider-two .slider-two_slide .slider-two_image-mobile {
    display: none;
}
.slider-two + .about-two {

    overflow: visible;

    position: relative;

    z-index: 1;

}

.slider-two .owl-nav .owl-next,

.slider-two .owl-nav .owl-prev {

    color: var(--main-color);

}

.slider-two .owl-nav .owl-next {

    border-right-color: var(--main-color);

}

.slider-two .owl-nav .owl-prev {

    border-left-color: var(--main-color);

}



.service-block_three-icon-box {

    padding-left: 0;

}

.slider-two_pattern {

    background-color: #fff;

}

.slider-two_product {

    margin-right: 20px;

    position: absolute;

    bottom: 0;

    right: -3%;

    max-width: 525px;

    width: 35vw;

    transform: translateY(15%);

}

.service-block-three .inner-box {

    display: flex;

    flex-flow: column nowrap;

    height: 100%;

}

.service-block-three .inner-box .image {

    flex-shrink: 0;

    height: 250px;

}

.service-block-three .inner-box .image > a {

    display: block;

    height: 100%;

}

.service-block-three .inner-box .image > a > img {

    -o-object-fit: cover;

       object-fit: cover;

    height: 100%;

    width: 100%;

}

.service-block-three .inner-box .lower-content {

    flex-grow: 1;

}

.service-block-three .inner-box .lower-content .icon-outer {

    left: -15px;

}

.service-block-three .inner-box .lower-content .icon-outer:before {

    border-radius: 0;

    width: 100px;

    height: 98px;

}

.service-block-three .inner-box .lower-content .icon-outer .icon {

    border-radius: 0;

    width: 90px;

    height: 88px;

}

.service-block-three .inner-box .lower-content {

    padding: 25px 30px 30px 30px;

}

.service-block-three .inner-box .h5 {

    font-size: 17px;

    margin-bottom: 30px;

    padding-left: 65px;

}

.service-block-three .inner-box .lower-content {

    background-color: var(--color-dark);

}

.service-block-three .inner-box .read-more {

    background-color: var(--color-four);

}

.service-block-three .inner-box .lower-content .icon-outer .icon {

    background-color: var(--main-color);

}

.service-block-three .inner-box:hover .lower-content .icon-outer .icon::before {

    color: var(--main-color);

}

.service-block-three .inner-box .read-more {

    flex-shrink: 0;

}



.service-block-wrap-1 {

    counter-reset: serviceblockwrap;

}

.service-block-wrap-1 .service-block-1 {

    counter-increment: serviceblockwrap;

}



.service-block-1 .service-block_inner {

    background-color: var(--color-grey-1);

    position: relative;

}

.service-block-1 .service-block_inner::after {

    content: counter(serviceblockwrap);

    background-color: var(--color-four);

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 25px;

    font-weight: bold;

    position: absolute;

    top: 0;

    right: 0;

    height: 50px;

    width: 50px;

    z-index: 1;

    transition: .5s

}

.service-block-1 .service-block_inner:hover::after {

    background-color: #fff;

    color: var(--color-four);

}



.sec-title_heading {

    padding-bottom: 40px;

    position: relative;

}

.sec-title_heading::after {

    content: "";

    background-color: var(--color-four);

    position: absolute;

    bottom: 0;

    left: 0;

    height: 4px;

    width: 125px;

}

.sec-title_title {

    -webkit-text-stroke: 1px var(--main-color);

    color: transparent;

    font-size: 30px;

    margin-bottom: 15px;

}

.sec-title_desc {

    color: var(--color-three);

    font-size: 18px;

    margin: 25px auto 0 auto;

    max-width: 1000px;

}

.sec-title_desc-2 {

    opacity: .9;

}



.sec-title--center {

    text-align: center;

}

.sec-title--center .sec-title_heading::after {

    left: 50%;

    transform: translateX(-50%);

}



.sponsors-carousel .owl-item {

    text-align: center;

}

.sponsors-carousel .owl-item img {

    margin: 0 auto;

    width: auto;

    max-width: 100%;

    max-height: 108px;

}



.main-header .sticky-header {

    background-color: var(--color-grey-1);

}

.main-header .sticky-header .logo {

    background-color: #fff;

    padding: 15px 10px;

}

.sticky-header .header-top {

    padding: 5px 0;

}

/* .sticky-header .inner-container {

    padding-left: 30px;

} */

.sticky-header .right-box {

    display: flex;

    /* gap: 15px; */

    align-items: center;

}



.table-project {

    max-width: 500px;

}

.table-simple {

    table-layout: fixed;

}

.table-simple td {

    border: none;

    color: var(--color-dark);

    font-weight: 700;

    padding: 5px 0;

}

.table-simple tbody > tr:not(:last-child) > td {

    border-bottom: 2px solid var(--color-grey-2);

}

.table-simple--contentRight tr > td:last-child {

    text-align: right;

}



.team-block_two-image {

    background-color: var(--color-grey-1);

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    isolation: isolate;

    height: 400px;

}

.team-block_two-image img {

    width: auto;

    max-width: 100%;

    max-height: 100%;

}

.team-block_two-image::before {

    content: "";

    background: url('/storage/svg/logo-france-etuves-illustration.svg') center center no-repeat;

    background-size: cover;

    opacity: .1;

    position: absolute;

    top: -50px;

    left: -50px;

    height: 300px;

    width: 300px;

}

.team-block_two-title {

    font-size: 35px;

    margin-bottom: 10px;

}

.team-block_two-content {

    padding: 15px 0 0;

}

.team-block_two-category {

    color: var(--color-dark);

    text-transform: none;

}

.team-block_two-category-2 {

    background-color: var(--color-four-white);

    color: var(--color-four);

    display: inline-block;

    font-weight: bold;

    padding: 3px 8px;

}

.team-block_two-category-3 {

    background-color: transparent;

    border: 2px solid var(--main-color);

    color: var(--main-color);

    display: inline-block;

    font-weight: bold;
	
	font-size: 25px;

    padding: 4px 8px;

    margin-bottom: 5px;

}

.team-block_two-inner:hover .team-block_two-image img {

    filter: none;

}



.team-block-section {

    border-bottom: 2px solid var(--color-grey-2);

    padding-bottom: 20px;

    margin-bottom: 30px;

}

.team-block-section-2 {

    border: 2px dashed var(--color-grey-2);

    margin-bottom: 25px;

}



.team-block_two--2 .team-block_two-image {

    background-color: transparent;

}

.team-block_two--2 .team-block_two-image::before {

    display: none;

}

.team-block_two--2 .team-block_two-title {

    font-size: 17px;

}

.team-block_two--2 .team-block_two-content {

    text-align: left;

}

.team-block_two--2 .team-block_two-image {

    height: 300px;

}

.team-block_two--2 .team-block_two-image > a {

    display: block;

    height: 100%;

}



.tbs-price-content {

    padding-top: 20px;

    padding-bottom: 90px;

    position: relative;

    height: 100%;

}

.tbs-price-wrap {

    display: flex;

    position: absolute; 

    bottom: 0;

    left: 0;

    width: 100%

}

.tbs-price-wrap > * {

    padding: 10px 20px;

    flex-grow: 1;

}

.tbs-price-wrap > * > span:first-child {

    display: block;

    margin-bottom: 5px;

}

.tbs-price-wrap > * > span:last-child {

    font-size: 25px;

    font-weight: bold;

}

.tbs-price-wrap .tbs-price-old > span:last-child {

    color: var(--main-color);

}

.tbs-price-wrap .tbs-price-new {

    background-color: var(--color-four);

    -webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);


            clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);

    text-align: right;

    max-width: 225px;

}

.tbs-price-wrap .tbs-price-new span {

    color: #fff;

}



.theme-btn {

    text-align: center;

}





.bg-grey-1 { background-color: var(--color-grey-1) !important; }

.color-dark { color: var(--color-dark) !important; }

.color-primary { color: var(--main-color) !important; }

.color-four { color: var(--color-four) !important; }

.gap-10 { gap: 10px; }

.gap-15 { gap: 15px; }

.icon-lg { font-size: 80px; }

.text-bold { font-weight: bold; }

.text-note { font-style: italic; font-size: 14px !important;}

.text-sm { font-size: 14px; }



@keyframes fadeIn {

    from { opacity: 0; visibility: hidden; }

    to { opacity: 1; visibility: visible; }

}