/* ------------------ GENERAL ------------------ */

* {
    font-family: "Roboto", sans-serif;
}
html {
    font-size: 62.5%;
    background-color: #EBEDEF;
}
@media (max-width: 767px) {
    html {
        font-size: 67%;
    }
}
body {
    font-family: "Roboto", sans-serif;
    background: #fff;
    color: #8591A0;
    font-size: 1.4rem;
    line-height: 1.45;
}
p {
    margin-bottom: 0;
}
a {
    color: #1B61C1;
    text-decoration: none;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
a:hover {
    color: #1B61C1;
    text-decoration: underline;
}
a:focus {
    color: #1B61C1;
    text-decoration: none;
}
[data-href] { cursor: pointer; }
i {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
img {
    border: 0;
}
.clear {
    clear: both;
}
sup{
    text-transform: none;
}
ol, ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
}
ul {
    list-style: none;
}
ol {
    padding-left: 1.5rem;
}
ul.no-style li:before { content: "" !important; padding: 0 !important; }
svg {
    height: 100%;
    width: auto;
}

/* ------------------ LAYOUT ------------------ */

.form-row {
    margin-right: -10px;
    margin-left: -10px;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
}

/* ------------------ UTILITIES ------------------ */

.text-primary { color: #1B61C1 !important }
.text-primary-darker { color: #114B9B !important }
.text-default { color: #8591A0 !important }
.text-warning { color: #FFC107 !important }
.text-dark { color: #384557 !important }
.text-light { color: #BDC5D0 !important }
.text-lighter { color: #E4E7EB !important }
.text-success { color: #52B51B !important }
.text-gold { color: #e4d794 !important; }
a.text-primary:hover,
a.text-primary:focus {
    color: #384557 !important;
    text-decoration: none !important;
}
a.text-default:hover,
a.text-default:focus {
    color: #1B61C1 !important;
    text-decoration: none !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: #1B61C1 !important;
    text-decoration: none !important;
}
.p-45 { padding: 2rem !important; }
.pl-45 { padding-left: 2rem !important; }
.pt-45 { padding-top: 2rem !important; }
.pr-45 { padding-right: 2rem !important; }
.pb-45 { padding-bottom: 2rem !important; }
.py-45 { padding-bottom: 2rem !important; padding-top: 2rem !important; }
.px-45 { padding-left: 2rem !important; padding-right: 2rem !important; }
.m-45 { margin: 2rem !important; }
.mtn-2 { margin-top: -0.4rem; }
.ml-45 { margin-left: 2rem !important; }
.mt-45 { margin-top: 2rem !important; }
.mr-45 { margin-right: 2rem !important; }
.mb-45 { margin-bottom: 2rem !important; }
.my-45 { margin-bottom: 2rem !important; margin-top: 2rem !important; }
.mx-45 { margin-left: 2rem !important; margin-right: 2rem !important; }
.fs-8 { font-size: 0.8rem !important }
.fs-9 { font-size: 0.9rem !important }
.fs-10 { font-size: 1rem !important }
.fs-11 { font-size: 1.1rem !important }
.fs-12 { font-size: 1.2rem !important }
.fs-13 { font-size: 1.3rem !important }
.fs-14 { font-size: 1.4rem !important }
.fs-15 { font-size: 1.5rem !important }
.fs-16 { font-size: 1.6rem !important }
.fs-17 { font-size: 1.7rem !important }
.fs-18 { font-size: 1.8rem !important }
.fs-20 { font-size: 2.0rem !important }
.fs-22 { font-size: 2.2rem !important }
.fs-24 { font-size: 2.4rem !important }
.fs-26 { font-size: 2.6rem !important }
.fs-30 { font-size: 3.0rem !important }
.fs-80 { font-size: 8rem !important }
.fw-300 { font-weight: 300 !important }
.fw-400 { font-weight: 400 !important }
.fw-500 { font-weight: 500 !important }
.fw-600 { font-weight: 600 !important }
.fw-700 { font-weight: 700 !important }
.fw-900 { font-weight: 900 !important }
.lh-n { line-height: normal !important }
.lh-10 { line-height: 1.0 !important }
.lh-13 { line-height: 1.3 !important }
.lh-15 { line-height: 1.5 !important }
.lh-20 { line-height: 2.0 !important }
.font-script { font-family: 'Dancing Script', cursive; }
.font-lobster { font-family: "Lobster"; }
.bg-light { background: #FBFBFC !important; }
.bg-light-grey { background: #E4E7EB !important; }
.bg-secondary { background: #8591A0 !important; }
.bg-muted { background: #BDC5D0 !important; }
a.bg-secondary:hover { background: #384557 !important; }
.bg-dark { background: #384557 !important; }
.bg-white { background: #fff !important; }
.bg-primary { background: #1B61C1 !important; }
.bg-warning { background: #FFC107 !important }
.bg-gold { background: #e4d794 !important; }
a.bg-white:hover { background: #384557 !important; border-color:#384557 !important; color:  #fff !important; }
a.bg-white:hover i { color:  #fff !important; }
.border { border-color: #E4E7EB !important; }
.border-2 { border-width: 2px !important; }
.border-left, .border-top, .border-bottom, .border-right { border-color: #E4E7EB !important; }
.border-white { border: solid 1px #fff; }
.border-success { border-color: #52B51B!important; }
.img-fluid-w-100 { width: 100%; }
.h-30 { height: 3rem; }
.mw-600 { max-width: 60rem; }
.alert { border-radius: 0; padding: 1.5rem 1.5rem; }
.alert-dark { background: #E4E7EB; border-color: #BDC5D0; color: #384557 }
.alert-mobile { background: #E4E7EB; color: #fff; }
.alert-mobile .close { opacity: 1; }
@media (max-width: 540px) {
    .h-sm-auto { height: auto; }
}
.number-box {
    font-weight: 700;
    background: #E4E7EB;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 200px;
    text-align: center;
}
.underline {
	background-image: linear-gradient(0, #E4E7EB 45%, transparent 45% );
}
.cursor-pointer {
    cursor: pointer;
}

/* ------------------ BREADCRUMB ------------------ */

.breadcrumb-item {
    font-size: 12px;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item:before {
    float: inherit;
    padding-right: 0.25rem;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f105";
    color: #BDC5D0;
}

/* ------------------ BUTTONS ------------------ */

.btn {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.825rem 2rem;
}
.btn-sm {
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0.35rem 1.5rem;
}
.btn-lg {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1rem 3rem;
}
.btn:hover,
.btn:focus,
.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    color: #fff;
}
.btn-primary {
    background: #1B61C1;
    border-color: #1B61C1;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #0E4DA3;
    border-color: #0E4DA3;
}
.btn-primary.disabled, .btn-primary:disabled {
    background: #BDC5D0;
    border-color: #BDC5D0;
}
.btn-light {
    color: #384557;
    background: #E4E7EB;
    border-color: #E4E7EB;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light:not(:disabled):not(.disabled):active:focus {
    color: #384557;
    background: #D5DCE5;
    border-color: #D5DCE5;
}
.btn-light.disabled, .btn-light:disabled {
    background: #D5DCE5;
    border-color: #D5DCE5;
}
.btn-secondary {
    background: #BDC5D0;
    border-color: #BDC5D0;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active
{
    background: #A7A8AE;
    border-color: #A7A8AE;
}
.btn-success {
    background: #52B51B;
    border-color: #52B51B;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:not(:disabled):not(.disabled):active {
    background: #47AA10;
    border-color: #47AA10;
}
.btn-dark {
    background: #222E3D;
    border-color: #222E3D;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active {
    background: #1D2633;
    border-color: #1D2633;
}
.btn-download {
    background: #E47911;
    border-color: #E47911;
}
.btn-download:hover,
.btn-download:focus,
.btn-download:active,
.btn-download:not(:disabled):not(.disabled):active {
    background: #cd6c0d;
    border-color: #cd6c0d;
}
.btn-download:before,
.btn-check:before,
.btn-search:before {
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    margin-right: 0.8rem;
}
.btn-download:before { content: '\f358'; }
.btn-check:before { content: '\f058'; }
.btn-search:before { content: '\f002'; font-weight: 400; }


@media (max-width: 767px) {
    .btn {
        font-size: 1.4rem;
        padding: 0.75rem 1.5rem;
    }
}

/* ------------------ FORM ------------------ */


input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea:-moz-placeholder,
input:-moz-placeholder {
    color: #8591A0 !important;
    opacity: 0.8 !important;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
    color: #8591A0 !important;
    opacity: 0.8 !important;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #8591A0 !important;
    opacity: 0.8 !important;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #8591A0 !important;
    opacity: 0.8 !important;
}
.form-group {
    margin-bottom: 0;
}
.form-control,
.custom-select {
    color: #384557;
    font-size: 1.4rem;
    border-color: #E4E7EB;
    border-radius: 0;
    padding: 0.85rem 1rem;
    margin-bottom: 1.2rem;
}
.form-control:not(textarea),
.custom-select {
    height: 4rem;
}
.form-control:focus {
    box-shadow: none;
}
.form-control:disabled ,
.form-control.disabled {
    background: #f8f9fa;
    color: #8591A0;
}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    box-shadow: none;
}
.form-control.is-valid {
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem;
}
.form-label {
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
}
.custom-control {
    padding-left: 2.5rem;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-control-input:checked~.custom-control-label:before {
    background: #1B61C1;
    border: solid 1px #1B61C1;
}
.custom-control-label:before {
    height: 1.8rem;
    width: 1.8rem;
    background-color: #fff;
    border: solid 1px #E4E7EB;
    box-shadow: none;
    left: -2.5rem;
}
.custom-checkbox .custom-control-label:before {
    border-radius: 0;
}
.custom-control-label:after {
    height: 1.8rem;
    width: 1.8rem;
    top: 0.25rem;
    left: -2.5rem;
}
.custom-control-label {
    font-size: 1.2rem;
    letter-spacing: 0.1px
}

/* ------------------ TABLE ------------------ */

.table-bordered {
    border: solid 1px #E4E7EB;
}
.table-bordered thead tr th, .table-bordered tbody tr td {
    padding: 1rem;
    border: solid 1px #E4E7EB;
    border-right: none;
    border-left: none;
    vertical-align: middle;
}
.table-bordered thead tr th {
    border-bottom-width: 1px;
    background: #E4E7EB;
    color: #384557;
    font-weight: 500;
}

/* ------------------ NAV PILLS ------------------ */

.nav-pills .nav-link {
    border-radius: 0;
    padding: 1rem;
    background: #BDC5D0;
    color: #fff;
    font-weight: 500;
    font-size: 1.3rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    background: #8591A0;
}
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
    background: #8591A0;
}

/* ------------------ QUOTE ------------------ */

.quote {
    position: relative;
    border-radius: 3px;
    background: #f8f9fa;
    border: solid 1px #E4E7EB;
    padding: 4rem;
}
.quote .content {
    position: relative;
    z-index: 1;
    color: #384557;
}
.quote::before {
    position: absolute;
    top: 0.2rem;
    left: 2rem;
    content: "\f10d";
    font-weight: 900;
    font-family: "Font Awesome\ 5 Pro";
    font-size: 5rem;
    color: #EEEEEF;
    z-index: 0;
}
.quote::after {
    position: absolute;
    bottom: 0.2rem;
    right: 2rem;
    content: "\f10e";
    font-weight: 900;
    font-family: "Font Awesome\ 5 Pro";
    font-size: 5rem;
    color: #EEEEEF;
    z-index: 0;
}

/* ------------------ PAGINATION ------------------ */

ul.pagination .page-item:before {
    content: "" !important;
    padding: 0 !important;
}
ul.pagination .page-item + .page-item {
    margin: 0 0 0 0.5rem;
}
ul.pagination .page-item .page-link {
    background: #f8f9fa;
    padding: 0;
    text-align: center;
    line-height: 2.6rem;
    font-size: 1.2rem;
    color: #384557;
    font-weight: 700;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 3px;
    border: solid 1px #E4E7EB;
}
ul.pagination .page-item.active .page-link,
ul.pagination .page-item .page-link:focus,
ul.pagination .page-item .page-link:hover {
    border: solid 1px #E4E7EB;
    color: #1B61C1;
    background: #f8f9fa;
    box-shadow: none;
}
ul.pagination .page-item.disabled .page-link {
    color: #8591A0;
    background: #f8f9fa;
}

/* ------------------ SOCIAL CARDS ------------------ */

.social-cards .facebook {
    background: #4267B2;
    border: solid 1px #375AA1;
}
.social-cards .twitter {
    background: #1DA1F2;
    border: solid 1px #158CD5;
}
.social-cards .youtube {
    background: #FF0000;
    border: solid 1px #DE0000;
}
.social-cards .linkedin {
    background: #0077B5;
    border: solid 1px #0077B5;
}
.social-cards .icon {
    float: left;
    color: #fff;
    font-size: 3rem;
    line-height: 5rem;
}
.social-cards p + p {
    margin-top: 0 !important;
}
.social-cards .number {
    font-size: 2.2rem !important;
    font-weight: 700;
    color: #fff;
}
.social-cards .desc {
    font-size: 1.4rem !important;
    color: #fff;
    opacity: 0.5;
}


/* ------------------ HEADER / NAV ------------------ */

header .logo,
header .logo img {
    width: auto;
    height: 2.7rem;
}
header nav.navbar {
    padding: 1.1rem;
}
header nav.navbar .navbar-nav a.nav-link {
    color: #8591A0;
    margin: 0 0.4rem;
    padding: .4rem .6rem;
}
header nav.navbar .navbar-nav a.nav-link:hover {
    color: #8591A0;
}
header nav.navbar .navbar-nav a.nav-link:last-child {
    margin-right: 0;
}
header nav.navbar #contact-block {
    font-size: 1.2rem;
}
header nav.navbar #contact-block > div > div + div {
    margin-left: 1rem;
}
header nav.navbar #contact-block p {
    margin: 0;
    line-height: 1.4rem;
}
header nav.navbar #contact-block i {
    font-size: 2rem;
    color: #BDC5D0;
}
header #searchBar {
    background: #384557;
    transition: all 0.3s;
    overflow: hidden;
}
header #searchBar .form-control {
    background: none;
    color: #fff;
    padding: 0;
    margin: 0;
}
header #searchBar .close {
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-size: 1.8rem;
    padding: 0.5rem;
}
header #searchBar .close:hover {
    color: #1B61C1;
}
header #searchBar textarea:-moz-placeholder,
header #searchBar input:-moz-placeholder {
    color: #fff !important;
}
header #searchBar textarea::-moz-placeholder,
header #searchBar input::-moz-placeholder {
    color: #fff !important;
}
header #searchBar textarea::-webkit-input-placeholder,
header #searchBar input::-webkit-input-placeholder {
    color: #fff !important;
}
header #searchBar textarea:-ms-input-placeholder,
header #searchBar input:-ms-input-placeholder {
    color: #fff !important;
}
header #page-title {
    background: #1B61C1;
    padding: 1.2rem 0;
}
.payment.success header #page-title {
    background: #52B51B;
}
header #page-title .page-title {
    color: #fff;
    font-size: 2rem;
    text-align: center;
    font-weight: 400;
    margin: 0;
}
header #page-title .page-title h1 {
    font-size: 2rem;
    font-weight: 400;
    margin: 0;
}

/* ------------ HEADER / NAV - RESPONSIVE ------------ */

@media (max-width: 1200px) {
    header .logo,
    header .logo img {
        height: 2.75rem;
    }
    header nav.navbar .navbar-nav a.nav-link {
        font-size: 1.3rem;
    }
    header nav.navbar #contact-block {
        margin-left: 4rem;
    }
    .home header nav.navbar .navbar-nav a.nav-link.link-unsubscribe {
        padding: 0.3rem 0.6rem 0.2rem 0.6rem;
    }
}
@media (max-width: 992px) {
    header nav.navbar .navbar-nav { margin-top: 1.5rem; }
    header nav.navbar .navbar-nav a.nav-link {
        padding-left: 0;
        padding-right: 0;
    }
    header nav.navbar #contact-block {
        margin-left: 1.5rem;
    }
    header #page-title .page-title {
        font-size: 1.8rem;
    }
    .navbar-toggler {
        color: #384557;
        font-size: 1.85rem;
        border: none;
        background: none;
    }
    .navbar-toggler:focus {
        outline: none;
    }
    .navbar-toggler-icon {
        height: auto;
    }
}
@media (max-width: 767px) {
    header #page-title .page-title {
        font-size: 1.6rem;
    }
}
@media (max-width: 576px) {
    header #page-title  .page-title {
        font-size: 1.4rem;
    }
}

/* ------------------ SUBNAV ------------------ */

nav.subnav {
    background: #f8f9fa;
    border-bottom: solid 1px #E4E7EB;
    padding-top: 0;
    padding-bottom: 0;
}
nav.subnav ul li .nav-link {
    color: #384557;
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
    padding-top: 0.7rem;
}
nav.subnav .dropdown-menu {
    border: solid 1px #E4E7EB;
    border-radius: 0;
    margin-top: 0;
}
nav.subnav .dropdown-menu a {
    font-size: 1.2rem;
    color: #8591A0;
}
nav.subnav .dropdown-menu a:hover {
    color: #1B61C1;
    background: none;
}
nav.subnav .navbar-toggler {
    color: #8591A0;
    font-size: 1.85rem;
    border: none;
    background: none;
    padding: 0.4rem 1rem;
}
nav.subnav .navbar-toggler:focus {
    outline: none;
}
nav.subnav .navbar-toggler-icon {
    height: auto;
}

/* ------------------ INTRO ------------------ */

section#intro h1 {
    background: #1B61C1;
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.1rem;
    margin-bottom: 2rem;
    padding: 0.7rem 1rem;
}
section#intro h2 {
    font-size: 2.2rem;
    font-weight: 500;
}
section#intro form {
    max-width: 100%;
}
section#intro form .form-control {
    border: none;
    border: solid 2px #E4E7EB;
    border-right: 0;
    background: #fff;
    border-radius: 3px 0 0 3px;
    font-size: 1.6rem;
    font-weight: 500;
    height: 6rem;
    padding: 0.5rem 0 0.5rem 2rem;
    height: inherit;
}
section#intro form .btn {
    border: solid 2px #E4E7EB;
    border-left: 0;
    background: #fff;
    border-radius: 0 3px 3px 0;
    background: #fff;
    color: #BDC5D0;
    font-size: 2rem;
    height: 6rem;
    padding: 0.4rem 2rem;
}

/* ------------ INTRO - RESPONSIVE ------------ */

@media (max-width: 1200px) {
    section#intro .video-block h2 {
        font-size: 2rem;
    }
    section#intro .video-block p {
        font-size: 1.6rem !important;
        line-height: 1.2;
        margin-top: 1rem !important;
    }
}
@media (max-width: 992px) {
    section#intro .video-block .text {
        border: solid 1px #E4E7EB;
        border-left: solid 1px #E4E7EB;
        border-top: 0;
    }
    section#intro h1 {
        font-size: 2.6rem;
    }
    section#intro h2 {
        font-size: 2.2rem;
    }
}

