/*
Theme Name: Kosmo Agency
Theme URI: https://e-kosmo.com
Author: Kosmo
Author URI: https://e-kosmo.com
Description: Kosmo Agency
Version: 1.2.0
*/

/* MIXINS AND GLOBAL */
html::-webkit-scrollbar,
html::scrollbar {
    display: none;
}

:root {
    --color-primary: #161616;
    --color-secondary: #9CF89F;
    --color-white: #FFF;
    --color-grey-light: #EDEDED;
    --color-grey: #CECECE;
}

::selection {
    background: var(--color-grey-light);
    text-shadow: none;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: transparent;
    -webkit-text-fill-color: var(--color-primary);
}

html {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    color: var(--color-primary);
    font-family: 'Andale Mono';
    line-height: 1.6;
    padding: 0;
    overflow-x: hidden;
    font-size: 80%;
    background: var(--color-white);
    transition: all 0.5s ease-in-out;
}

header img {
    width: 7rem;
}

img {
    max-width: 100%;
    height: auto;
}

video {
    max-width: 100%;
}

a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: var(--color-primary);
    font-weight: 800;
}

b, strong {
    font-weight: 700;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: var(--color-secondary);
    outline: none;
}

@media (min-width: 2000px) {
    .container {
        max-width: 1240px;
    }
}

.no-scroll {
    overflow: hidden;
}


@media (max-width: 991px) {
    .cursor,
    .cursor-follower {
        display: none;
    }
}

/* material icons */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

.split-line {
    position: relative;
    overflow: hidden;
}

.highlight {
    position: relative;
    font-weight: 900;
    background: var(--color-secondary);
}

/*.highlight::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 0;
    background: var(--color-secondary);
    white-space: pre;
}*/

body #main {
    overflow: hidden;
}

/* ======================================================================== */
/* FONTS FACE */
/* ======================================================================== */

/* @font-face {
    font-family: 'Roboto Mono';
    src: url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Light.eot');
    src: url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Light.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Light.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Light.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Light.ttf') format('truetype'),
    url('R/wp-content/themes/kosmo/assets/fonts/obotoMono-Light.svg#RobotoMono-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Roboto Mono';
    src: url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Bold.eot');
    src: url('RobotoMono-Bold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Bold.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Bold.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Bold.ttf') format('truetype'),
    url('/wp-content/themes/kosmo/assets/fonts/RobotoMono-Bold.svg#RobotoMono-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Andale Mono'; 
    src: url('/wp-content/themes/kosmo/assets/fonts/andale_mono-webfont.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/andale_mono-webfont.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/Andale Mono.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Andale Mono';
    src: url('/wp-content/themes/kosmo/assets/fonts/andale_mono-webfont.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/andale_mono-webfont.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/Andale Mono.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/kosmo/assets/fonts/Inter-Bold.eot');
    src: url('/wp-content/themes/kosmo/assets/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Bold.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Bold.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Bold.ttf') format('truetype'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Helvetica';
    src: url('/wp-content/themes/kosmo/assets/fonts/helveticaltstd-bold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/helveticaltstd-bold-webfont.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/HelveticaLTStd-Bold.otf') format('otf');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* @font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/kosmo/assets/fonts/Inter-Light.eot');
    src: url('/wp-content/themes/kosmo/assets/fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Light.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Light.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Light.ttf') format('truetype'),
    url('/wp-content/themes/kosmo/assets/fonts/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Helvetica';
    src: url('/wp-content/themes/kosmo/assets/fonts/helveticaltstd-light-webfont.woff2') format('woff2'),
    url('/wp-content/themes/kosmo/assets/fonts/helveticaltstd-light-webfont.woff') format('woff'),
    url('/wp-content/themes/kosmo/assets/fonts/HelveticaLTStd-Light.otf') format('otf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* ======================================================================== */
/* Input and submit */
/* ======================================================================== */

.btn-submit {
    color: #FF0072;
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s ease all;
}

.btn-submit:hover {
    color: var(--color-white);
}

.btn-submit:focus {
    color: var(--color-white);
}

.btn-submit {
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    width: 8rem;
    font-weight: bold;
    padding: 14px 0px;
    border: 2px solid #FF0072;
    border-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
    height: 50px;
}

.btn-submit span {
    position: relative;
    z-index: 1;
}

.btn-submit:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #FF0072;
    z-index: 0;
}

.btn-submit:hover:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1;
}

.btn-submit:focus:before {
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1;
}

.form__field {
    width: 360px;
    background: #fff;
    color: #a3a3a3;
    font: inherit;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
    border: 0;
    outline: 0;
    padding: 1rem;
    height: 50px;
}

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

input {
    outline: none;
    display: block;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    padding: 12px 20px;
    color: rgba(0, 0, 0, 0.6);
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    transition: 0.3s ease;
    height: 50px;
}

input:focus,
textarea:focus {
    border: 0;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary);
}

textarea {
    min-height: 150px;
    padding: 1rem;
    line-height: 40px;
    resize: none;
    border: 1px solid transparent;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

textarea::placeholder,
input::placeholder {
    font-size: 12px;
    color: var(--color-primary);
    opacity: 0.3;
}

input[type="submit"]:hover {
    background: var(--color-secondary);
    color: #fff;
}

input[type="submit"] {
    display: inline-flex;
    align-items: center;
    height: 44px;
    background: var(--color-primary);
    color: #fff;
    padding: 0 40px;
    max-width: 100%;
    font-size: 12px;
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

form .error {
    font-size: 11px;
    margin-top: 1rem;
    color: #db1515;
}

input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label:before {
    content: "";
    border: 0.1em solid var(--color-primary);
    border-radius: 0;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 10px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
}

input[type=checkbox] + label:active:before {
    transform: scale(0);
}

input[type=checkbox]:checked + label:before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}


/* ======================================================================== */
/* Typography */
/* ======================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Helvetica';
}

h1 {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 36px;
    margin-bottom: 36px;
}

h2 {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 24px;
    margin-bottom: 24px;
}

h3 {
    font-size: 29px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 16px;
}

h4 {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.44;
    margin-top: 8px;
    margin-bottom: 8px;
}

h5 {
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}

h6 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

p {
    margin-top: 24px;
    margin-bottom: 24px;
}


@media only screen and (max-width: 1400px) {
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }

    .row-80 {
        margin-left: -25px;
        margin-right: -25px;
    }

    h1 {
        font-size: 40px;
        margin-top: 28px;
        margin-bottom: 28px;
    }

    h2 {
        font-size: 28px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    h3 {
        font-size: 22px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    h4 {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row-80 {
        margin-left: -15px;
        margin-right: -15px;
    }

    h1 {
        font-size: 34px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 26px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    h3 {
        font-size: 20px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    h4 {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 14px;
    }
}


/* ======================================================================== */
/* menu responsive */
/* ======================================================================== */

.header .container .burger {
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header .container .burger span {
    margin-right: 10px;
    font-family: 'Inter';
}

.header .menu-trigger {
    position: relative;
    display: block;
    width: 27px;
    height: 1.5px;
    margin: 0 auto;
    border: none;
    background: var(--color-primary);
    transition: 0.35s;
}

.header .menu-trigger::before,
.header .menu-trigger::after {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--color-primary);
    content: "";
    transition: transform 0.35s;
    transform-origin: 50% 0%;
}

.header .menu-trigger::before {
    transform: translate(-50%, -7px);
}

.header .menu-trigger::after {
    transform: translate(-50%, 7px);
}

.header .menu-trigger.opened {
    background: transparent;
}

.header .menu-trigger.opened::before {
    transform: translate(-48%, 0) rotate(45deg);
}

.header .menu-trigger.opened::after {
    transform: translate(-50%, 0) rotate(-45deg);
}


.header .nav {
    position: absolute;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-secondary);
    opacity: 0;
    pointer-events: none;
}

