b, strong {
    font-weight: 600 !important;
}



span.p-2 {
    margin-right: 18px;
}



.homepage  {
    background-image: url("/images/template/iconographie-logo.jpg");
    background-repeat: no-repeat;
    background-position: center center;
background-size: 600px;
    background-position-x: 1001px;
    background-position-y: 1100px;
}




/*.homepage .page-header {
    text-align: center;
}
*/


/* hauteur de ton menu flottant */
:root {
  --menu-height: 250px;
}

/* toutes les ancres */
[id] {
  scroll-margin-top: var(--menu-height);
}






.owl-carousel .owl-item img {
    display: block;
    width: 100%;
  filter: grayscale(1);
 border-radius: 10px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.owl-carousel .owl-item img:hover {

  filter: none;
}






  /* 

div#situation-titre h3.tck-module-title{
 margin-top: -80px;
    display: block;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 22px 8px 22px;
    color: #051340;
    rotate: 358.8deg;
   font-size: 1.7rem;
      font-weight:800;
    box-shadow: -2px 3px 0px 0px #ddc076b5;  
background:#fffbf5;
     line-height: 30px;
}*/


 /* 

div#intervention-titre-blanc h3.tck-module-title{
 margin-top: -80px;
    display: block;
        max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 22px 8px 22px;
    color: #fffbf5;
    background: #051340;
    rotate: 358.8deg;
  font-size: 1.7rem;
    font-weight: 800;
    box-shadow: -2px 3px 0px 0px #ddc076b5;
     line-height: 30px;
     }
*/

 /* 

  div#services-titre h3.tck-module-title{


    
    display: block;
      max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 22px 8px 22px;
    color: #fffbf5;
    background: #051340;
    rotate: 358.8deg;
   font-size: 1.7rem;
    font-weight: 800;
    box-shadow: -2px 3px 0px 0px #ddc076b5;
    line-height: 30px;
    
   
}
*/

/*
.etapes h3.tck-module-title {
    display: block;
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 22px 8px 22px;
    color: #fffbf5 !important;
    background: #051340;
    rotate: 358.8deg;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
    box-shadow: -2px 3px 0px 0px #ddc076b5;
}
*/






/*titres modes interventions*/


 

   div#intervention-titre-2 h3.tck-module-title{

 margin-top: -80px;
    display: block;
       max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 22px 8px 22px;
    color: #051340;
    rotate: 358.8deg;
    font-size: 1.7rem;
      font-weight:800;
     line-height: 30px;
}



/*colonnes modes interventions*/


#row3column1 .intervention-1  {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: 120px;
}


#row3column3 .intervention-2  {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right center;
    background-size: 110px;
}


/*colonnes modes interventions acceuil*/


#row13column1 .intervention-1-accueil  {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: 120px;
}


#row13column3 .intervention-2-accueil  {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right center;
    background-size: 110px;
}








/*badge diagnostic*/

.diagnostic {
    background: linear-gradient(135deg, #05143f, #102876, #15318a);
    background-size: 300% 300%;
    animation: gradientShift 5s ease-in-out infinite;
}

/* Animation */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}





#header-strategie .tck-module-text{
  background:linear-gradient(
  to top,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0.9) 20%,
  rgba(255, 255, 255, 0.7) 40%,
  rgba(255, 255, 255, 0.4) 60%,
  rgba(255, 255, 255, 0.2) 80%,
  rgba(255, 255, 255, 0) 100%
);

}

#header-graphisme  .tck-module-text{
  background:linear-gradient(
  to top,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0.9) 20%,
  rgba(255, 255, 255, 0.7) 40%,
  rgba(255, 255, 255, 0.4) 60%,
  rgba(255, 255, 255, 0.2) 80%,
  rgba(255, 255, 255, 0) 100%
);

}

#header-photo .tck-module-text{
  background:linear-gradient(
  to top,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0.9) 20%,
  rgba(255, 255, 255, 0.7) 40%,
  rgba(255, 255, 255, 0.4) 60%,
  rgba(255, 255, 255, 0.2) 80%,
  rgba(255, 255, 255, 0) 100%
);

}