/* ------------ SECTIONS HOME ------------ */

section.section-home p + p {
    margin-top: 1.5rem;
}
section.section-home {
    margin-bottom: 0;
}
.section-divider {
    position: relative;
    text-align: center;
}
.section-divider:before {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    left: 0;
    right: 0;
    content: "";
    border-top: dotted 2px #E4E7EB;
    width: 100%;
    height: 2px;
}
.section-divider img {
    width: 3.7rem;
    height: 1.9rem;
    margin-top: -13px;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0 1rem;
}

/* ------------------ MAIN ------------------ */

#main, body.frame {
    padding: 2rem 0;
}
#main section.section + section.section {
    margin: 1.5rem 0;
}
section.section-home h2,
section.section h2 {
    color: #1B61C1;
    font-weight: 700;
    font-size: 1.7rem;
    position: relative;
    z-index: 0;
}
#main section.section h3 {
    color: #384557;
    font-weight: 700;
    font-size: 1.5rem;
}
#main section.section h4 {
    color: #8591A0;
    font-weight: 500;
    font-size: 1.5rem;
}
#main section.section h5 {
    font-weight: 500;
    font-size: 1.4rem;
}
#main section.section ul,
#main section.section ol {
    margin-left: 15px;
    &.dropdown-menu.inner li {
        font-size: 1.3rem;
    }
}
#main section.section ul:not(#summary-list):not(.dropdown-menu) {
    list-style: none;
    margin-left: 30px;
}
#main section.section ul:not(.no-bullets):not(.dropdown-menu) {
    list-style: disc !important;
    margin-left: 15px !important;
}
#main section.section ol li::marker {
    color: #1B61C1;
}
#main section.section ul#summary-list li:before{
    content: "";
}
#main section.section.offre ul li:before {
    color: #8591A0;
}
#main section.section ul.fa-ul li:before {
    content: "";
    padding: 0;
}
#main section.section p + p,
#main section.section h2 + p,
#main section.section h3 + p,
#main section.section h4 + p,
#main section.section h5 + p,
#main section.section p + ul,
#main section.section ul + p,
#main section.section p + ol,
#main section.section ol + p,
#main section.section h2 + ul,
#main section.section h3 + ul,
#main section.section h4 + ul,
#main section.section h5 + ul,
#main section.section h2 + ol,
#main section.section h3 + ol,
#main section.section h4 + ol,
#main section.section h5 + ol {
    margin-top: 1.5rem;
}
#main section.section p + h2,
#main section.section p + h3,
#main section.section p + h4,
#main section.section p + h5,
#main section.section ul + h2,
#main section.section ul + h3,
#main section.section ul + h4,
#main section.section ul + h5,
#main section.section ol + h2,
#main section.section ol + h3,
#main section.section ol + h4,
#main section.section ol + h5 {
    margin-top: 3rem;
}
#main section.section ul + ol,
#main section.section ol + ul,
#main section.section ul + ul,
#main section.section ol + ol,
#main section.section h3 + h2,
#main section.section h2 + h3,
#main section.section h4 + h3,
#main section.section h3 + h4,
#main section.section h5 + h4,
#main section.section h4 + h5 {
    margin-top: 2rem;
}
#main section.section table {
    border: solid 1px #E4E7EB;
    width: 100%;
    margin: 2rem 0 3rem 0;
}
#main section.section table tr th, #main section.section table tr td {
    padding: 1rem;
    border: solid 1px #E4E7EB;
    border-right: none;
    border-left: none;
    vertical-align: middle;
}
#main section.section table tr th {
    border-bottom-width: 1px;
    background: #E4E7EB;
    color: #384557;
    font-weight: 500;
}
#main section.section table tbody tr th {
    border-bottom-color: #FBFBFC;
}
#main section.validation h1,
#main section.validation *.h1 { color: #35B842 !important; }
#main section.validation,
#main section.validation .form-control {
    border-left-color: #35B842 !important;
}
#main section.validation h2 {
    color: #384557;
}
#main section.validation .form-group {
    margin-bottom: 2rem;
}
#main section.validation .form-control:focus {
    border-color: #35B842;
}
#main section.validation .form-label {
    color: #35B842;
}
#main section.validation .btn-success {
    min-width: 25rem;
}
#main section.pub {
    position: relative;
}
#main section.pub .vu-a-la-tv {
    position: absolute;
    top: -1rem;
    right: -1.0rem;
    width: 5rem;
    height: auto;
}
#main.page {
    padding: 3rem 0;
}
#main.page section.section p,
#main.page section.section ul li {
    font-size: 1.5rem;
}
#main .primary {
    border-right: solid 1px #E4E7EB;
    padding-right: 3rem;
}
#main.page .sidebar {
    padding-left: 3rem;
}
#main aside #avis {
    background-image: URL('/img/avis-verifies-corner.png');
    background-position: right top;
    background-repeat: no-repeat;
}
body.payment #main aside #avis {
    background: none !important;
}
#main aside #avis h3 a,
#main aside #avis h3 a:hover {
    text-transform: none;
    text-decoration: none;
}
body.payment #main aside .fa-star.text-warning {
    color: #8591A0 !important;
}
body.payment #main aside .fa-star.text-light {
    color: #E4E7EB !important;
}
body.resiliation #main aside #avis,
body.resiliation #main aside #ad,
body.resiliation #main aside #legals {
    display: flex;
    flex-direction: column;
}
body.resiliation #main aside #avis {
    order: 1;
    margin-top: 1.5rem;
}
body.resiliation #main aside #ad {
    order: 0;
    margin: 0;
}
body.resiliation #main aside #legals {
    order: 2;
}
body.resiliation .partner-laposte {
    display: none !important;
}
section.content li + li {
    margin-top: 7px;
}
section.content img {
    max-width: 100%;
    height: auto;
}
section.content .summary {
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 2rem;
    margin-bottom: 2rem;
}
@media (max-width: 767px) {
    body.payment .top-claim-container {
        font-size: 13px;
    }
}

