#rich-footer{width: 100%;background-color: #F8F8F8;}
#rich-footer .only-desk{display: block;}
#rich-footer .only-mob{display: none;}
/*Newsletter*/
#rich-footer .newsletter-section {background-color: #E3F3FF;text-align: center;padding: 40px 20px;}
#rich-footer .newsletter-section p { margin: 10px 0;}
#rich-footer .newsletter-offer strong{ font-size: 1.5e;font-weight: bold;}
#rich-footer .newsletter-text {font-size: 1.3em;}
#rich-footer .newsletter-offer {font-size: 1.8em;font-weight: bold;}
#rich-footer .newsletter-form{width: 80%; display: flex;    justify-content: center; margin: auto;}
#rich-footer  .newsletter-form .inputs{display: flex; justify-content: center; width: 60%;}
#rich-footer .newsletter-form .email-box { width: 100%;height: 50px;}
.newsletter-form #newsletter-email{width: 68%;border:none;}
#rich-footer .newsletter-form input::placeholder,
#rich-footer .newsletter-form input::-webkit-input-placeholder {font-style: italic;opacity: 1;color: #383838;font-size: 20px;letter-spacing: 1px; }
#rich-footer .newsletter-form .email-box-button{cursor:pointer;height: 50px; width: 53px; padding: 0; border: none medium;background-color: #383838;width: 160px;font-size: 20px;font-weight: 500;color: white}
#rich-footer .newsletter-form .email-box-button:hover{color: #383838;background-color:#fff;border: 1px solid #383838;;}
#rich-footer .newsletter-form button.buttonload {border: 16px solid #f3f3f3!important; border-top: 16px solid #383838!important; 
    background:none!important;  border-radius: 50%!important;  animation: spin 2s linear infinite!important;color:transparent!important}
    @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
#rich-footer .newsletter-form .content .success > p{font-size: 16px;}
#rich-footer .newsletter-form .content .success{display:none;}
#rich-footer .newsletter-form .content .success > p.green{color: #17A645; font-size: 18px; font-weight: 600; line-height: 32px; width:65%;margin: 8% auto;}
#rich-footer .newsletter-form .content .success .cta{ margin: auto; display: table;    padding: 17px 31px;background-color: #17A645;}
#rich-footer .newsletter-form .content .success .cta a{font-size: 13px; text-transform: uppercase; color: white;font-weight: 600;}
#rich-footer .newsletter-form .content label.error{    color: red;clear: both;width: 40%; margin: auto;}

/* Footer section */
#rich-footer .footer-section{max-width: 1350px;margin: auto;}
/* Footer resinsurance */
#rich-footer .reinsurance{   padding: 2rem 0;
border-bottom: 1px solid #ccc;grid-template-columns: repeat(4, 1fr);}
#rich-footer .reinsurance > div > div {display: flex;align-items: center;}
#rich-footer .reinsurance svg{height: 35px;margin-right:10px;}
#rich-footer .reinsurance .desc-box{ font-size: 12px;}
#rich-footer .footer-columns, .reinsurance {display: grid;gap: 30px;max-width: 100%;margin: auto;}
/* Footer colums */
#rich-footer .footer-infos {padding: 40px 20px;}
#rich-footer .footer-columns{ grid-template-columns: repeat(6, 1fr);}
#rich-footer .footer-column h4 {font-size: 1.1em;margin-bottom: 10px;}
#rich-footer .footer-column li { margin-bottom: 10px;}
#rich-footer .footer-column li a{color: #383838;}
#rich-footer .footer-column .follow li a{ display: flex; align-self: center;}
#rich-footer .footer-column .follow li svg{ margin-right: 10px;}
/* Footer infos legales */
#rich-footer .footer-list{ padding: 10px;}
#rich-footer .footer-list, #rich-footer .footer-list li{display: flex;background: white;}
#rich-footer .footer-list li a { font-weight: 600;}
#rich-footer .footer-list li:not(:last-child)::after {
content : " | "; margin: 0 10px; display:block;}
/* Footer infos legales */
#rich-footer .seo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -ms-flex-line-pack: center; align-content: center; text-align: center; font-size: 12px; line-height: 18px; max-width: 830px; margin: 10px auto; padding: 0 10px 16px 10px;}
#rich-footer .seo h1 {font-size: 1em;font-weight: 400;}
#rich-footer .seo h2 {font-size: 1em; font-weight: 400}

@media (max-width: 768px) {
#rich-footer .newsletter-section { padding: 20px;}
#rich-footer .newsletter-offer {font-size: 1.5em;line-height: 26px;}
#rich-footer .newsletter-text {font-size: 1rem;}
#rich-footer .newsletter-form {width: 100%;}
#rich-footer .newsletter-form .inputs {width: 100%;}
#rich-footer .newsletter-form #newsletter-email {   width: 80%;}
#rich-footer .newsletter-form input::placeholder, #rich-footer .newsletter-form input::-webkit-input-placeholder {font-size: 16px; }
.newsletter-form .email-box-button{font-size: 16px;}
#rich-footer .reinsurance{grid-template-columns: repeat(2, 1fr); gap: 12px;padding: 1em;}
#rich-footer  .reinsurance > div > div {   flex-direction: column;text-align: center;}
#rich-footer  .reinsurance svg { margin-right: 0; margin-bottom: 10px;}
#rich-footer .footer-infos {padding:20px;}
#rich-footer .footer-columns{grid-template-columns: 1fr;gap: 0;}
#rich-footer .footer-column ul { max-height: 0;  overflow: hidden;
    transition: max-height 0.3s ease;}
#rich-footer .footer-column ul.open  {max-height: fit-content; }
#rich-footer .footer-column h4 {position: relative;cursor: pointer;padding-right: 20px;margin: 10px 0;}
#rich-footer .footer-column br{display: none;}
#rich-footer .footer-column h4::after{ content: '+';position: absolute;right: 0;top: 0;font-size: 16px;font-weight: 600;}
#rich-footer .footer-column h4.open::after {content: '−';} #rich-footer .footer-column h4[data-no-toggle="true"]::after  { content: '';cursor: default;}
#rich-footer .footer-column h4[data-no-toggle="true"] + ul { max-height: fit-content!important;}
#rich-footer .footer-list, .footer-list li {   flex-direction: column; padding: 5px;}
#rich-footer .footer-list li:not(:last-child)::after {display: none;}
#rich-footer .only-desk{display: none;}
#rich-footer .only-mob{display: block;}
}