#header-identite .tck-module-text{
  background:linear-gradient(
  to top,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0.9) 20%,
  rgba(255, 255, 255, 0.7) 40%,
  rgba(255, 255, 255, 0.4) 60%,
  rgba(255, 255, 255, 0.2) 80%,
  rgba(255, 255, 255, 0) 100%
);

}

#header-contact .tck-module-text {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 100%);
}

#header-accompagnement .tck-module-text {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 100%);
}

/* ===== BLOC SITUATIONS ===== */


  
  .services-box-situation h4 {
    margin-top: 10px;
    margin-bottom: 6px;
    font-size: 1.2em !important;
    color: #fffbf5 !important;
    font-weight: 700;
    text-transform: uppercase;
   
}

 .services-box-situation p {
  
    color: #fffbf5;
       font-weight: 500;
   
   
}
  
  /*.services-icon-situation {
        position: relative;
  
        left: 50%;
        transform: translateX(-50%);
        width: 56px;
        height: 56px;
        background: #ffffff;
        border: 1px solid #ddc076;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    }

    .services-icon-situation i {
        font-size: 24px;
        color: #ddc076;
    }

*/

  .services-box-situation button {
    margin-top: 0px;
    background: #ffffff;
    color: #05143f;
    border: none;
    border-radius: 5px;
      padding: 4px 12px;
    font-size: 0.8em;
    cursor: pointer;
}

  .services-box-situation  button:hover {
    background: whitesmoke;
}
  





/* ===== BLOC SERVICES ===== */
.bloc-metier{
  --hover:#051241; /* fallback */
  position:relative;
  display:block;
  padding:40px 20px 20px;
  border:1px solid #051241;
  border-radius:5px;
  text-align:center;
  text-decoration:none;
  color:#051241;
  transition:all .25s ease;
  background: #fffbf5;
}

.bloc-metier-icon{
  position:absolute;
  top:-28px;
  left:50%;
  transform:translateX(-50%);
  width:56px;
  height:56px;
  background:#051241;
  border:1px solid #051241;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 4px rgba(0,0,0,.08);
  transition:all .25s ease;
 
}

.bloc-metier-icon i{
  font-size:24px;
 color: #fffbf5 !important;
  transition:color .25s ease;
  
}

.bloc-metier h3{
  margin:10px 0 6px;
  font-weight:800;
  color:#051241;
  transition:color .25s ease;
}

.bloc-metier p{
  margin:0;
  font-size:15px;
  color:#051241;
  transition:color .25s ease;
}

/* ===== HOVER GLOBAL ===== */
.bloc-metier:hover{
  border-color:var(--hover);
}

.bloc-metier:hover h3,
.bloc-metier:hover p,
.bloc-metier:hover i
{
  color:var(--hover);
}


.bloc-metier:hover .bloc-metier-icon{
  border-color:var(--hover);
  background-color:var(--hover);
  
}

/* ===== COULEURS PAR UNIVERS ===== */
.hover-conseil{ --hover:#d89dff; }
.hover-graphisme{ --hover:#FFAD8F; }
.hover-photos{ --hover:#19b4a6; }
.hover-identite{ --hover:#0277f8; }



/* 2025 thèmes couleurs pages 2025 */

h2, div.contentheading {
    font-weight: 600;
    display: inline-block;
    rotate: 358.8deg;
display: inline-block !important;
width: fit-content !important;
margin: 10px 0px 22px 0px !important;
  line-height:24px;

}



/*Stratégie*/

.pageid-4 h1 {
    color: #d89cff;
}


.pageid-4 .tck-article-title {
    background-color: #d89cff;
}



.pageid-4 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading]{
 color: #d89cff;
  
}

.pageid-4 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:after {
     color: #d69bfc;
}


.pageid-4 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:not([data-rlta-state=closed]):after {

    color: #d69bfc;
}



/*Graphisme*/
.pageid-5 h1 {
    color: 
#FFAD8F;
}


.pageid-5 .tck-article-title {
    background-color: 
#FFAD8F;
}



.pageid-5 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading]{
 color: #FFAD8F;
  
}

.pageid-5 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:after {
     color: #FFAD8F;
}


.pageid-5 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:not([data-rlta-state=closed]):after {

    color: #FFAD8F;
}



/*Photos et vidéos*/
.pageid-6 h1 {
    color: 
#19B3A6
;
}


.pageid-6 .tck-article-title {
    background-color: 
#19B3A6;
}


.pageid-6 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading]{
 color: #19B3A6;
  
}

.pageid-6 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:after {
    color: #19B3A6;
}


.pageid-6 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:not([data-rlta-state=closed]):after {

    color: #19B3A6;
}




/*Identité numérique*/
.pageid-7 h1 {
    color: 
#007aff
;
}


.pageid-7 .tck-article-title {
    background-color: 
#007aff
}

.pageid-7 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading]{
 color: #007aff
  
}