/* ------------ MAIN - RESPONSIVE ------------ */

@media (max-width: 992px) {
    section.section-home h2,
    section.section h2 {
        font-size: 1.6rem;
        margin-bottom: 1.7rem;
    }
    #main section.section h3 {
        font-size: 1.4rem;
    }
    #main section.section p,
    #main section.section ul li {
        font-size: 1.3rem;
    }
    #main.page .primary {
        border-right: none;
        padding-right: 1.5rem;
    }
    #main.page .sidebar {
        margin-top: 4rem;
        padding-left: 1.5rem;
    }
    #main { padding: 0; }
    #main .nav-pills {
        text-align: center;
        background: #BDC5D0;
        padding: 5px;
    }
    #main .nav-pills:first-child {
        text-align: center;
        background: #6c757d;
    }
    #main .nav-pills .nav-link {
        width: auto;
        display: inline-block;
        background: none !important;
        padding: 0 5px !important;
    }
}
@media (max-width: 767px) {
    section.section h2 {
        font-size: 1.5rem;
        margin-bottom: 1.7rem;
    }
    #main section.section h3 {
        font-size: 1.4rem;
    }
    #main section.section p,
    #main section.section ul li {
        font-size: 1.3rem;
    }
    #main section.validation,
    #main section.validation .form-control {
        border-left-width: 3px !important;
    }
    #main section.validation .form-group {
        margin-bottom: 1.2rem;
    }
}
@media (max-width: 540px) {
    #main section.validation .btn-success {
        width: 100%;
        min-width: inherit !important;
    }
    .custom-control-label {
        font-size: 1.05rem;
    }
}