.nav-active .header .nav {
    pointer-events: auto;
}

.header .nav__content {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: auto;
    margin: auto;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.header li.menu-item {
    position: relative;
    display: flex;
    overflow: hidden;
}

.header li.menu-item a {
    color: var(--color-primary);
}

.header .nav .menu-responsive {
    padding: 0;
    display: flex;
    align-items: baseline;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

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

    .header .nav li.menu-item a {
        font-size: 30px;
    }

    .header .nav .wpml-ls-item .lineChild {
        display: flex !important;
    }

    .header .nav .wpml-ls-item .sub-menu {
        margin: 0 0 0 10px;
        padding: 0;
    }

    .header .social__item a {
        border: 1px solid var(--color-primary);
    }

    .header .nav .social__item .fb,
    .header .nav .social__item .insta,
    .header .nav .social__item .linkedin {
        fill: var(--color-primary);
    }

}

@media (max-width: 576px) {

    .header .nav li.menu-item a {
        font-size: 20px;
    }

}


/* ======================================================================== */
/* Dividers // space */
/* ======================================================================== */
hr {
    height: 0;
    border: 1px solid rgba(136, 136, 136, 0.2);
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.space-1 {
    position: relative;
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.space-2 {
    position: relative;
    width: 100%;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.space-4 {
    position: relative;
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.space-8 {
    position: relative;
    width: 100%;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-0 {
    margin: 0;
}

/* ======================================================================== */
/* header */
/* ======================================================================== */
.header {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    z-index: 50;
    padding: 0;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background: transparent;
}

.header .container {
    display: flex;
    z-index: 5;
    position: relative;
}

.header .container .row {
    width: 100%;
    margin: 0;
}

.header .container .col-auto {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.header_fixed {
    position: fixed;
    background: #FFF;
}


@media only screen and (max-width: 1400px) {
    .header {
        padding: 0;
    }

    .header_sticky {
        padding: 0;
    }
}

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

    .header {
        padding: 10px 0;
        height: 50px;
    }

}


/* ======================================================================== */
/* Menu desktop regular */
/* ======================================================================== */

header.regular .menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    word-wrap: normal;
    height: 80px;
    display: flex;
    align-items: center;
}

header.regular .menu:after {
    right: 40%;
}

header.regular .site-header-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    list-style: none;
    overflow: hidden;
}

header.regular .site-header-menu li {
    text-align: center;
    position: relative;
    margin-right: 3rem;
    padding: 10px 0;
}

header.regular .site-header-menu li a,
header.regular .for-overlay-right a {
    font-size: 13px;
    font-family: 'Helvetica';
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 800;
    transition: all 0.35s ease-in-out;
    cursor: pointer;
    position: relative;
    padding: 5px 0;
}

.light header .site-header-menu li a {
    color: #FFF;
    transition: all 0.5s ease-in-out;
}

header .site-header-menu li a:hover {
    color: var(--color-primary);
}

.light header .site-header-menu li a:hover {
    color: #FFF;
}

header.regular .site-header-menu li a:hover:before,
header.regular .for-overlay-right a:hover:before {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    transition-duration: .4s;
}

header.regular .site-header-menu li a:before,
header.regular .for-overlay-right a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -0px;
    background: var(--color-primary);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 0;
    transition: 1.8s cubic-bezier(0.2, 1, 0.3, 1);
    pointer-events: none;
}

.light header .site-header-menu li a:before {
    background: #FFF;
}

header.regular .menu > li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin: 0 3rem;
}

header.regular .menu > li:last-child {
    margin: 0 0 0 4rem;
}

header.regular .menu > li a {
    display: flex;
    color: #BABABA;
    padding: 0;
    margin: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
}

header.regular .menu > li.menu-item-has-children > a:after {
    content: 'keyboard_arrow_down';
    font-family: 'Material Icons';
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    ms-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

header.regular .menu .menu-item-has-children {
    position: relative;
}

header.regular .menu .menu-item-has-children > a:hover ~ ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

header.regular .menu-item-object-language_switcher .trp-flag-image {
    width: 20px;
}


header.regular .site-header-menu .wpml-ls-menu-item {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

header.regular .site-header-menu .wpml-ls-menu-item > a::before {
    display: none;
}

header.regular .site-header-menu .wpml-ls-menu-item ul {
    padding: 0;
}


/* ======================================================================== */
/* Overlay right menu */
/* ======================================================================== */

header .overlay-right {
    position: fixed;
    height: 100vh;
    width: 20rem;
    top: 0;
    right: -100%;
    z-index: 10;
}

header .close-overlay-right {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: none;
}

header .for-overlay-right a {
    cursor: pointer;
}

header .overlay-right .text-form a {
    color: var(--color-primary);
    opacity: 0.8;
    transition: all 0.35s ease-in-out;
}

header .overlay-right .text-form a:hover {
    opacity: 1;
}

header .overlay-right .col-text-border {
    border-left: 2px solid var(--color-primary);
}

header .overlay-right .container {
    height: 100%;
    position: relative;
    z-index: 2;
    background: var(--color-secondary);
}

header .col-title {
    margin: 10rem 0 5rem;
}

@media (max-width: 991px) {

    header .col-title {
        margin: 1rem 0 2rem;
    }

    header .overlay-right .row {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
    }
}


/* ======================================================================== */
/* footer */
/* ======================================================================== */

footer {
    position: relative;
    color: var(--color-white);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-primary);
    display: flex;
    align-items: center;
}

footer .container {
    padding: 3rem 15px 2rem;
}

footer .copyright-footer {
    border-top: 1px solid #222;
    margin-top: 3rem;
    padding-top: 3.5rem;
}

footer .copyright-footer p {
    font-size: 11px;
    text-align: center;
    color: #888;
}

footer .copyright-footer img {
    width: 60px;
    position: relative;
    top: -1px;
    opacity: 0.5;
    transition: all 0.35s ease-in-out;
}

footer .copyright-footer a:hover img {
    opacity: 1;
}

footer .footer-column ul {
    margin: 0;
    padding: 0;
    display: flex;
}

footer .footer-column li a {
    color: var(--color-white);
    opacity: 0.9;
    transition: all 0.35s ease-in-out;
}

footer .footer-column li a:hover {
    color: var(--color-secondary);
}

footer .footer-column li {
    display: flex;
    flex-direction: column;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-family: "Helvetica Neue";
    position: relative;
    margin-bottom: 0.2rem;
    font-size: 12px;
}

footer p {
    margin: 0;
}

footer .logo {
    color: var(--color-primary);
}

footer .logo-footer,
footer .social-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .logo-footer img {
    width: 150px;
    opacity: 0.5;
}

footer .language-switcher h3,
footer .custom-html-widget a {
    font-size: 12px;
    margin: 0;
    color: #8B8B8B;
}

footer .language-switcher .widget_text:nth-child(3) {
    position: relative;
    margin-top: 2rem;
}

footer .language-switcher .widget_text:nth-child(3)::before {
    content: '';
    width: 7.5rem;
    height: 1px;
    background: #222;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
}

footer .language-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    margin: 0 15px 0 0;
}

footer .language-switcher .wpml-ls-link {
    padding: 0;
    font-weight: 400;
    font-size: 11px;
    color: #FFF;
    transition: all 0.35s ease-in-out;
}

footer .language-switcher .wpml-ls-link:hover {
    color: var(--color-secondary);
}

footer .language-switcher .wpml-ls-legacy-list-horizontal {
    padding: 5px 0;
}


@media (max-width: 576px) {

    footer .language-switcher,
    footer .logo-footer {
        text-align: center;
        margin-bottom: 2rem;
    }

    footer .language-switcher .widget_text:nth-child(3)::before {
        margin: auto;
    }

    footer .copyright-footer {
        padding-top: 2rem;
    }

    footer .copyright-footer p {
        font-size: 10px;
    }

}


/* ======================================================================= */
/* Kosmo footer backtotop */
/* ======================================================================= */

#backtotop {
    position: fixed;
    cursor: pointer;
    bottom: -15px;
    right: 15px;
    pointer-events: initial;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

#backtotop.visible {
    opacity: 1;
    visibility: visible;
    bottom: 15px;
}

.button-icon {
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: left;
}

.button-icon i {
    padding: 0.4rem;
    background: var(--color-grey);
    border-radius: 50%;
    color: var(--color-primary);
}

.button-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    margin: 25px 0;
    overflow: hidden;
    width: 80px;
    color: var(--color-secondary);
    -webkit-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}

