﻿.kperf_h1 {
    font-size: 34px;
    font-weight: var(--semibold);
    line-height: 1.5;
    padding-bottom: var(--val_10);
}
.kperf_p {
    font-size: var(--size_p);
    font-weight: var(--medium);
    line-height: 1.5;
    text-align: justify;
}
.kperf_p--header {
    color: #FFFFFF;
}
.kperf_article__header {
    background: url(https://www.cybertek.fr/images_produits/cybertek/images-landing/keenetic/performance/header_bottom.jpg);
    margin-top: -5px;
    padding: var(--marg_30_0);
    background-size: cover;
    color: #FFFFFF;
}
.kperf_iframe {
    width: 100%;
    min-height: 670px;
}
.kpref_content_part1 {
    background: url(https://www.cybertek.fr/images_produits/cybertek/images-landing/keenetic/performance/background_keenetic2.jpg);
    margin-top: -5px;
    padding: var(--marg_30_0);
    background-size: contain;
    color: #FFFFFF;
    background-repeat: no-repeat;
}
.kperf_un-bloc {
    position: relative;
    padding: var(--val_20);
    overflow:hidden;
}
.kperf_hover-bloc {
    position: relative;
    z-index: 1;
    opacity: 0;
    transform: translateX(-30px);
    transition: 0.5s;
    pointer-events: none;
}
.kperf_hover_div {
    background: #00000088;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateX(0) translateY(0);
}
.kperf_h1--bloc {
    position: relative;
    z-index: 1;
}
.kperf_cta-bloc {
    position: absolute;
    background: var(--jaune);
    color: : var(--noir);
    padding: var(--marg_10_20);
    font-size: 16px;
    font-weight: var(--semibold);
    bottom: var(--val_20);
    right: var(--val_20);
    transform: translateY(10px);
}
    .kperf_cta-bloc:hover {
        background: #ffe783;
    }
.kperf_un-bloc:hover .kperf_hover-bloc {
    opacity: 1;
    transform: translateX(0) translateY(0);
    pointer-events: initial;
}

.kperf_bloc--1 {
    background: url(https://www.cybertek.fr/images_produits/cybertek/images-landing/keenetic/performance/img_1.jpg);
    background-size: cover;
}
.kperf_bloc--2 {
    background: url(https://www.cybertek.fr/images_produits/cybertek/images-landing/keenetic/performance/img_2.jpg);
    background-size: cover;
}
.kperf_bloc--3 {
    background: url(https://www.cybertek.fr/images_produits/cybertek/images-landing/keenetic/performance/img_3.jpg);
    background-size: cover;
}
.kperf_bloc--4 {
    background: url(https://www.cybertek.fr/images_produits/cybertek/images-landing/keenetic/performance/img_4.jpg);
    background-size: cover;
}
.kperf_bloc--5 {
    background: url(https://www.cybertek.fr/images_produits/cybertek/images-landing/keenetic/performance/img_5.jpg);
    background-size: cover;
    width:100%;
}

.kperf_bloc_content--1 {
    min-height: 280px;
}
.kperf_bloc {
    display: flex;
    flex-wrap: wrap;
}
.kperf_un-bloc-contenu--2{
    width:50%;
    min-height:280px;
}
.kperf_h1--bloc-bas {
    color: : var(--noir);
    font-size: var(--val_30);
    font-weight: var(--semibold);
    min-height: 80px;
    line-height: 1.2;
    padding-top: var(--val_10);
}
.kperf__un-bloc-bas {
    width: 100%;
    max-width: calc(33% - 23px);
}
.kperf_zone_blocs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--val_40);
    margin-top: var(--val_40);
    justify-content: center;
}
.kperf_cta-bloc--final {
    position: relative;
    display: block;
    width: fit-content;
    margin: auto;
    bottom: auto;
    left: auto;
    top: auto;
    right: auto;
    font-size: var(--val_20);
    margin-top: var(--val_40);
}
/* ---- */
.kperf_video--desktop {
    display: block;
}
.kperf_video--tablette,
.kperf_video--mobile {
    display: none;
}
@media screen and (min-width: 1490px) {
    .kperf_iframe {
        min-height: 760px;
    }
}
@media screen and (max-width: 1130px) {
    .kperf_iframe {
        min-height: 600px;
    }
}
@media screen and (max-width: 1300px) {
    .kperf_un-bloc-contenu--2 {
        width: 50%;
        min-height: 350px;
        background-position: right;
    }
}
@media screen and (max-width: 1200px) {
    .kperf_video--tablette {
        display: block;
    }

    .kperf_video--desktop,
    .kperf_video--mobile {
        display: none;
    }

    .kperf_article {
        padding-left: var(--val_10);
        padding-right: var(--val_10);
    }
    .kperf__un-bloc-bas{
        max-width: calc(50% - 20px);
    }
}
@media screen and (max-width: 900px) {
    .kperf_video--mobile {
        display: block;
    }
    .kperf_video--desktop,
    .kperf_video--tablette {
        display: none;
    }
    .kperf_un-bloc-contenu--2 {
        width: calc(100% - 20px);
        min-height: 300px;
        margin: auto,
    }
    .kperf_un-bloc-contenu--1 {
        width: calc(100% - 20px);
        min-height: 300px;
    }
    .kperf_bloc {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media screen and (max-width: 770px) {
    .kperf_iframe {
        min-height: 670px;
    }
    .kperf__un-bloc-bas {
        max-width: calc(100% - 20px);
    }
    .kperf_img_bas {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .kperf_iframe {
        min-height: 620px;
    }
    .kperf_un-bloc-contenu--2 {
        width: calc(100% - 20px);
        min-height: 400px;
    }
}