/* ------------ SUBSCRIBE PAGE ------------ */

body.subscribe #main section.subscribe .form-label {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
    font-size: 1.3rem;
    margin: 0;
}
body.subscribe #main section .btn-submit {
    background-color: #1B61C1 !important;
    border-color: #1B61C1 !important;
}

/* ------------ LANDING PAGE ------------ */

body.landing header .logo,
body.landing header .logo img {
    width: auto;
    height: 2rem;
}
body.landing header nav.navbar {
    padding: 1.2rem 1.1rem;
}
body.landing header #page-title {
    padding: 1.5rem 0;
}
body.landing #main {
    background: #fff;
}
body.landing section.section-home h2:before,
body.landing section.section h2:before {
    display: none;
}
body.landing #main section.section {
    padding: 2rem;
    border: solid 1px #E4E7EB;
}
body.landing #main section.lettre {
    background: #E4E7EB;
    padding: 3rem;
}
body.landing #main section.lettre h1 {
    color: #1B61C1;
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 1rem;
}
body.landing #main section.lettre .document-description p {
    font-size: 1.3rem;
}
body.landing #main section.lettre .form-label {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
    font-size: 1.3rem;
    margin: 0;
}
body.landing #main section.lettre .form-control:not(textarea),
body.landing #main section.lettre .custom-select {
    margin-top: 0.7rem;
    height: 3.6rem;
}
body.landing #main section.lettre .form-control,
body.landing #main section.lettre .form-control:focus {
    border-color: #2D8FC9;
}
body.landing #main section.lettre .custom-checkbox .custom-control-label:before {
    border-color: #2D8FC9;
}
body.landing #main .blur {
    color: #999;
    text-shadow: 0 0 8px #999;
    font-weight: normal;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}