.button-text span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    width: 80px;
    text-align: center;
    transform-origin: 100% 0%;
}

.button-text span::before {
    position: absolute;
    width: 80px;
    top: 100%;
    left: 0;
    content: attr(data-hover);
}

#backtotop:hover .button-text span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}


/* ======================================================================= */
/* Kosmo cookie */
/* ======================================================================= */

.cookie-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    padding: 15px;
    max-width: 40rem;
    border-radius: 50px;
    height: 50px;
    margin: 0 auto 10px;
    background: #DDD;
    font-size: 11px;
    color: var(--color-primary);
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: all 0.35s ease-in-out;
}

.cookie-bar.show {
    opacity: 1;
    visibility: visible;
    display: flex;
}

.cookie-bar .col-12 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cookie-bar .col-12 p {
    margin: 0
}

.cookie-bar a {
    display: flex;
    align-items: center;
    margin-left: 15px;
    cursor: pointer;
}

.cookie-bar a i {
    font-size: 12px;
    position: relative;
    top: 1px;
}


@media (max-width: 576px) {

    .cookie-bar {
        height: 90px;
    }

    .cookie-bar .col-12 {
        flex-direction: column;
        text-align: center;
    }

    .cookie-bar a {
        margin: 10px 0 0;
    }
}

/* ======================================================================== */
/* social */
/* ======================================================================== */

.social {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.social__item {
    display: inline-block;
    margin-right: 25px;
    height: 40px;
    width: 40px;
}

.social__item a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #888888;
    background: transparent;
    width: 40px;
    height: 40px;
    font-size: 30px;
    border-radius: 100%;
    border: 1px solid #888;
    transition: all 0.35s ease-in-out;
}

.social__item a:hover {
    background: var(--color-secondary);
    border: 1px solid transparent;
}

.social__item a svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
}

.social__item .fb,
.social__item .insta,
.social__item .linkedin {
    width: 18px;
    fill: #888;
    position: relative;
    transition: all 0.35s ease-in-out;
}

.social__item a:hover .fb,
.social__item a:hover .insta,
.social__item a:hover .linkedin {
    fill: var(--color-primary);
}

.social__item:last-child {
    margin-right: 0;
}

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

    .social__item {
        margin-right: 0;
    }

}


/* ======================================================================== */
/* overlay */
/* ======================================================================== */

.bg-light {
    background: #F4F4F4;
    color: var(--color-primary);
}

.bg-white {
    background: #FFF;
    color: var(--color-primary);
}

.bg-dark {
    background: #111111;
    color: #FFF;
}

.bg-secondary {
    background: var(--color-secondary);
}


/* ======================================================================== */
/* overlay */
/* ======================================================================== */

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay_dark {
    background-color: #181818;
    opacity: .7;
}

.overlay_white {
    background-color: var(--color-white);
    opacity: .85;
}

.overlay_white-solid {
    background-color: var(--color-white);
    opacity: 1;
}


/* ======================================================================= */
/* Section Kosmo */
/* ======================================================================= */

.section {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5rem 0;
}

.section-fullheight {
    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%;
    min-height: 100vh;
    margin: 0 !important;
}

/* ======================================================================== */
/* Preloader */
/* ======================================================================== */

.loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    z-index: 100;
    background: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.loader-wrap-double {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    z-index: 99;
    background: var(--color-primary);
    display: none;
}

.loader-wrap .content-loader {
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    filter: blur(0);
}

.loader-wrap img {
    width: 150px;
    margin: 0 auto 1rem;
}

.spinner {
    width: 150px;
    height: 2px;
    position: relative;
    margin: 1rem auto 0;
}

.spinner h4 {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 1rem 0 0;
}

.double-bounce1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #7DCE80;
}

.double-bounce2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 100%;
    bottom: 0;
    z-index: 2;
    background: #161616;
}

.page-wrapper {
    width: 100%;
    overflow-x: hidden;
}


.m-scene .scene_element {
    animation: 0.5s ease-in-out;
}

.m-scene .scene_element--fadein {
    animation-name: fadeIn;
}

.m-scene.is-exiting .scene_element {
    animation-direction: alternate-reverse;
}

/*
 * Keyframes
 */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* ======================================================================= */
/* Kosmo elements button */
/* ======================================================================= */

/* btn */
.btn {
    padding: 15px 35px;
    cursor: pointer;
    background: var(--color-primary);
    -webkit-appearance: none;
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
}

.btn:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
    height: 1px;
    background: #fff;
}

.btn:before, .btn, .follow-wrap_title i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover {
    padding-right: 55px;
    color: rgba(255, 255, 255, 0.71);
}

