/* Header */
body .smartpage header.with-background:not(.embed-responsive-item)::after {
    background: rgba(0, 0, 0, 0.05);
}
body .smartpage header.with-background h1 {
    font-family: 'FontFaceCondensedBold' !important;
    line-height: 1.1 !important;
    font-size: 24px !important;
    color: #4e4e4d !important;
    margin-top: 0 !important;
}
@media (min-width: 768px) {
    body .smartpage header.with-background h1 {
        font-size: 28px !important;
        margin-top: 6% !important;
    }
}
@media (min-width: 992px) {
    body .smartpage header.with-background h1 {
        font-size: 32px !important;
    }
}
@media (min-width: 1200px) {
    body .smartpage header.with-background h1 {
        font-size: 34px !important;
    }
}
@media (min-width: 1400px) {
    body .smartpage header.with-background h1 {
        font-size: 36px !important;
    }
}

/* Smartsection 1 */
.sm_1col_1txt h2 {
    font-size: 28px !important;
    font-family: 'FontFaceBold';
    text-align: center;
    color: #6f6f6e !important;

}
@media (min-width: 768px) {
    .sm_1col_1txt h2 {
        font-size: 32px !important;
    }
}
@media (min-width: 992px) {
    .sm_1col_1txt h2 {
        font-size: 36px !important;
    }
}
@media (min-width: 1200px) {
    .sm_1col_1txt h2 {
        font-size: 38px !important;
    }
}
@media (min-width: 1400px) {
    .sm_1col_1txt h2 {
        font-size: 42px !important;
    }
}
/* Smartsection 2 */
.sm_2col_1img_1txt {
    background-color: #f9f9f9 !important;
}
    .sm_2col_1img_1txt .img,
    .sm_2col_1img_1txt.active .img {
        transform: scale(0.8) !important;
    }







.sm_1col_1txt_collapse:not(.cNormal) {
    padding-top: 0;
    overflow: visible;
}

.sm_1col_1txt_collapse:not(.cNormal):not(.opened) {
    padding-bottom: 0;
}

.sm_1col_1txt_collapse:not(.cNormal) h2 {
    border: none;
}

.sm_1col_1txt_collapse:not(.cNormal) h2::before {
    color: #434342;
    position: absolute;
    margin: -80px 0 0 -50px;
}

.sm_1col_1txt_collapse:not(.cNormal) h2 span {
    display: none;
}

.sm_1col_1txt_collapse:not(.cNormal) .html {
    padding: 0;
}

.sm_1col_1txt .container-fluid .row {
    margin: 20px -30px 0 -30px;
}

.sm_1col_1txt .container-fluid .row .col-sm-4 {
    background-color: #ffed00;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 15px;
}

.sm_1col_1txt .container-fluid .row .col-sm-4:nth-child(1) {
    background-image: url('/images/layouts/trame-carre-1.svg');
}

.sm_1col_1txt .container-fluid .row .col-sm-4:nth-child(2) {
    background-image: url('/images/layouts/trame-carre-2.svg');
}

.sm_1col_1txt .container-fluid .row .col-sm-4:nth-child(3) {
    background-image: url('/images/layouts/trame-carre-3.svg');
}

@media (min-width: 992px) {
    .sm_1col_1txt .container-fluid .row .col-sm-4 {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden;
        padding-bottom: 30%;
    }

    .sm_1col_1txt .container-fluid .row .col-sm-4 p {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
}

.sm_1col_1txt .container-fluid .row .col-sm-4 p {
    padding: 15px;
}

@media (min-width: 992px) {
    .sm_1col_1txt .container-fluid .row .col-sm-4 p {
        padding: 30px;
    }
}

.sm_1col_1txt .container-fluid .row .col-sm-6:nth-child(1) {
    background: #ffed00;
    background-image: url('/images/layouts/trame-carre-1.svg');
    padding: 0;
    margin: 0 15px;
}

@media (min-width: 992px) {
    .sm_1col_1txt .container-fluid .row .col-sm-6 {
        transition: opacity .75s, transform .75s;
        transition-delay: 1s;
        opacity: 0;
    }

    .sm_1col_1txt .container-fluid .row .col-sm-6:nth-child(1) {
        transform: translateX(-100%);
    }

    .sm_1col_1txt .container-fluid .row .col-sm-6:nth-child(2) {
        transform: translateX(100%);
    }

    .sm_1col_1txt.active .container-fluid .row .col-sm-6 {
        opacity: 1;
        transform: none;
    }
}

.sm_1col_1txt .container-fluid .row .col-sm-6:nth-child(1) p {
    padding: 10px;
}

@media (min-width: 992px) {
    .sm_1col_1txt .container-fluid .row .col-sm-6:nth-child(1) p {
        padding: 30px;
    }
}

header + .smartsection + .smartsection + .smartsection {
    background: #f1f1f1;
}

header + .smartsection + .smartsection + .smartsection + .smartsection + .smartsection + .smartsection {
    background: #f1f1f1;
}

header + .smartsection + .smartsection + .smartsection + .smartsection + .smartsection + .smartsection + .smartsection + .smartsection + .smartsection {
    background: #f1f1f1;
}