body.landing #main section .footer {
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 2rem 2rem 0 2rem;
    text-align: center;
}
body.landing #main section .btn-submit {
    color: #fff;
    background-color: #E20219;
    border: 0;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 500;
    border-radius: 10px;
    padding: 0px 12px 5px 12px;
    transition: all .3s;
}
body.landing #main section .btn-submit:hover {
    opacity: 0.75;
}
body.landing #main section .btn-submit span {
    border-color: #FFF !important;
}
body.landing #main .payment-container {
    position: relative;
    background: #fff;
    border: solid 5px #BDC5D0;
    padding: 2.5rem;
}
body.landing.payment #main .payment-container h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #354052;
}
body.landing.payment #main .payment-container .img-paiement {
    max-width: 20rem;
}
body.landing.payment .preview-user-data-form {
    background-color: #fff;
    margin-top: 0.5rem;
}
body.landing.payment .preview-user-data-form label {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}
body.landing.payment .preview-user-data-form .form-control {
    background-color: #fff;
    color: #a4a4a4;
    font-size: 12px;
    height: auto;
}
body.landing.payment .preview-user-data-form .modify-container {
    font-size: 12px;
    color: #a4a4a4;
    text-align: right;
    margin-top: 8px;
}
body.landing.resiliation header,
body.landing.resiliation header nav.navbar .navbar-nav a.nav-link,
body.landing.document-3625 header,
body.landing.document-3627 header {
    background: #fff;
}
body.landing.resiliation header nav.navbar .navbar-nav a.nav-link,
body.landing.document-3625 header nav.navbar .navbar-nav a.nav-link,
body.landing.document-3627 header nav.navbar .navbar-nav a.nav-link {
    color: #8591A0;
}
body.landing.resiliation #main section.lettre {
    background: #E4E7EB !important;
    border-color: #E4E7EB;
    border-width: 5px !important;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.preview-document {
    background: white;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
}
.preview-document p {
    font-size: 12px !important;
}
.preview-document.small p {
    font-size: 10px !important;
}
.preview-document .signature span {
    font-family: "Dancing Script", cursive;
    font-size: 20px !important;
    font-weight: 700;
}
.preview-document.small .signature span {
    font-size: 18px !important;
}
body.payment .preview-document p +p  { 
    margin-top: .875rem;
}
.top-claim-container {
    position: relative;
    margin-bottom: 20px;
    background-color: #384557;
}
.landing .company-logo {
    max-width: 130px;
    max-height: 70px;
}