.btn:hover:before {
    width: 10px;
}

/* btn border */
.btn-border-radius {
    border-radius: 30px;
    font-weight: bold;
    font-size: 12px;
    border: solid 2px var(--color-primary);
    color: var(--color-primary);
    background-color: transparent;
    cursor: pointer;
    height: 50px;
    display: flex;
    align-items: center;
    transition: all 0.25s ease-in-out;
}

.light .btn-border-radius {
    border-radius: 30px;
    border: solid 2px #fff;
    color: #fff;
    background-color: transparent;
}

.btn-border-radius span {
    padding: 0 26px;
    width: auto;
    text-align: center;
    position: relative;
    display: inline-block;
}

.btn-border-radius:hover,
.btn-border-radius:focus {
    box-shadow: inset 0 -60px 0 0 var(--color-primary);
    color: #FFF;
}

.light .btn-border-radius:hover,
.light .btn-border-radius:focus {
    box-shadow: inset 0 -60px 0 0 #FFF;
    color: var(--color-primary);
}

/* btn underline */
.underline-btn {
    display: inline-block;
    border-radius: 0;
    color: var(--color-primary);
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    position: relative;
}

.underline-btn:hover {
    color: var(--color-primary);
}

.underline-btn::before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 0;
    left: 0;
    bottom: 0;
    background: var(--color-primary);
    -webkit-transition: width 0.3s ease-in-out;;
    transition: width 0.3s ease-in-out;
}

.underline-btn:hover::before {
    width: 100%;
    -webkit-transition: width 0.3s ease-in-out;;
    transition: width 0.3s ease-in-out;
}

/* custom-btn__icon */

.custom-btn {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-family: "Inter";
}

.custom-btn:hover .custom-btn__label {
    -webkit-transform: translateX(1em) !important;
    transform: translateX(1em) !important;
}

.custom-btn__icon {
    position: relative;
    width: 35px;
    height: 35px;
    display: block;
    margin-left: 10px;
}

.left-icon .custom-btn__icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.custom-btn.left-icon:hover .custom-btn__label {
    transform: translateX(-1em) !important;
    -webkit-transform: translateX(-1em) !important;
}

.custom-btn__label {
    display: inline-block;
    color: var(--color-primary);
    font-size: 12px;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.custom-btn.light .custom-btn__label {
    color: #FFF;
}

.custom-btn__icon-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-btn > * {
    pointer-events: none;
}

.custom-btn__icon-small {
    width: 20%;
    height: 20%;
    position: absolute;
    top: 40%;
    left: 40%;
}

.custom-btn__icon-small svg,
.custom-btn__icon-circle svg {
    display: block;
    width: 100%;
    height: 100%;
}

.custom-btn__icon-small svg path,
.custom-btn__icon-small svg polygon {
    fill: var(--color-primary);
}

.custom-btn.light .custom-btn__icon-small svg path,
.custom-btn.light .custom-btn__icon-small svg polygon {
    fill: #FFF;
}

.custom-btn__icon-circle .bottomcircle {
    opacity: .7;
}

.custom-btn__icon-circle svg path {
    stroke: var(--color-primary);
    fill: none;
}

.custom-btn.light .custom-btn__icon-circle svg path {
    stroke: #FFF;
    fill: none;
}

.custom-btn__icon-circle .topcircle {
    stroke-width: 2;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: stroke-dashoffset 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: stroke-dashoffset 1s cubic-bezier(0.23, 1, 0.32, 1);
    stroke-dasharray: 222;
    stroke-dashoffset: 222;
    -webkit-animation: dashOut 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    animation: dashOut 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.custom-btn:hover .topcircle {
    -webkit-animation: dashIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    animation: dashIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@-webkit-keyframes dashIn {
    from {
        stroke-dashoffset: 222;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dashIn {
    from {
        stroke-dashoffset: 222;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dashOut {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -222;
    }
}

@keyframes dashOut {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -222;
    }
}

.custom-btn.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}


/* follow wrap */
.follow-wrap {
    bottom: 40px;
    cursor: pointer;
    right: 180px;
    position: absolute;
    z-index: 30;
    display: flex;
    flex-direction: column;
}

.follow-wrap ul {
    padding: 25px 0 0 0;
    position: relative;
    visibility: hidden;
    opacity: 0;
    float: left;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    list-style: none;
    margin: 0;
}

.follow-wrap_title i {
    color: #FFF;
    position: relative;
    z-index: 2;
    font-size: 15px;
    margin-left: 10px;
}

.follow-wrap:hover:hover .follow-wrap_title i {
    padding-left: 20px;
}

.follow-wrap ul li {
    float: left;
    margin-right: 20px;
}

.follow-wrap ul li a {
    color: #fff;
}

.follow-wrap svg {
    width: 20px;
    fill: #FFF;
}

.follow-wrap:hover ul {
    visibility: visible;
    opacity: 1;
}

.follow-wrap_title {
    float: left;
    position: relative;
    display: flex;
    align-items: center;
}

.follow-wrap_title span {
    color: #fff;
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.follow-wrap_title:before {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    background: #242223;
    z-index: 1;
    height: 46px;
}


/* ======================================================================= */
/* Kosmo section parallax */
/* ======================================================================= */
.section-parallax {
    height: 35rem;
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
}

[data-arts-parallax] {
    position: relative;
    overflow: hidden;
}

[data-arts-parallax] img {
    width: 100vw;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


/* ======================================================================= */
/* Kosmo hero */
/* ======================================================================= */

.hero {
    height: auto;
    position: relative;
    overflow: hidden;
}

.hero .separator {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: var(--color-grey);
    left: 0;
}

.hero-subtitle {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    z-index: 10;
    position: relative;
}

.hero-title {
    font-size: 35px;
    line-height: initial;
}


.hero .col-img {
    padding-left: 0;
    position: relative;
    z-index: 2;
}

.hero::before {
    content: '';
    display: block;
    height: calc(100% + 80px);
    width: 100vw;
    margin: 0 -50vw;
    position: absolute;
    z-index: 0;
    right: 0;
    top: -80px;
    background: var(--color-secondary);
}

.hero .col-img .img .separator-img {
    position: absolute;
    height: 100%;
    width: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 2;
    background: var(--color-secondary);
}

.hero .col-img img {
    object-fit: contain;
}

.hero .col-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 0;
}


@media (max-width: 576px) {

    .hero .container,
    .hero .container .row,
    .hero .container .row .img {
        width: 100%;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .hero {
        min-height: 100%;
        height: 100%;
    }

    .hero .col-img {
        margin-top: 1.5rem;
    }

    .hero::before {
        display: none;
    }

    .hero .container,
    .hero .container .row {
        height: auto;
    }

    .hero .col-text,
    .hero .col-img {
        padding: 0;
    }

    .hero-title {
        font-size: 25px;
        line-height: 30px;
    }

}

@media (min-width: 1900px) {

    .hero::before {
        right: -5vw;
    }

}

/* ======================================================================== */
/* utilities */
/* ======================================================================== */

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

.single-img.with-text h3 {
    margin: 0;
}

.single-img.with-text .title {
    position: absolute;
    padding: 1rem;
    bottom: 8px;
    left: 23px;
    background: #F4F4F4;
    z-index: 2;
}

.single-img.with-text .title a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.single-img.with-text img {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-clip-path: inset(8px 8px 8px 8px);
    clip-path: inset(8px 8px 8px 8px);
    -webkit-transition: 1s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: 1s cubic-bezier(.075, .82, .165, 1);
    transition: 1s cubic-bezier(.075, .82, .165, 1);
}

.single-img.with-text:hover img {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}


/* ======================================================================= */
/* Kosmo blockquote */
/* ======================================================================= */

blockquote p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: var(--color-primary);
    opacity: 0.8;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 13px;
    border-left: 15px solid #eee;
}

blockquote, q {
    quotes: none;
}


/* ======================================================================= */
/* Mixins Sevene */
/* ======================================================================= */

/* col-title with S. */
.col-title {
    position: relative;
    display: flex;
    align-items: center;
}

.col-title h3 {
    font-weight: initial;
    font-size: 20px;
    line-height: 25px;
    margin: 0;
}

.col-title h3 span {
    font-weight: bold;
}

.col-title .small-s {
    width: 45px;
    position: relative;
    margin-right: 15px;
}

/* col-title with S. */


/* col-title with border */
.col-title-border {
    border-bottom: 2px solid var(--color-primary);
}

.col-title-border h3 {
    margin: 0 0 1.5rem;
    line-height: 25px;
}

/* col-title with border */


/* col-text-border */
.col-text-border {
    padding-left: 35px;
    border-left: 2px solid var(--color-grey);
}

.col-text-border p {
    margin: 0;
}

.bg-secondary .col-text-border {
    border-left: 1px solid var(--color-primary);
}

/* col-text-border */


/* list-numbers */
.list-numbers .content-number {
    display: flex;
    align-items: center;
}

.list-numbers .content-number h3 {
    margin: 0;
    line-height: initial;
}

.list-numbers .number {
    min-width: 4rem;
    min-height: 4rem;
    height: 4rem;
    width: 4rem;
    position: relative;
    border: 2px solid var(--color-secondary);
    border-radius: 100%;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    margin-right: 1.5rem;
}

.list-numbers .number.black {
    border: 2px solid var(--color-primary);
}

/* list-numbers */


/* grid */
.grid {
    position: fixed;
    width: 100%;
}

.grid-line {
    position: relative;
    height: 100vh;
}

.grid-line::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 1px;
    background: #F4F4F4;
    height: 100%;
}

.grid-line.grid-line--left::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    background: #F4F4F4;
    height: 100%;
}

/* grid */


/* full-height-img */
.full-height-img div {
    height: 100%;
}

/* full-height-img */


@media (max-width: 576px) {

    .col-title h3 {
        font-size: 16px;
    }

}


/* ======================================================================= */
/* Homepage Sevene */
/* ======================================================================= */

[data-barba-namespace="home"] #hero .container,
[data-barba-namespace="home"] #hero .container .row {
    height: 100%;
    position: relative;
    overflow: hidden;
}

[data-barba-namespace="home"] #hero::before {
    display: none;
}

[data-barba-namespace="home"] #hero {
    padding: 0;
    height: 45rem;
    min-height: auto;
}

