/* */

#home #banner .hero {
            margin-top: -30px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-bottom: 6px;
            height: 1110px;
        }

#home .hero {
        width: 100%;
        position: relative;

    }

#home .hero .hero-video {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 2;

            opacity: 0;
            transition: opacity var(--t-duration-base) ease;
            pointer-events: none;
        }

#home .hero .hero-content {

            position: absolute;
            top: 10%;
            z-index: 3;
            left: 40px;

        }

#home .hero .hero-content h1 {
                font-size: var(--t-text-hero);
                color: var(--t-color-white);
                left: 40px;
            }

#home .hero .hero-content p {
                color: var(--t-color-white);
                letter-spacing: var(--t-tracking-wide);
                line-height: var(--t-leading-hero);
                font-size: var(--t-text-3xl);
                width: 400px;
            }

#home .hero.is-video-active .hero-video {
        opacity: 1!important;
    }

/*Categories*/

#home #categories {
        margin-bottom: var(--t-space-7);
    }

#home #categories .category {
        cursor: pointer;
        z-index: var(--t-z-base);
    }

#home #categories .category img {
        transition: transform var(--t-duration-base) ease;
    }

#home #categories .category img:hover {
        transition: transform var(--t-duration-base) ease;
        transform: scale(1.02)
    }

#home #categories img {
        width: 100%;
        max-height: 620px;
    }

#home #categories .row {
        margin: 0;
    }

#home #categories .row > div {
        padding: 0;
    }

#home #categories .row > div:first-child {
        padding-right: 6px;
    }

#home #categories .row > div:last-child {
        padding-left: 6px;
    }

#home .category-name {
        position: absolute;
        left: 50%;
        bottom: 8%;
        z-index: 3;
        white-space: nowrap;
        transform: translate(-50%, 0);
        color: var(--t-color-white);
    }

#home .category i {
        margin-left: var(--t-space-3);
        transition: all var(--t-duration-base) ease;
    }

#home .category:hover .name {
        transform: translateX(-10px);
    }

#home .category:hover i {
        transform: translateX(10px);
    }

/* Add'Up System*/

#home #addup-system {

        margin-bottom: var(--t-space-7);

    }

#home #addup-system .row {
            align-items: center;
        }

#home #addup-system h2 {
            letter-spacing: var(--t-tracking-wide);
            font-size: var(--t-text-7xl);
            text-align: center;
            font-weight: var(--t-weight-medium);
            margin-bottom: var(--t-space-7);
        }

#home #addup-system p {
            text-align: justify;
            font-size: var(--t-text-3xl);
            font-weight: var(--t-weight-extralight);
            margin-bottom: var(--t-space-7);

        }

#home #addup-system p span {
                color: var(--t-color-red);
                font-weight: var(--t-weight-medium);
            }

#home #addup-system .img-container {
            position: relative;
        }

#home #addup-system .second_image {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity var(--t-duration-slow) ease;
            width: 100%;
        }

#home #addup-system .second_image:hover  {
            opacity: 1;
        }

#home #addup-system .main_image {
            width: 100%;
            display: block;
            transition: opacity var(--t-duration-slow) ease;
        }

#home #addup-system .main_image:hover {
            opacity: 0;
        }

/* Made in france*/

#home #made-in-france .row {
            align-items: center;
        }

#home #made-in-france h3{
            text-align: center;
            font-size: var(--t-text-7xl);
            letter-spacing: var(--t-tracking-wide);
            font-weight: var(--t-weight-medium);
            color: var(--t-color-red);
            margin-bottom: var(--t-space-7);
        }

#home #made-in-france img {
            width: 100%;
        }

#home #made-in-france p {
            text-align: justify;
            font-size: var(--t-text-3xl);
            font-weight: var(--t-weight-extralight);
            margin-bottom: var(--t-space-7);
        }

@media (max-width: 720px) {

        #home #banner .hero {
            background-size: cover;
            height: 350px;
            background-repeat: no-repeat;
        }

        #home #banner .hero .hero-content {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            width: 100%;
        }

        #home h1 {
            font-size: var(--t-text-9xl) !important;
        }

        #home .category-name {
            font-size: var(--t-text-8xl);
        }

        #home #categories .row > div {
            padding: 0 12px 12px 12px!important;
        }

        /* Add'Up System*/

        #home #addup-system {
            margin-bottom: var(--t-space-16);
        }

        #home #addup-system .content {
            width: 100%;
            margin: 0 auto var(--t-space-7) auto;
            text-align: center;
        }

        /* Made in france */

            #home #made-in-france .row {
                flex-direction: column-reverse;
            }

    }

@media (min-width: 720px) and (max-width: 960px) {

        #home #banner .hero{
            background-size: cover;
            height: 470px;
        }

        #home h1 {
            font-size: 23px;
        }

        #home .category-name {
            font-size: var(--t-text-sm);
        }

        #home #categories .row > div {
            padding: 0 12px 12px 12px!important;
        }

        /* Add'Up System*/

        #home #addup-system .text {
            width: 100%;
            margin: 0 auto var(--t-space-7) auto;
            text-align: center;
        }

        /* Made in france */

        #home #made-in-france .mif-text {
            width: 100%;
        }

        #home #made-in-france a {
            font-size: var(--t-text-3xl);
        }

    }

@media (min-width: 960px) and (max-width: 1140px) {

        #home #banner .hero {
            height: 570px;
        }

        #home h1 {
            font-size: var(--t-text-6xl);
        }

        #home #categories img {
            width: 100%;
            max-height: 305px;
        }

        /* Add'Up System*/

        #home #addup-system .text {
            width: 100%;
            margin: 0 auto var(--t-space-7) auto;
            text-align: center;
        }

        /* Made in france */

        #home #made-in-france .mif-text {
            width: 100%;
        }

        #home #made-in-france a {
            font-size: var(--t-text-3xl);
        }

    }

@media (min-width: 960px) and (max-width: 1140px) {

        #home #banner .hero{
            height: 570px;
        }

        #home h1 {
            font-size: var(--t-text-6xl);
        }

        #home #categories img {
            max-height: 305px;
        }

    }

@media (min-width: 1140px) and (max-width: 1820px) {

        #home #banner .hero{
            height: 900px;
        }

        #home h1 {
            font-size: var(--t-text-5xl);
        }

        #home #categories img {
            max-height: 530px;
        }

    }

/* MODAL */

#home main .modal-body{
        height: 150px;
    }

#home main .result {
        height: 110px;
    }

#home main .modal-body p{
        margin: 0 0 10px;
    }