.step-group { margin: 0 0 1.5rem 0; }
.step-group {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.step-group-item {
    position: relative;
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 3rem;
    line-height: 3rem;
    padding: 0 .5rem;
    text-align: center;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: inherit;
    text-transform: none;
    white-space: nowrap;
    color: #fff;
    background-color: #ccc;
}
.step-group-item.active,
.step-group-item.active:first-child:before,
.step-group-item.active:last-child:after {
    background-color: #6F8EC5;
}
.step-group-item:first-child {
    margin-left: 1.5rem;
}
.step-group-item:first-child:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1.5rem;
    width: 1.5rem;
    height: 3rem;
    background-color: #ccc;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    -webkit-transform:rotate(360deg);
}
.step-group-item:not(:last-child):after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top:0;
    right: -1.5rem;
    border-top: 1.5rem solid transparent;
    border-bottom: 1.5rem solid transparent;
    border-left: 1.5rem solid #ccc;
    -webkit-transform:rotate(360deg);
}
.step-group-item.active:not(:last-child):after {
    border-left-color: #6F8EC5;
}
.step-group-item + .step-group-item {
    margin-left: 2.5rem;
}
.step-group-item + .step-group-item:before {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top:0;
    left: -1.5rem;
    border-top: 1.5rem solid #ccc;
    border-bottom: 1.5rem solid #ccc;
    border-left: 1.5rem solid transparent;
}
.step-group-item + .step-group-item.active:before {
    border-top-color: #6F8EC5;
    border-bottom-color: #6F8EC5;
}
.step-group-item:last-child {
    margin-right: 1.5rem;
}
.step-group-item:last-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -1.5rem;
    width: 1.5rem;
    height: 3rem;
    background-color: #ccc;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.step-group { margin-top: 0; border: solid 1px #E4E7EB; background-color: #f9f9fb; }