[data-barba-namespace="home"] #hero .col-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
}

[data-barba-namespace="home"] #hero .col-text h1 {
    text-align: center;
    margin: 10px 0 2rem;
}

[data-barba-namespace="home"] #hero .logo-sevene {
    width: 15rem;
}

[data-barba-namespace="home"] #hero .col-video {
    position: relative;
    overflow: hidden;
}

[data-barba-namespace="home"] #hero .col-video::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(155, 249, 164, 1) 0%, rgba(255, 255, 255, 0.5) 60%);
}

[data-barba-namespace="home"] #hero .col-video .video-teaser {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 0;
    width: 100%;
    object-fit: cover;
}

[data-barba-namespace="home"] #hero .col-video .picto-sevene {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    left: 0;
    fill: var(--color-secondary);
    margin: auto;
    display: block;
}

[data-barba-namespace="home"] #hero .col-video #video-hp {
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 72vw;
}


[data-barba-namespace="home"] #hero .btn-play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    width: 20rem;
    margin: auto;
    height: 5rem;
}

[data-barba-namespace="home"] #hero .btn-play a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
    font-weight: normal;
}

[data-barba-namespace="home"] #hero .btn-play a:hover {
    color: var(--color-primary);
}

[data-barba-namespace="home"] #hero .btn-play a:hover .play {
    background: var(--color-secondary);
}

[data-barba-namespace="home"] #hero .btn-play .play {
    width: 4rem;
    height: 4rem;
    background: var(--color-primary);
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.35s ease-in-out;
}

[data-barba-namespace="home"] #hero .btn-play .play svg {
    width: 1.5rem;
    fill: #FFF;
}

[data-barba-namespace="home"] #hero .btn-play span {
    font-family: "Helvetica";
    margin-left: 1rem;
    line-height: 20px;
}


[data-barba-namespace="home"] #citing {
    margin: 15rem 0 5rem;
}

[data-barba-namespace="home"] #citing .citing-sevene {
    position: absolute;
    height: auto;
    width: 35%;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    top: 0;
}

[data-barba-namespace="home"] #citing .citing-sevene svg {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 0;
    left: 0;
}

[data-barba-namespace="home"] #citing .citing-sevene h1 {
    font-size: 20px;
    margin: 0 0 0 8rem;
}


[data-barba-namespace="home"] #culture {
    margin: 0 0 10rem;
}

[data-barba-namespace="home"] #culture .col-text-border {
    max-width: 83%;
}


[data-barba-namespace="home"] #savoir .title-savoir::after {
    content: '';
    display: block;
    height: 100%;
    width: 100vw;
    margin: 0 -50vw;
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: var(--color-grey-light);
}

[data-barba-namespace="home"] #savoir .title-savoir {
    padding: 5rem 0;
    position: relative;
}

[data-barba-namespace="home"] #savoir .content-savoir {
    margin: 5rem 0 0;
}

[data-barba-namespace="home"] #savoir .content-savoir .img {
    position: relative;
    height: 70vh;
    margin-top: -11rem;
}

[data-barba-namespace="home"] #savoir .content-savoir .img-savoir {
    padding-left: 0;
}

[data-barba-namespace="home"] #savoir .ollois img {
    width: 100px;
    margin-bottom: 1rem;
}


[data-barba-namespace="home"] #mission {
    margin: 10rem 0 5rem;
}

[data-barba-namespace="home"] #mission .col-text-border {
    max-width: 80%;
}


[data-barba-namespace="home"] #goutte {
    height: 25rem;
}

[data-barba-namespace="home"] #goutte:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 60%);
}