.pageid-7 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:after {
    color: #007aff
}


.pageid-7 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions][data-rlta-icons=true]>[data-rlta-element=button]:not([data-rlta-state=closed]):after {

    color: #007aff
}




/*accordéon*/

[data-rlta-element=container]>[data-rlta-element=button] {
    background-color: #ffffff !important;
    border-bottom: 1px solid #05134059 !important;
      border-top: none !important;
        border-left: none !important;
          border-right: none !important;
}


      [data-rlta-element=container]>[data-rlta-element=panel] {
    border: none !important;
  
}


[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading]{
    font-weight: 700;
  font-size: 16px;
  
}





/*logo animé svg */


#logotype svg {
    width: 214px !important;
    height: auto;
}
/*correction bug scroll horizontal */

body {
  overflow-x: hidden;
}

/*video*/



#wrapper14 {
    position: relative;
    overflow: hidden; /* sécurité */
}


#wrapper14::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(221 192 118 / 40%);/* <<< couleur du filtre */
     /* background: rgb(5 19 64 / 69%); */

    pointer-events: none;
}



/*menu ordinateur*/

#hmenu ul.nav li li a{
 
    margin-top: -1px !important;
}


.istopfixed  {
    box-shadow: 10px 2px 37px 24px #00000057;
}

/*menu mobile*/



/* div#mobilemenuck-1-mobile-bar {
    width: 82px;
  display: inline-block;
}
*/


.mobilemenuck-overlay {
    z-index: 10001 !important;
}




/*general*/


/*

div#logotype {
    z-index: 1;
    position: absolute;
    top: 0;
    margin-top: 17px;
}
*/



/*header titre page*/
.page-header {
    border-bottom: 0px;
    margin: 0px;
    padding: 0px;
}


/*header image page*/
.lgx-parallax {
  position: relative;
  overflow: hidden; /* Pour ne pas déborder */
}

.lgx-parallax::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 270px; /* Hauteur du dégradé */
background: linear-gradient(
  to top,
  rgba(255, 255, 255, 1) 0%,
  rgba(255, 255, 255, 0.9) 20%,
  rgba(255, 255, 255, 0.7) 40%,
  rgba(255, 255, 255, 0.4) 60%,
  rgba(255, 255, 255, 0.2) 80%,
  rgba(255, 255, 255, 0) 100%
);
  pointer-events: none; /* Pour ne pas bloquer les clics */
  z-index: 10; /* S'assurer que ça reste au-dessus du fond mais sous le contenu */
}

   




/*header titre module service*/

div#services h3.tck-module-title {
display: inline-block;
    transform: translateX(-50%);
    margin: -50px -50% 0px 50%;
    padding: 9px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}





/*timeline*/

.timeline li::marker {
  display: none;
}


time {
    font-size: 18px !important;
    text-transform: uppercase;
    font-style: italic;
  
  padding: 7px 0px 7px 0px !important;
  border-radius: 5px 5px 0px 0px;
}