.step-group-item  { background-color: inherit; color: inherit; font-size: 1.2rem; line-height: 1.2rem; white-space: inherit; height: 4rem; }
.step-group-item + .step-group-item { margin-left: 2rem; }
.step-group-item:after,
.step-group-item.active:not(:last-child):after { border-top: 2rem solid transparent; border-bottom: 2rem solid transparent; border-left: 2rem solid #E4E7EB; right: -2rem; }
.step-group-item + .step-group-item:before { left: -2rem; border-top: 2rem solid transparent; border-bottom: 2rem solid transparent; border-left: 2rem solid #f9f9fb; }
.step-group-item.active + .step-group-item:before { border-left: 2rem solid #fff; }
.step-group-item.active { background-color: #fff; }
.step-group-item + .step-group-item.active:before { border-top: 2rem solid #fff; border-bottom: 2rem solid #fff; border-left: 2rem solid #fff; }
.step-group-item:first-child:before { display:none; }
.step-group-item:first-child { margin-left: 0; }
.step-group-item:last-child { margin-right: 0; }
.step-group-item:first-child:before,
.step-group-item:last-child:after { display:none; }

/* ------------ LANDING PAGE - RESPONSIVE ------------ */

@media (max-width: 992px) {
    body.landing header #page-title {
        display: none;
    }
    body.landing #main section.lettre h1 {
        font-size: 1.8rem;
    }
}

@media (max-width: 540px) {
    body.landing header nav.navbar {
        padding: 5px 15px;
    }
    body.landing #main section.lettre {
        padding: 1.5rem;
        margin-left: -15px;
        margin-right: -15px;
    }
    body.landing #main section.lettre h1 {
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
    }
    .top-claim-container {
        margin-left: -15px;
        margin-right: -15px;
    }
    body.landing #main section .btn-submit {
        display: block;
        width: 100%;
    }
}

/* ------------------ LETTRE RECOMMANDEE ------------------ */

.lettre-ar {
    display: flex;
    max-width: 550px;
    width: 100%;
    height: auto;
    margin: auto;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.15);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    position: relative;
}
.left {
    width: 60px;
    padding: 10px;
    background: #f7c32f;
}
.right {
    width: calc( 100% - 60px );
    padding: 10px;
}
@media (max-width: 576px) {
    .lettre-ar {
        height: auto;
    }
    .left {
        display: none;
    }
    .right {
        width: 100%;
        padding: 10px 10px 10px 20px;
        border-left: solid 20px #f7c32f;
    }
    .right .adresse {
        font-size: 12px;
    }
}

/* ------------------ BLOCK TEAM ------------------ */

@media (max-width: 992px) {
    .team-block .col {
        width: 25%;
        flex-grow: inherit;
        flex-basis: inherit;
    }
}
@media (max-width: 767px) {
    .team-block .col {
        width: 33.333333%;
        flex-grow: inherit;
        flex-basis: inherit;
    }
}
@media (max-width: 540px) {
    .team-block .col {
        width: 100%;
        flex-grow: inherit;
        flex-basis: inherit;
    }
}

/* ------------------ BLOCK ICONS ------------------ */

.block-icons .icon i {
    font-size: 4.2rem;
    color: #1B61C1;
}
.block-icons .pic {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
}
.block-icons h3,
.block-icons .name {
    font-size: 1.5rem;
    font-weight: 700;
}
.block-icons .job {
    color: #1B61C1;
    font-weight: 400;
    font-size: 1.3rem;
    margin: 0;
}
.block-icons .quote {
    display: inline-block;
    color: #E4E7EB;
    font-weight: 400;
    font-size: 1.8rem;
    padding: 1rem 0;
}

/* ------------------------- LISTING SEARCH FORM ------------------------- */

form#form-search .form-group {
    margin-bottom: 2rem;
}
.search-listing h2:before {
    display: none !important;
}
.listing-item {
    position: relative;
}
.listing-item .favorite {
    position: absolute;
    top: 1.7rem;
    right: 2rem;
    font-size: 1.8rem;
    color: #E4E7EB;
    z-index: 9;
}
.listing-item .favorite:hover,
.listing-item .favorite.active {
    color: #1B61C1;
}
.listing-item .description {
    padding-left: 0.5rem !important;
}
@media (max-width: 992px) {
    .listing-item h2 {
        margin-bottom: 0.5rem !important;
    }
}
@media (max-width: 767px) {
    .listing-item {
        text-align: center;
    }
    .listing-item .document {
        max-width: 15rem;
        margin: auto;
        margin-bottom: 2rem;
    }
    .listing-item .description {
        padding-left: 1.5rem !important;
    }
}
@media (max-width: 360px) {
    .listing-item .document {
        max-width: 100%;
    }
}

/* ------------------------- CATEGORIE BANNER ------------------------- */

.banner {
    border-left: solid 3rem #384557;
}
.banner .content {
    padding: 3rem 5rem;
    margin-left: 1rem;
    border: solid 1px #E4E7EB;
    border-left: solid 1.5rem #1B61C1;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.banner .content .icon {
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 300;
    position: absolute;
    right: -4rem;
    top: 50%;
    margin-top: -10rem;
    font-size: 20rem;
    color: #E4E7EB;
    z-index: 0;
}
.banner .content h2 {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 2.5rem;
    z-index: 1;
}
.banner .content h2:before {
    display: none;
}
.banner .content h2 span {
    padding: 0;
}
.banner .content div {
    z-index: 1;
}
.banner .content p.mentions {
    margin-top: 2rem;
    font-size: 1.1rem !important;
    color: #BDC5D0;
}
.banner .content p.mentions a {
    color: #BDC5D0;
}
@media (max-width: 992px) {
    .banner .content h2 {
        font-size: 2.2rem;
    }
}
@media (max-width: 767px) {
    .banner {
        border-left: solid 2rem #384557;
    }
    .banner .content {
        padding: 2rem;
        margin-left: 0.5rem;
        border-left: solid 1rem #1B61C1;
    }
    .banner .content h2 {
        font-size: 1.8rem;
    }
    .banner .content h2 br {
        display: none;
    }
    .banner .content .icon {
        display: none;
    }
}