[data-barba-namespace="home"] #science {
    margin: 10rem 0 5rem;
}

[data-barba-namespace="home"] #science .col-title {
    margin-bottom: 5rem;
}

[data-barba-namespace="home"] #science .bg-secondary {
    display: flex;
    align-items: center;
    padding: 4rem;
}

[data-barba-namespace="home"] #science .col-text-border {
    max-width: 90%;
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

    [data-barba-namespace="home"] #hero .logo-sevene {
        width: 12rem;
    }

    [data-barba-namespace="home"] #hero .col-text {
        align-items: flex-start;
    }

    [data-barba-namespace="home"] #hero {
        padding: 0;
        height: 50vh;
        min-height: initial;
    }


    [data-barba-namespace="home"] #citing .citing-sevene {
        width: 65%;
    }

    [data-barba-namespace="home"] #citing {
        margin: 10rem 0 5rem;
    }


    [data-barba-namespace="home"] #culture {
        margin: 0 0 2rem;
    }


    [data-barba-namespace="home"] #mission,
    [data-barba-namespace="home"] #science {
        margin: 5rem 0 5rem;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    [data-barba-namespace="home"] #hero {
        height: 100vh;
    }

    [data-barba-namespace="home"] #hero .container {
        padding: 0;
    }

    [data-barba-namespace="home"] #hero .container .row {
        flex-direction: column-reverse;
        height: auto;
    }

    [data-barba-namespace="home"] #hero .col-video .picto-sevene {
        height: auto;
    }

    [data-barba-namespace="home"] #hero .col-video #video-hp {
        max-width: 130%;
        left: 0;
        right: 0;
        margin: auto;
    }

    [data-barba-namespace="home"] #hero .col-video .video-teaser,
    [data-barba-namespace="home"] #hero .col-video {
        height: 23.25rem;
        position: relative;
    }

    [data-barba-namespace="home"] #hero .col-text {
        margin-top: 5rem;
        align-items: center;
    }

    [data-barba-namespace="home"] #hero .separator {
        display: none;
    }


    [data-barba-namespace="home"] #citing {
        height: 25rem;
        margin: 5rem 0 5rem;
    }

    [data-barba-namespace="home"] #citing .citing-sevene {
        flex-direction: column;
        width: 80%;
    }

    [data-barba-namespace="home"] #citing .citing-sevene h1 {
        margin: 1rem 0 0;
        font-size: 14px;
        text-align: center;
    }

    [data-barba-namespace="home"] #citing .citing-sevene svg {
        width: 5rem;
        height: 5rem;
        position: relative;
        margin-bottom: 1rem;
    }

    [data-barba-namespace="home"] #citing .citing-sevene h1 {
        margin: 0;
        font-size: 14px;
    }


    [data-barba-namespace="home"] #culture {
        margin: 0;
        padding: 0;
    }

    [data-barba-namespace="home"] #culture .full-height-img {
        margin-top: 3rem;
    }


    [data-barba-namespace="home"] #savoir .title-savoir .col-12:nth-child(1) {
        margin-bottom: 2rem;
    }

    [data-barba-namespace="home"] #savoir .content-savoir .img-savoir {
        padding: 0;
        margin-bottom: 5rem;
    }

    [data-barba-namespace="home"] #savoir .content-savoir .img {
        margin-top: -7rem;
    }


    [data-barba-namespace="home"] #mission,
    [data-barba-namespace="home"] #science {
        margin: 0;
    }

    [data-barba-namespace="home"] #mission .full-height-img {
        margin-top: 2rem;
    }

    [data-barba-namespace="home"] #mission .col-text-border {
        max-width: 100%;
    }


    [data-barba-namespace="home"] #goutte {
        display: none;
    }


    [data-barba-namespace="home"] #science .bg-secondary {
        margin-top: 2rem;
        padding: 4rem 15px;
    }

}


/* ======================================================================= */
/* Culture Sevene */
/* ======================================================================= */

[data-barba-namespace="culture"] #entreprise {
    margin: 5rem 0 5rem;
}

[data-barba-namespace="culture"] #entreprise .col-lg-6:nth-child(4) p {
    max-width: 80%;
}

[data-barba-namespace="culture"] #entreprise .col-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}


[data-barba-namespace="culture"] #citing {
    margin: 10rem 0;
}

[data-barba-namespace="culture"] #citing .citing-sevene {
    position: absolute;
    height: auto;
    width: 45%;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    top: 0;
}

[data-barba-namespace="culture"] #citing .citing-sevene h1 {
    font-size: 20px;
    margin: 0 0 0 8rem;
}

[data-barba-namespace="culture"] #citing .citing-sevene svg {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 0;
    left: 0;
}


[data-barba-namespace="culture"] #valeurs {
    background: var(--color-grey-light);
    margin: 20rem 0;
}

[data-barba-namespace="culture"] #valeurs .each-valeur {
    margin-top: 8rem;
}

[data-barba-namespace="culture"] #valeurs .bg-secondary {
    padding: 4rem;
    margin-top: -10rem;
}

[data-barba-namespace="culture"] #valeurs .each-valeur .col-title-border h3 {
    font-size: 40px;
    font-weight: 400;
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

    [data-barba-namespace="culture"] #entreprise {
        margin: 5rem 0 0;
    }

    [data-barba-namespace="culture"] #entreprise .col-img {
        margin-bottom: 2rem;
    }


    [data-barba-namespace="culture"] #citing .citing-sevene {
        width: 85%;
    }

    [data-barba-namespace="culture"] #citing {
        margin: 10rem 0 5rem;
    }


    [data-barba-namespace="culture"] #valeurs .each-valeur .col-title-border h3 {
        font-size: 20px;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    [data-barba-namespace="culture"] .hero .col-img::before {
        display: none;
    }

    [data-barba-namespace="culture"] .hero .col-img .img .separator-img {
        background: #FFF;
    }


    [data-barba-namespace="culture"] #entreprise {
        margin: 0;
    }

    [data-barba-namespace="culture"] #entreprise .col-lg-6:nth-child(4) p {
        max-width: 100%;
    }


    [data-barba-namespace="culture"] #vivremieux .col-12 {
        margin-bottom: 2rem;
    }


    [data-barba-namespace="culture"] #citing {
        height: 25rem;
        margin: 5rem 0;
    }

    [data-barba-namespace="culture"] #citing .citing-sevene {
        flex-direction: column;
        width: 80%;
    }

    [data-barba-namespace="culture"] #citing .citing-sevene h1 {
        margin: 1rem 0 0;
        font-size: 14px;
        text-align: center;
    }

    [data-barba-namespace="culture"] #citing .citing-sevene svg {
        width: 5rem;
        height: 5rem;
        position: relative;
        margin-bottom: 1rem;
    }

    [data-barba-namespace="culture"] #citing .citing-sevene h1 {
        margin: 0;
        font-size: 14px;
    }


    [data-barba-namespace="culture"] #valeurs {
        margin: 5rem 0;
    }

    [data-barba-namespace="culture"] #valeurs .bg-secondary {
        padding: 2.5rem;
    }


    [data-barba-namespace="culture"] #valeurs .col-12:nth-child(2),
    [data-barba-namespace="culture"] #valeurs .each-valeur .col-6:nth-child(3),
    [data-barba-namespace="culture"] #valeurs .each-valeur .col-6:nth-child(4) {
        margin-top: 2rem;
    }

}