.mod-articles-category-introtext.desktop_introtext {
    color: #1d1f37 !important;
    margin-bottom: 0px !important;
}



.timeline > ul > li > div {
    border-radius: 5px 5px 5px 5px;
}


.is_articletimeline .mod-articles-category-introtext {
    font-size: 15px;
}




/*.gradient-text {
  background: linear-gradient(to right,#36afde,#60c0e5,#fff);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}*/




.greyscale  {
    filter: grayscale(1);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
    display: inline-block;
}





/*thèmes couleurs pages*/



.conseil .page-header h1 {
    color: #dc4027;
}

.conseil a {
    color: #db4127;
}

.conseil  div#services  .tck-module-title{
    background: #dc4127;
}

.conseil  div#services  .tck-module-text
{
    background: #dc4127;
}



.logotype .page-header h1 {
    color: #d5054e;
}


.logotype a {
    color: #d5054e;
}


.logotype  div#services  .tck-module-title{
    background: #d5054e;
}

.logotype  div#services  .tck-module-text
{
    background: #d5054e;
}



.site .page-header h1 {
    color: #7d3579;
}


.site a {
    color: #7d3579;
}



.site   div#services  .tck-module-title{
    background: #7d3579;
}

.site   div#services  .tck-module-text
{
    background: #7d3579;
}



.impression .page-header h1 {
    color: #2dbe92;
}



.impression a {
    color: #2dbe92;
}

.impression   div#services  .tck-module-title{
    background:  #2dbe92;
}

.impression  div#services  .tck-module-text
{
    background:  #2dbe92;
}


.impression .page-header h1 {
    color: #2dbe92;
}



.reseaux .page-header h1 {
    color: #4984e4;
}


.reseaux a {
    color: #4984e4;
}

.reseaux  div#services  .tck-module-title{
    background:  #4984e4;
}

.reseaux  div#services  .tck-module-text
{
    background:  #4984e4;
}





/*portfolio pro*/


.portfolio-module ul, li {
    list-style: inherit;
   
}


.projects-wrapper .project-img .project-img-extra h4 {
  
    color: white !important;
}



.projects-wrapper .project-img .project-img-extra h5 {
    display: none !important;
}


.btn-go-back { 
    padding: 9px 21px;
}


.btn-wrapper .btn-go-back {
    background-color: #1d2036;
}






.st{ font-weight: 300;
    margin-bottom: 30px;
font-size: 18px;
}


html
{
overflow: auto !important;
}

.print{
    border-width: 0;
    color: #fff;
    background-color: #49b386;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 10px;
    padding: 7px 20px;
    background-image: none;
}



li.active {
    color: #343546 !important;
}


.project-item-meta {
    background: #ecebeb;
    padding-top: 3px;
    padding-left: 12px;
    padding-bottom: 3px;
}





/*TIMELINE*/