/* ------------------------- MAP ------------------------- */

#map {
    width: 100%;
    height: 30rem;
}

/* ------------ ACCOUNT ------------ */

.account-menu ul > li > a {
    color: white;
    opacity: .7;
}
.account-menu ul > li.active > a,
.account-menu ul > li > a:hover {
    opacity: 1;
}

/* ------------------------- POPUP ------------------------- */

.popup {
    background: #fff;
    padding: 4rem 3rem;
    border-radius: 5px;
}
#popup-account.popup {
    width: 60rem;
}
@media (max-width: 767px) {
    #popup-account.popup {
        width: 90%;
        margin: auto;
    }
}

/* ------------------------- MODAL ------------------------- */

.modal-backdrop.show {
    opacity: .9;
}
#modalHome.modal .modal-dialog:before {
    content: "";
    display: block;
    width: 10.2rem;
    height: 10.6rem;
    background: url(/img/arrow-modal.png) no-repeat center center;
    float: right;
    margin-right: -10rem;
    margin-bottom: 2rem;
}
#modalHome.modal .modal-content {
    padding: 1rem;
}
#modalHome.modal .modal-header {
    border-bottom: none;
}
#modalHome.modal .modal-body {
    text-align: center;
}
#modalHome.modal .modal-footer {
    border-top: none;
    -ms-flex-pack: center;
    justify-content: center;
}

#modalHomeWarningWebsites .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
#modalHomeWarningWebsites .modal-body {
    padding: 3rem;
    line-height: 1.5;
}
#modalHomeWarningWebsites .text-danger {
    color: #E6174F !important;
}
#modalHomeWarningWebsites ul li::before {
    content: "•";
    color: rgb(255, 153, 0);
    padding-right: 0.7rem;
}
#modalHomeWarningWebsites .btn-lg {
    padding: 1.4rem 3.5rem;
    font-size: 2rem;
}

@media (max-width: 1200px) {
    .modal-dialog {
        margin-top: 1.75rem;
    }
    #modalHome.modal .modal-dialog:before {
        display: none;
    }
}
@media (min-width: 1200px) {
    .modal-lg {
        max-width: 1140px;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        margin-top: 4rem;
    }
}

.hyphenate {
    /* Careful, this breaks the word wherever it is without a hyphen */
    overflow-wrap: break-word;
    word-wrap: break-word;

    /* Adds a hyphen where the word breaks */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* ------------------------- FOOTER ------------------------- */

footer {
    background: #384557;
    color: #fff;
    padding: 5rem 0 0 0;
    font-size: 1.3rem;
}
footer h4 {
    font-size: 1.3rem;
    color: #fff;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: solid 1px rgba(255,255,255,0.1);
}
footer h4 span {
    border-bottom: solid 1px rgba(255,255,255,0.5);
    padding-bottom: 0.5rem;
}
footer ul {
    margin-bottom: 2.5rem;
}
footer ul li {
    line-height: 2rem;
}
footer ul li a {
    color: #fff;
    font-size: 1.3rem;
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active {
    color: #BDC5D0;
    text-decoration: none;
}
footer .social a {
    color: rgba(255, 255, 255, 0.1);
}
footer .social a:hover {
    color: rgba(255, 255, 255, 0.3);
}
footer .bottom {
    padding: 1.5rem;
    font-size: 1.3rem;
    color: #fff;
    margin-top: 3.5rem;
}

@media (max-width: 767px) {
    footer ul li {
        line-height: 2.6rem;
    }
}

.orange-text {
    color: #1B61C1 !important;
}
.loading-payment-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -21px;
}

.is-sendable-title {
    font-size: 24px !important;
}
.is-sensable-button {
    font-size: 18px !important;
}
.is-sendable-modal {
    width: 800px;
    max-width: 100%;
}
.highlighted-text-yellow {
    color: #F7C32F;
}

@media (max-width: 1024px) {
    .is-sendable-title {
        font-size: 18px !important;
    }
    .is-sensable-button {
        font-size: 14px !important;
    }
}

/* ------------------------- ALERT POSTMAIL ------------------------- */

.alert-postmail {
    background-color: #FFFFF1;
    border: solid 5px #F6DF58;
}

/* ------------------- TOGGLE PASSWORD VISIBILITY ------------------- */
.toggle-password-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    transform: translateY(-50%);
}

/* ------------------- IFRAME CAMPAIGN ------------------- */

body.frame-campaign header,
body.frame-campaign .breadcrumb,
body.frame-campaign #section-seo,
body.frame-campaign #section-related-documents,
body.frame-campaign .alert-mobile,
body.frame-campaign.payment #intro,
body.frame-campaign #axeptio_overlay,
body.frame-campaign footer {
    display: none !important;
}
body.frame-campaign #main > .container {
    max-width: 100%;
}

/* ------------------- PAYPAL BUTTON ------------------- */
#paypal-container {
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}