/* ======================================================================= */
/* Savoir-faire Sevene */
/* ======================================================================= */

[data-barba-namespace="savoir"] #citing {
    height: 10rem;
    margin: 10rem 0 5rem;
    padding: 0;
}

[data-barba-namespace="savoir"] #citing .container,
[data-barba-namespace="savoir"] #citing .container .row {
    height: 100%;
}

[data-barba-namespace="savoir"] #citing .citing-sevene {
    position: absolute;
    height: auto;
    width: 40%;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
}

[data-barba-namespace="savoir"] #citing .citing-sevene h1 {
    font-size: 20px;
    margin: 0 0 0 8rem;
}

[data-barba-namespace="savoir"] #citing .citing-sevene svg {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 0;
    left: 0;
}


[data-barba-namespace="savoir"] #plantes .mazet-visu {
    margin: 3rem 0 0;
}

[data-barba-namespace="savoir"] #plantes .mazet-visu [data-arts-parallax],
[data-barba-namespace="savoir"] #plantes .mazet-visu [data-arts-parallax] > div {
    height: 100%;
}


[data-barba-namespace="savoir"] #remedes .ollois {
    margin-top: 4rem;
}

[data-barba-namespace="savoir"] #remedes .ollois .bg-secondary,
[data-barba-namespace="savoir"] #remedes .bg-light {
    padding: 4rem;
}

[data-barba-namespace="savoir"] #remedes .ollois .top-ollois {
    display: flex;
    justify-content: space-between;
}

[data-barba-namespace="savoir"] #remedes .ollois .top-ollois .logo-ollois {
    display: flex;
    align-items: center;
}

[data-barba-namespace="savoir"] #remedes .ollois .top-ollois .logo-ollois img {
    width: 100px;
    margin-right: 10px;
}

[data-barba-namespace="savoir"] #remedes .ollois .img,
[data-barba-namespace="savoir"] #remedes .ollois .img > div {
    height: 100%;
}

[data-barba-namespace="savoir"] #remedes .more-remede {
    margin-top: 4rem;
}

[data-barba-namespace="savoir"] #remedes .bg-light {
    height: 100%;
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

    [data-barba-namespace="savoir"] #citing .citing-sevene {
        width: 65%;
    }

    [data-barba-namespace="savoir"] #remedes .col-lg-8 {
        margin-bottom: 2rem;
    }

    [data-barba-namespace="savoir"] #remedes .ollois .col-lg-5 .img {
        max-height: 20rem;
    }

    [data-barba-namespace="savoir"] #remedes .ollois .bg-secondary,
    [data-barba-namespace="savoir"] #remedes .bg-light {
        padding: 2.5rem;
    }

    [data-barba-namespace="savoir"] .list-numbers .content-number h3 {
        font-size: 15px;
    }

}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    [data-barba-namespace="savoir"] .hero .col-img::before {
        display: none;
    }

    [data-barba-namespace="savoir"] .hero .col-img .img .separator-img {
        background: #FFF;
    }


    [data-barba-namespace="savoir"] #citing {
        margin: 0 0 2rem;
    }

    [data-barba-namespace="savoir"] #citing .citing-sevene {
        flex-direction: column;
        width: 80%;
    }

    [data-barba-namespace="savoir"] #citing .citing-sevene h1 {
        margin: 1rem 0 0;
        font-size: 14px;
        text-align: center;
    }

    [data-barba-namespace="savoir"] #citing .citing-sevene svg {
        width: 5rem;
        height: 5rem;
        position: relative;
        margin-bottom: 1rem;
    }

    [data-barba-namespace="savoir"] #citing .citing-sevene h1 {
        margin: 0;
        font-size: 14px;
    }


    [data-barba-namespace="savoir"] #plantes .mazet-visu {
        flex-wrap: nowrap;
        height: 8rem;
    }

    [data-barba-namespace="savoir"] #teintures .col-img,
    [data-barba-namespace="savoir"] #remedes .more-remede .col-12:nth-child(1) {
        margin-bottom: 2rem;
    }

}


/* ======================================================================= */
/* Mission Sevene */
/* ======================================================================= */

[data-barba-namespace="mission"] #hero::before,
[data-barba-namespace="mission"] #hero .separator-img,
[data-barba-namespace="mission"] .highlight,
[data-barba-namespace="mission"] #responsable {
    background: #b2f6ed;
}


[data-barba-namespace="mission"] .citing {
    height: 10rem;
    margin: 10rem 0 5rem;
    padding: 0;
}

[data-barba-namespace="mission"] .citing .container,
[data-barba-namespace="mission"] .citing .container .row {
    height: 100%;
}

[data-barba-namespace="mission"] .citing .citing-sevene {
    position: absolute;
    height: auto;
    width: 60%;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
}

[data-barba-namespace="mission"] .citing .citing-sevene h1 {
    font-size: 20px;
    font-style: italic;
    margin: 0 0 0 8rem;
}

[data-barba-namespace="mission"] .citing .citing-sevene svg {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 0;
    left: 0;
}


[data-barba-namespace="mission"] #dirigeant {
    position: relative;
    margin: 10rem 0;
}

[data-barba-namespace="mission"] #dirigeant::before {
    content: '';
    display: block;
    height: 60%;
    width: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    background: var(--color-grey-light);
}

[data-barba-namespace="mission"] #dirigeant .all-dirigeant {
    display: flex;
    justify-content: space-around;
}

[data-barba-namespace="mission"] #dirigeant .picture-dirigeant {
    margin-bottom: 1.5rem;
}

[data-barba-namespace="mission"] #dirigeant .info-dirigeant p {
    margin: 0 0 5px;
}

[data-barba-namespace="mission"] #dirigeant .info-dirigeant span {
    background: #b2f6ed;
    padding: 3px 5px;
}


[data-barba-namespace="mission"] .col-visible {
    position: relative;
    z-index: 3;
}

[data-barba-namespace="mission"] #ecologique::before {
    content: '';
    display: block;
    height: 100%;
    width: 44%;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    background: #FFF;
}

[data-barba-namespace="mission"] #ecologique .swiper-ecolo {
    height: 100%;
    padding: 0 0 1rem;
    overflow: visible;
}

[data-barba-namespace="mission"] #ecologique .swiper-ecolo .img-slide {
    height: 80%;
}

[data-barba-namespace="mission"] #ecologique .swiper-ecolo .content-slide {
    height: 20%;
    display: flex;
    align-items: center;
    font-family: "Helvetica";
    font-weight: bold;
}

[data-barba-namespace="mission"] #ecologique .swiper-ecolo .content-slide span {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