.jux-tl-control {
    background: url(https://pierre-communication.com/images/Icones/plus.svg) no-repeat scroll 0 0 transparent !important;
   
}


.jux-tl-info {
    background-color: #343546 !important;
 
}


.jux-tl-item.right .arrow {
    border-right-color: #343546 !important;
}

.jux-tl-item.left .arrow {
    border-left-color: #343546 !important;
}


h2.jux-tl-title {
    margin-top: 0px !important;
}

.jux-tl-item h2 a {
        margin-top: 0px !important;
color: #48e0fb !important;
}



input.jsn-input-fluid {
    display: inline-block !important;
}


.jux-tl-desc {
    color: #ffffff !important;
    font-size: 15px !important;
}

h2.jux-tl-title {
    font-size: 24px !important;
}


.jux-tl-info {
    padding: 10px 32px !important;
}


.jux-tl-item .jux-tl-time {
    font-size: 16px !important;
    font-weight: normal !important;
    text-transform: uppercase;
}
/*PORTFOLIO PRO*/



a.btn.btn-success {
    border-width: 0;
    padding: 0;
    color: #343546;
    background-color: #f7f7f7;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 7px 20px;
    border-top: 1px solid #333;
    border-right: 1px solid #343546;
    border-bottom: 2px solid #2b2b36;
    border-left: 1px solid #343546;
    line-height: 17.14285715px;
    background-image: none;	
  	border-radius:0px;
}


a.btn-success:hover {
    text-decoration: none;
    color: #343546;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(51,51,51,.25);
    -o-box-shadow: inset 0 1px 2px 0 rgba(51,51,51,.25);
    -ms-box-shadow: inset 0 1px 2px 0 rgba(51,51,51,.25);
    -moz-box-shadow: inset 0 1px 2px 0 rgba(51,51,51,.25);
    box-shadow: inset 0 1px 2px 0 rgba(51,51,51,.25);
    margin-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #343546;
    	border-radius:0px;

}

/*FILTRE VIDEO HEADER ACCUEIL*/

.aikon-youtube-video-content {
    background: #3435464d;}



/***************************************************
 * Generated by SVG Artista on 11/25/2025, 7:15:49 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

svg.active .svg-elem-1 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

svg.active .svg-elem-2 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

svg.active .svg-elem-3 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

svg.active .svg-elem-4 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg.active .svg-elem-5 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg.active .svg-elem-6 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
}

svg.active .svg-elem-7 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-8 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-9 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-10 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-11 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-elem-12 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3000000000000003s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3000000000000003s;
}

svg.active .svg-elem-13 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-elem-14 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5000000000000002s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5000000000000002s;
}

svg.active .svg-elem-15 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-16 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-elem-17 {
  fill: rgb(221, 192, 118);
}

svg .svg-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s;
}

svg.active .svg-elem-18 {
  fill: rgb(221, 192, 118);
}

svg .svg-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-elem-19 {
  fill: rgb(221, 192, 118);
}

svg .svg-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-20 {
  fill: rgb(221, 192, 118);
}

svg .svg-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-21 {
  fill: rgb(221, 192, 118);
}

svg .svg-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-22 {
  fill: rgb(221, 192, 118);
}

svg .svg-elem-23 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
}

svg.active .svg-elem-23 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-24 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .svg-elem-24 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-25 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5000000000000004s;
}

svg.active .svg-elem-25 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-26 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .svg-elem-26 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-27 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .svg-elem-27 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-28 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
}

svg.active .svg-elem-28 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-29 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

svg.active .svg-elem-29 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-30 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0000000000000004s;
}

svg.active .svg-elem-30 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-31 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
}

svg.active .svg-elem-31 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-32 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .svg-elem-32 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-33 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
}

svg.active .svg-elem-33 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-34 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

svg.active .svg-elem-34 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-35 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5000000000000004s;
}

svg.active .svg-elem-35 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-36 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
}

svg.active .svg-elem-36 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-37 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}

svg.active .svg-elem-37 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-38 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
}

svg.active .svg-elem-38 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-39 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
}

svg.active .svg-elem-39 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-40 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
}

svg.active .svg-elem-40 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-41 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s;
}

svg.active .svg-elem-41 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-42 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}

svg.active .svg-elem-42 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-43 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
}

svg.active .svg-elem-43 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-44 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3999999999999995s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3999999999999995s;
}

svg.active .svg-elem-44 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-45 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
}

svg.active .svg-elem-45 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-46 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s;
}

svg.active .svg-elem-46 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-47 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
}

svg.active .svg-elem-47 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-48 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
}

svg.active .svg-elem-48 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-49 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
}

svg.active .svg-elem-49 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-50 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
}

svg.active .svg-elem-50 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-51 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
}

svg.active .svg-elem-51 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-52 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
}

svg.active .svg-elem-52 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-53 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
}

svg.active .svg-elem-53 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-54 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
}

svg.active .svg-elem-54 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-55 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
}

svg.active .svg-elem-55 {
  fill: rgb(5, 20, 63);
}

svg .svg-elem-56 {
  fill: transparent;
  -webkit-transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s;
          transition: fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s;
}

svg.active .svg-elem-56 {
  fill: rgb(5, 20, 63);
}