[data-barba-namespace="mission"] #ecologique .swiper-ecolo .content-slide span::before {
    content: '';
    display: block;
    height: 2px;
    width: 40px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 12px;
    background: var(--color-primary);
}

[data-barba-namespace="mission"] #ecologique .swiper-ecolo .img-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


[data-barba-namespace="mission"] #ecologique .nav-slider {
    position: absolute;
    top: 6rem;
    left: -15px;
    z-index: 2;
}

[data-barba-namespace="mission"] #ecologique .nav-slider .btn-next {
    position: relative;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    background: var(--color-primary);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.35s ease-in-out;
    outline: none;
}

[data-barba-namespace="mission"] #ecologique .nav-slider .btn-next:hover {
    background: var(--color-secondary);
    outline: none;
}

[data-barba-namespace="mission"] #ecologique .nav-slider .btn-next:focus {
    outline: none;
}

[data-barba-namespace="mission"] #ecologique .nav-slider .btn-next svg {
    width: 15px;
    fill: #FFF;
}


[data-barba-namespace="mission"] .citing-2 {
    margin: 5rem 0 15rem;
}

[data-barba-namespace="mission"] .citing-2 .citing-sevene {
    width: 52%;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

    [data-barba-namespace="mission"] .citing-sevene {
        width: 85% !important;
    }

    [data-barba-namespace="mission"] #dirigeant {
        margin: 10rem 0 0;
    }

    [data-barba-namespace="mission"] #dirigeant::before {
        height: 100%;
    }

    [data-barba-namespace="mission"] .section-parallax img {
        position: relative;
        bottom: -5rem;
    }

    [data-barba-namespace="mission"] #ecologique .nav-slider {
        top: 50%;
        transform: translateY(-50%);
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    [data-barba-namespace="mission"] .hero .col-img::before {
        display: none;
    }

    [data-barba-namespace="mission"] .hero .col-img .img .separator-img {
        background: #FFF !important;
    }


    [data-barba-namespace="mission"] .citing {
        margin: 5rem 0 8rem;
    }

    [data-barba-namespace="mission"] .citing-sevene {
        flex-direction: column;
    }

    [data-barba-namespace="mission"] .citing-sevene h1 {
        margin: 1rem 0 0;
        font-size: 14px;
        text-align: center;
    }

    [data-barba-namespace="mission"] .citing-sevene svg {
        width: 5rem !important;
        height: 5rem !important;
        position: relative !important;
        margin-bottom: 1rem;
    }

    [data-barba-namespace="mission"] .citing-sevene h1 {
        margin: 0 !important;
        font-size: 14px !important;
    }


    [data-barba-namespace="mission"] #futur .full-height-img {
        margin-bottom: 2rem;
    }

    [data-barba-namespace="mission"] #dirigeant {
        margin: 0;
    }

    [data-barba-namespace="mission"] #dirigeant .all-dirigeant {
        margin-top: 2rem;
    }

    [data-barba-namespace="mission"] #dirigeant .dirigeant-details:nth-child(1) {
        margin: 0 5px 0 0;
    }

    [data-barba-namespace="mission"] #dirigeant .dirigeant-details:nth-child(2) {
        margin: 0 0 0 5px;
    }

    [data-barba-namespace="mission"] .section-parallax {
        height: 15rem;
    }

    [data-barba-namespace="mission"] .section-parallax img {
        bottom: -2rem;
    }


    [data-barba-namespace="mission"] #ecologique .swiper-ecolo .img-slide {
        height: 100%;
    }

    [data-barba-namespace="mission"] #ecologique::before {
        display: none;
    }

    [data-barba-namespace="mission"] #ecologique .swiper-ecolo .content-slide span {
        width: 100%;
    }

    [data-barba-namespace="mission"] #ecologique .swiper-ecolo .content-slide span::before {
        left: auto;
    }


    [data-barba-namespace="mission"] .citing.citing-2 {
        margin: 5rem 0 10rem;
    }

}


/* ======================================================================= */
/* Science Sevene */
/* ======================================================================= */

[data-barba-namespace="science"] .fat-number {
    position: absolute;
    top: -12rem;
    right: 0;
    font-size: 15rem;
    font-weight: 900;
    font-family: "Helvetica";
    color: var(--color-white);
    -webkit-text-stroke: 1px var(--color-grey);
}


[data-barba-namespace="science"] #scientifique {
    margin: 12rem 0 5rem;
}

[data-barba-namespace="science"] #scientifique .bg-secondary {
    padding: 4rem;
    height: 20rem;
    display: flex;
    align-items: center;
}

[data-barba-namespace="science"] #scientifique .bg-secondary svg {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: -6rem;
}


[data-barba-namespace="science"] #developpement {
    margin: 10rem 0;
}

[data-barba-namespace="science"] #developpement .col-img-two {
    height: 30rem;
}

[data-barba-namespace="science"] #developpement .col-img-two .img-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border: 10px solid #FFF;
}

[data-barba-namespace="science"] #developpement .col-img-two .img-2 {
    position: absolute;
    top: 50px;
    right: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}


[data-barba-namespace="science"] #agro {
    margin: 0 0 10rem;
}

[data-barba-namespace="science"] #agro .fat-number {
    top: -16rem;
    left: 0;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {


}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    [data-barba-namespace="science"] .hero .col-img::before {
        display: none;
    }

    [data-barba-namespace="science"] .hero .col-img .img .separator-img {
        background: #FFF !important;
    }

    [data-barba-namespace="science"] .fat-number {
        font-size: 10rem;
        line-height: initial;
    }


    [data-barba-namespace="science"] #scientifique {
        margin: 5rem 0 0;
    }

    [data-barba-namespace="science"] #scientifique .col-12:first-child {
        margin-bottom: 5rem;
    }

    [data-barba-namespace="science"] #scientifique .bg-secondary {
        padding: 2.5rem;
    }


    [data-barba-namespace="science"] #developpement {
        margin: 0;
    }

    [data-barba-namespace="science"] #developpement .fat-number {
        top: -5rem;
    }

    [data-barba-namespace="science"] #developpement .col-lg-6:nth-child(4) {
        margin-top: 10rem;
    }

    [data-barba-namespace="science"] #developpement .col-img-two {
        height: 20rem;
    }


    [data-barba-namespace="science"] #agro {
        margin: 10rem 0 5rem;
    }

    [data-barba-namespace="science"] #agro .fat-number {
        top: -7rem;
        left: auto;
        right: 0;
    }

    [data-barba-namespace="science"] #agro .col-lg-7 {
        margin-bottom: 5rem;
    }
}


/* ======================================================================= */
/* Mentions légales Sevene */
/* ======================================================================= */

[data-barba-namespace="mention"] #hero {
    height: 50vh;
    min-height: 50vh;
    background: #F4F4F4;
}

[data-barba-namespace="mention"] #content-text hr {
    margin: 2rem 0;
}

[data-barba-namespace="mention"] #content-text ul {
    padding-left: 13px;
}