@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200');

/*Alignement des flèches en page de page du fichier archive.php pur aller aux articles suivants ou precedents*/
.pagination2 {width:100%;
			display: flex;
		justify-content: center;
		margin: 0px 0px 15px 0px;
flex-direction: row;
		align-items:center;}

.pagination2 .pagination {width:95%; 	  justify-content: center;
		align-items:center;
			margin: 0px 0px 0px 0px;}
/*Fin Alignement des flèches en page de page du fichier archive.php pur aller aux articles suivants ou precedents*/

#blogpost1 .post-items .post-content .post-meta2.up {
   /* display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 25px;
    align-items: center;
    flex-wrap: wrap;*/
		    border-right: 1px solid #99999994;
    margin-right: 10px;
    padding-right: 6px;
}
#blogpost1 .post-items .post-content .post-meta2.up .author-name a i {
    color: var(--secondary-color);
}

#blogpost1 .post-items .post-content .post-meta.down .time {
    border-right: 1px solid #99999994;
    margin-right: 10px;
    padding-right: 6px;
}



/*cacher le titre des catégories dans la liste de tous les articles d'une catégorie quand une catégorie est sélectionnée)*/
.nt-column-6.mb-4.mb-nt-0 ul.post-categories{
		display:none;
}

/*changer la couleur du texte du titre de la catégorie quand un article est affiché en entier*/
#blogpost1 .post-items .post-content .post-meta.up span ul li a {
    -webkit-text-decoration-skip: objects;
    color: var(--primary-color);
		font-weight: 700;
}

#blogpost1 .post-items .post-content .post-meta.up span ul li a:hover, #blogpost1 .post-items .post-content .post-meta.up span ul li a:active, #blogpost1 .post-items .post-content .post-meta.up span ul li button:focus {
 color:#ff6752;
}

/* Mise en forme du titre des categories quand celui s'affihce en haut d'une categorie selectionnée*/
.widget_category2{
		margin-bottom: 30px;
    /*background: #f0f0f0;*/ 		background: #fee1dd;
    padding: 20px;
border-radius: 5px;
}

.titre_categorie {
		padding: 8px 14px 0px 14px;
    border-radius: 5px;
 		font-weight: 700;
    font-size: 22px;
    text-decoration: none;
    color: var(--secondary-color);
		margin-bottom: 15px;
    display: block;
    transition: 0.65s;
		text-align: center;	
		padding: 0;
    margin: 0;
 line-height: 1;
}

/*Layout de fond qui entoure et accueille tous les articles d'une catégorie qui est selectionnée*/		
.titre_categorie:before  {
   box-sizing: border-box;
		position: absolute;
    content: '';
    background: /*#cecbd2*/  #f0f0f0;
    top: 14px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px 15px 5px 5px;
    z-index: -1;
		width:auto;
}		
		
		


.discription h3 {
		margin-bottom:10px;
		margin-left:15px;
		border-radius: 4px;
		/*background-color: #8db5b8;*/
		border: 1px solid #aaa;
		font-size: 12pt;
		padding: 10px;
    width: auto;
	margin-top:25px;
	/*	font-weight:bold;*/
}

/*padding-top espace video*/
@media (min-width: 992px) {
#funfact-one {
   /* padding: 360px 0 80px;*/
		 padding: 80px 0 80px;
}}

.fancy01
 {display:none !important;}

/*Slide Portfolio*/
.elementor-image-carousel .swiper-wrapper {
		transform: translate3d(-2080px, 0px, 0px); transition-duration: 0ms;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}





.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button {
   /*color: var(--wpforms-button-text-color);
		background-color: #1b575b (veert) !important;  (orange ff6752)
		height: var(--wpforms-button-size-height);
    border-radius: var(--wpforms-button-border-radius);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    border: none;
    padding: 0 var(--wpforms-button-size-padding-h);
    font-family: inherit;
    font-weight: 500;
    font-size: var(--wpforms-button-size-font-size);
    line-height: 100%;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    position: relative;
    text-decoration: none;*/
		    padding: 10px 15px;
    display: inline-block;
    /*border: 1px solid #1b575b;*/
    color: #fff;
		background-color: #1b575b !important;
    border-radius: 3px;
    position: relative;
    /*overflow: hidden;*/
    transition: 0.65s;
    z-index: 1;
    font-weight: 500;
    margin-bottom: 5px;
   text-decoration: none;
}

.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:before,
.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:after{
    content: '';
    position: absolute;
    transition: 0.65s;
    border-radius: 3px;
    z-index: -1;
}
.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:before{
    top: 0;
    left: 0;
    bottom: 0;
    right: 100%;
    background: rgba(255, 103, 82, 0.5); /*orange*/
}
.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:after{
    top: 0;
    left: 100%;
    bottom: 0;
    right: 0;
    background: rgba(255, 103, 82, 0.5); /*orange*/
}
.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:hover,
.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:focus{color: #fff;text-decoration: none;}

.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:hover:before,
.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:focus:before{right: 0%;box-shadow: 0 0 20px -1px #ff6752;background: rgba(255, 103, 82, 1)}

.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:hover:after,
.elementor-2688 .elementor-element.elementor-element-95fbaf8 .eael-load-more-button:focus:after{left: 0%;box-shadow: 0 0 20px -1px #ff6752;background: rgba(255, 103, 82, 1)}













.ptb-80 { padding: 60px 0;}

@media only screen and (max-width: 992px) {
.ptb-80 { padding: 20px 0px;}		
}		

.footer-main.ptb-80 {padding: 20px 0px 0px 0px !important;}		
	


/*mettre image du slider alignée en bas*/
/*.side-img img*/  
.slider .nt-container, .nt-container-fluid {margin-bottom:0px !important; padding: 40px 50px 0px 50px !important;	}

.slider {height:auto;}

@media only screen and (max-width: 992px) {
.slider .nt-container, .nt-container-fluid {/*margin-bottom:0px !important;*/ padding: 10px 10px 0px 20px !important;	background-image:url('https://digital404.net/wp-content/uploads/2024/03/slide05.png'); background-repeat: no-repeat; background-position: right bottom; background-size:contain;  height:670px;}
	/*.owl-carousel .owl-item img { margin-top:-30px;  margin-left: auto; }	*/
		.owl-carousel .owl-item img {display:none;  }	
/*.nt-column-6 .nt-sm-column-6 .slider-wrapper .owl-item.active .side-img {z-index:-3; margin-right:0%; position:fixed;}
.theme-content.wow.zoomIn a.text-btn  {z-index:9999 !important; position: relative;}*/
}

/*widget articles récents origine*/
/*#recent-posts-1 ul:not(.blog-author-social) li a:hover {
		color:#ff6752;
}

#recent-posts-1 ul:not(.blog-author-social) li a {
    display: block;
    padding: 5px 10px 10px 10px;
background: transparent;
   margin-bottom: 15px;
    border-radius: 0px;
    font-weight: 500;
    transition: 0.65s;
    text-decoration: none;
}*/

/*widget articles récents avec thumbail*/
#recent-posts-widget-with-thumbnails-2 ul:not(.blog-author-social) li a {
    display: block;
    padding: 5px 10px 10px 10px;
background: transparent;
   /* background: #fff;*/
   margin-bottom: 15px;
    border-radius: 0px;
    font-weight: 500;
    transition: 0.65s;
   /* border-left: 3px solid #fff;*/
		/*border:1px red solid;*/
    text-decoration: none;
}

#recent-posts-widget-with-thumbnails-2 ul:not(.blog-author-social) li a:hover {
		color:#ff6752;}

.rpwwt-post-date, .rpwwt-post-comments-number {
    font-size: 12px;
    margin-top: -22px;
    margin-bottom: 13px;
		font-weight:700;
		display: block;
		text-align:right;
}




#block-37 .wpforms-container.wpforms-container-full.wpforms-block.wpforms-block-079f49d4-c729-4324-9b1c-296a7af4629a.wpforms-render-modern {
    margin: 0px auto;
}



/*bordure encart des articles plus foncé .3*/
.eael-grid-post-holder {
    border: 1px solid rgba(0, 0, 0, .3);
}

/*menu mobile*/
.close-style {	top: 0%;}
/*#theme-mobile-menu {margin-top :500px !important;}*/
.mobile-menu {    position: relative;  top: 10px !important;}

.mobile-menu {  padding-top: 3.5rem;}
/*.mobile-logo {margin-bottom:10px;}*/

/*essai mettre breadcum sous menu en version mobile*/
/*.theme-mobile-nav.not-sticky {
 height:auto;
margin-bottom:0px;
background-color: transparent !important;
z-index:999;}*/

/*faire disparaitre breadcum dans version mobile*/
@media only screen and (max-width: 767px) {
	#breadcrumb-section.breadcrumb-area.breadcrumb-center {
			display:none;
 /*margin-top:-145px;
				z-index:-3;*/
}}
@media only screen and (max-width: 992px) {
#breadcrumb-section.breadcrumb-area.breadcrumb-center{
   /*	 margin-top:-145px;
			z-index:-3;*/
				display:none;
}}

/*réduire hauteur no-breadcum sur affichage mobile*/
@media only screen and (max-width: 767px) {
		.no-breadcrumb {
    min-height: 0px !important;
    height: 0px;
		}}
@media only screen and (max-width: 992px) {
		.no-breadcrumb {
    min-height: 0px !important;
    height: 0px;
		}}

.breadcrumb-list li i.fa.fa-home  {
		color:white;}
.breadcrumb-list li:nth-child(1) a  {
		color:white;}
 .breadcrumb-list {
		color:white;}

/*masquer le fil d'ariane en ecriture*/
.breadcrumb-heading h2{display:none;}

/*.breadcrumb-heading {
		margin-top :150px !important;
		position:relative; 
		left: 50%;
		right:50%;  
}*/

.breadcrumb-list li.active {color:var(--secondary-color);
font-weight: 700;}

.breadcrumb-heading h2 {
margin-bottom: 5px;
/*font-weight: 600;*/
}

ol.breadcrumb-list {
font-size: 12px ;
/*text-align:center;*/
}

/*Pour aligner le fil d'Ariane avec le bas du header*/
.breadcrumb-list {
   /* background: #fff;*/
		background: transparent;
    padding: 3px 6px 2px 6px;
		margin-top :150px !important;
		/*position:absolute; 
		left: 34%;
		right:66%;
    transform: translate(-50%, -50%);*/
		/*width:100%;*/
}

/*ajuster hauter breadcum sur version PC*/
.breadcrumb-area {
		height: 180px;
/*flex: 0 0 15%;
max-width: 85%;*/}

#breadcrumb-section .nt-container .nt-columns-area .nt-column-12 {
/* position:relative;*/
	height :180px;
		
		/*position:absolute; 
		left: 50%;
		right:50%;
    transform: translate(-50%, -50%);
		bottom:0.5rem;*/
		
	/*	 left: 50%;
    position: relative;
   -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
		margin-bottom:0px !important;*/
		
   /*display: flex;*/
   /* flex: 1;
    align-items: flex-end;*/
		/*align-self: flex-end;*/
		/*margin-top:20%;*/
}


		




.discription li {padding-bottom:10px;}
.ez-toc-counter ul {text-align: start;}
#ez-toc-container ul li {padding-bottom:5px;}

.discription p a:hover, .discription p a:active {
		text-decoration: none;
		color: #ff6752 !important;
animation: blink 4s ease-in-out infinite;
		/*background: yellow !important;*/
}

/*comportement des liens des articles si ces liens sont dans la description courte*/
.section-post.pg-blog.wow.fadeInLeft.ptb-80.post-comment p a:hover, .section-post.pg-blog.wow.fadeInLeft.ptb-80.post-comment p a:active, .section-post.pg-blog.wow.fadeInLeft.ptb-80.post-comment p button:focus {
		text-decoration: none;
		color: #ff6752 !important;
animation: blink 4s ease-in-out infinite;
}

.format-standard p a:hover, .format-standard p a:active {
		text-decoration: none;
		color: #ff6752 !important;
animation: blink 4s ease-in-out infinite;
}

/*Liens de "read more" dans la liste des categories des articles*/
#blogpost1 .post-items .post-content .more-link {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #FF9182 !important;
    padding: 5px 5px 5px 5px !important;
    margin: 5px 0px 5px 0px !important;
}

#blogpost1 .post-items .post-content .more-link:hover {
color: #FFFFFF !important;
    background-color: #FF9182 !important;
    border-style: none !important;
    border-radius: 3px 3px 3px 3px !important;
}


/*liens de connection et deconnexion dans les commentaires*/
  a#cancel-comment-reply-link {
		margin : 0 15px;
		color: #FF9182;
		font-weight: 500;
}
.logged-in-as a {
		margin : 0px 0px 0px 8px;
		color: #FF9182;
		font-weight: 500;
}

/*titre de "commentaires laissés*/
.single-comments-title h2 {
		font-size: 20px;
    font-weight: 700;}

/*Largeur menus principal*/
.nt-column-3.my-auto {
		-ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}
.nt-column-9.my-auto {
		-ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
}

/*taille image advertising*/
.wp-block-media-text__media img, .wp-block-media-text__media video {
    height: auto;
    max-width: unset;
    vertical-align: middle;
    width: 100%;
}

@media (max-width: 600px){
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    height: auto;
    max-width: unset;
    vertical-align: middle;
    width: 100%;
		}}

/*widget advertissment*/
.wp-block-media-text__content p {
	font-size :22px;
		overflow-wrap : normal;
		padding-top:15px;
		text-align: center;
}



/*boutons share*/
.a2a_floating_style a{
		opacity:0.6;
	/*	margin-left: -8px;*/
}
/*.a2a_floating_style a:hover{
		opacity:1;
		margin-left: 8px;
}*/


#block-34 {
		    margin-bottom: 0px;
    padding: 15px 10px 10px 10px;
}

.tagcloud a, .wp-block-tag-cloud a {
		font-size:11px !important;
}

p.wp-block-tag-cloud {
		margin: 0 0 0px;
}

/*widget articles recents*/
 #recent-posts-1 .post-date {
		font-size: 12px;
		margin-top: -20px;
		margin-bottom: 13px;
}



/*widget newsletters*/
#wpforms-2918-field_2-container .wpforms-field-label {
		 position: relative;
    display: inline-block;
    padding: 0px 10px 5px 10px;
    z-index: 1;
		font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
}

#wpforms-2918-field_2-container .wpforms-field-label:before {
		box-sizing: border-box;
		position: absolute;
    content: '';
    background: #cecbd2;
    top: 11px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px 15px 5px 5px;
    z-index: -1;
}

/*classe perso habillage Titre menu "categories" du blog*/
#titles-categories .widget-title2, #titles-categories2 .widget-title3 {
position: relative;
    /*display: inline-block;*/
    padding: 0 10px;
		font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
		/*border:red 1px solid !important;*/
    z-index: 1;
}

#titles-categories .widget-title2:before, #titles-categories2 .widget-title3:before {
   box-sizing: border-box;
		position: absolute;
    content: '';
    background: #cecbd2;
    top: 14px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px 15px 5px 5px;
    z-index: -1;
	/*	border:blue 1px solid !important;*/
}


/*classe perso habillage menu "categories" du blog*/
.widget_category {
		margin-bottom: 30px;
    background: #f0f0f0;
    padding: 20px;
    border-radius: 5px;
}

.discription h2 {
		margin-bottom:10px;
		border-radius: 4px;
		background-color: #8db5b8;
		border: 1px solid #aaa;
		font-size: 14pt;
		padding: 10px;
    width: auto;
		margin-top:50px;
		font-weight:bold;
}

section.post-section.ptb-80 .nt-container {
    padding: 0 5px;}

section#blogpost1.section-post.pg-blog.wow.fadeInLeft.ptb-80 .nt-container {
    padding: 0 5px;}

section#blogpost1.section-post.pg-blog.wow.fadeInLeft.ptb-80 .nt-container .nt-columns-area
{margin: 0px -5px;}

#blogpost1 article.post-items
{padding:15px;}

/*réduire le padding des marges laterales du contenu, surtout en version mobile pour éviter marges laterales trop larges*/.nt-container, .nt-container-fluid {padding: 0 15px;}

/*augmenter les marges laterales des widgets de la page contact suite à la réduction des marges laterales ci-dessus*/
.section-contact.pg-contact-form.ptb-80 /*.widget-contact*/{
		padding: 120px 15px !important;}

/*lien vers courte description des articles*/
.discription {
    margin: 30px 5px;
		text-align:justify;
}



.eael-grid-post-excerpt .eael-post-elements-readmore-btn
{display: inline-block;}


/* mettre à 100% largeur page de l'article seul*/
/*.section-post .nt-column-8 {
		-ms-flex: 0 0 100% !important;
    flex: 0 0 100%  !important;
    max-width: 100%  !important;
}*/


/* cacher le meu en doublon en version mobile========================================================*/
/*#mobile-m  ul:not(:first-child) {
    display: none ;
}*/

.mobile-menu .dropdown-menu, .mobile-menu .dropdown-sub-menu {
    display: inline-block ;
}

#mobile-m  ul {
  display: none;
}

#mobile-m  ul:first-of-type {
    display: block;
}
/*Fin - cacher le meu en doublon en version mobile==================================================================*/



.bdt-flip-box-layer.bdt-flip-box-back .bdt-flip-box-layer-desc {text-shadow: 1px 0px 2px rgba(0,0,0,1), -1px 0px 2px rgba(0,0,0,1), 0px -1px 2px rgba(0,0,0,1), 0px 1px 2px rgba(0,0,0,1);}

/***Bords arraonndis pour images de la page SEO***/
.nt-column-6.nt-sm-column-6 .about-img-left img {
		border-radius:4px;
}

/*Couleur orange tel en bas page "Processus"...*/
#pricing-home1 i.fa.fa-phone 
 {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
		 color: var(--secondary-color);
		     font-size: 30px;
    margin-right: 20px;
}


/*configuration du bouton de lecture de musique****/
        /* Style pour le bouton avec la classe */
        .music-button {
            position: fixed;
            bottom: 10px;
            left: 10px;
            border: none;
            background-color: #3498db;
            color: white;
            border-radius: 50%;
            padding: 10px;
            cursor: pointer;
            box-shadow: 0px 0px 20px 0px rgba(173, 216, 230, 1); /* Ajustement de la propriété box-shadow avec une couleur bleu clair */
            animation: blink 4s ease-in-out infinite; /* Ajout de l'animation de clignotement */
            overflow: hidden;
						z-index:4;
        }

        /* Style pour l'icône dans le bouton */
        .music-button i {
            font-size: 20px;
            color: white; /* Ajout de la couleur pour l'icône */
        }

        /* Animation de clignotement */
        @keyframes blink {
            0%, 100% { background-color: #3498db; color: white; box-shadow: 0px 0px 20px 0px rgba(173, 216, 230, 1); }
            50% { background-color: rgba(255, 255, 255, 0); color: #3498db; box-shadow: 0px 0px 20px 0px rgba(173, 216, 230, 0); }
        }
/*Fin configuration du bouton de lecture de musique****/





/*configuration menu version mobile*****/
.mobile-menu {
box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;
  /*  background: #3B777A;*/
background: rgb(109,186,190);
background: linear-gradient(0deg, rgba(109,186,190,1) 46%, rgba(27,87,91,1) 100%);
		
background-image: repeating-conic-gradient(#458A8E 0% 25%, #3B777A 0% 50%);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;

		border: 1px solid white;
		border-radius:6px;
}

.theme-mobile-menu ul.menu-wrap li  {
 background: #458A8E;
		
}
.theme-mobile-menu ul.menu-wrap li a {
   color: white;
    
}
.theme-mobile-menu ul.menu-wrap li a:hover {
   color: #ff5762;
}
/*a.close-style.close-menu {
		  background: white !important;
}*/
.mobile-menu .close-style:before {
    background: #ff5762 !important;
}
.mobile-menu .close-style:after {
		 background: white!important;
}
/*Fin configuration menu version mobile*****/

/*cacher les boutons des flips box****/
.bdt-flip-box {
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
		border-radius:8px;
}
.elementor-2247 .elementor-element.elementor-element-fad32ba .bdt-flip-box-button  {
		display:none !important;
}
.elementor-2247 .elementor-element.elementor-element-0503846 .bdt-flip-box-button {
		display:none !important;
}
.elementor-2247 .elementor-element.elementor-element-f71bdd8 .bdt-flip-box-button {
		display:none !important;
}
.elementor-2247 .elementor-element.elementor-element-0ecf8e8 .bdt-flip-box-button {
		display:none !important;
}

.elementor-2247 .elementor-element.elementor-element-fad32ba .bdt-flip-box-back .bdt-flip-box-layer-desc,
.elementor-2247 .elementor-element.elementor-element-0503846 .bdt-flip-box-back .bdt-flip-box-layer-desc,
.elementor-2247 .elementor-element.elementor-element-f71bdd8 .bdt-flip-box-back .bdt-flip-box-layer-desc,
.elementor-2247 .elementor-element.elementor-element-0ecf8e8 .bdt-flip-box-back .bdt-flip-box-layer-desc {
		text-align:justify;  margin-left:-5px !important;  margin-right:-5px !important;
}
/*Fin cacher les boutons des flips box****/

/* a.bdt-flip-box-button.elementor-button {
			display:inline-block !important;
		z-index: 10 !important;
		border: 10px solid red;
		visibility: visible !important;
		}*/


/*Page Process***************************/
/*
        .container-process {
            text-align: left;
            max-width: 70%;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            height: 200vh;
            perspective: 1px;
            overflow-x: hidden;
            overflow-y: auto;
        }

        .step-process {
            flex: 1 1 calc(50% - 20px);
            padding: 20px;
            margin: 10px;
            border: 2px solid #333;
            border-radius: 8px;
            text-align: left;
            transform-style: preserve-3d;
            transition: transform 0.5s ease-out;
        }

        .arrow-process {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 100%;
        }

        .arrow-process img {
            width: 50px;
        }*/

        /* Effet de parallaxe */
     /*   .step-process:hover {
            transform: translateY(10px);
        }

        .step-process:nth-child(odd) {
            margin-right: auto; 
        }

        .step-process:nth-child(even) {
            margin-left: auto; 
        }*/

/*Fin Page Process***************************/



/*couleur des champs du formulaire de contact*/
.color-form input, .color-form textarea {	
background-color: rgba(254, 254, 213, 0.6) !important;}
/*Fin couleur des champs du formulaire de contact*/

/*Couleur liens tel et mail dans section contact****/
.section-contact .contact-area .contact-info a {
 color: #1b575b;
}
.section-contact .contact-area .contact-info a:hover {
 color: #ff6752;
}
/*Fin Couleur liens tel et mail dans section contact****/

/*Box Shadows des 4 widget de la page contact***************/
#contact1 .contact-area {
 box-shadow: rgba(50, 50, 93, 0.3) 0px 50px 100px -20px, rgba(0, 0, 0, 0.35) 0px 30px 60px -30px, rgba(10, 37, 64, 0.6) 0px -2px 10px 4px inset;
}

#contact1 .widget-contact.contact-area {
 overflow: hidden !important;	
/*display:flex !important;*/
}
#contact1 .contact-area:nth-child(0n+4)
{
/*position: absolute;*/
		/* left: 20% ;*/
  top: 0;
		/*background: linear-gradient(90deg,#e52e71,#ff8a00);*/
		content: "";
 margin-right: auto;
    margin-left: auto;
	
  width: auto;
  height: auto;
  background: #f47463;
  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
  will-change: border-radius, transform, opacity;
  animation: sliderShape 5s linear infinite;
  display: block;
  z-index: -1;
  -webkit-animation: sliderShape 5s linear infinite;
}
@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

		
		
/*boite4*************************************/

#contact1 .contact-area:nth-child(0n+1) 
  {
    background-image: url('https://static.pexels.com/photos/414171/pexels-photo-414171.jpeg');
  background-size:cover;
        -webkit-animation: slidein 100s;
        animation: slidein 100s;

        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;

        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;

        -webkit-animation-direction: alternate;
        animation-direction: alternate;              
}

@-webkit-keyframes slidein {
from {background-position: top; background-size:3000px; }
to {background-position: -100px 0px;background-size:2750px;}
}

@keyframes slidein {
from {background-position: top;background-size:3000px; }
to {background-position: -100px 0px;background-size:2750px;}

}


 #contact1 .contact-area:nth-child(0n+3)
 {background-color:rgba(254, 254, 213, 1) !important;
  --s: 100px; /* control the size */
  --c1: rgba(49, 103, 107, 0.3);
  --c2: rgba(250, 236, 156, 0.3);
  
  --_s: calc(2*var(--s)) calc(2*var(--s));
  --_g: var(--_s) conic-gradient(at 40% 40%,#0000 75%,var(--c1) 0);
  --_p: var(--_s) conic-gradient(at 20% 20%,#0000 75%,var(--c2) 0);
  background:
    calc( .9*var(--s)) calc( .9*var(--s))/var(--_p),
    calc(-.1*var(--s)) calc(-.1*var(--s))/var(--_p),
    calc( .7*var(--s)) calc( .7*var(--s))/var(--_g),
    calc(-.3*var(--s)) calc(-.3*var(--s))/var(--_g),
    conic-gradient(from 90deg at 20% 20%,var(--c2) 25%,var(--c1) 0) 
     0 0/var(--s) var(--s);
  animation: m 3s infinite;
}
@keyframes m {
  0% {
			
   background-position: 
    calc( .9*var(--s)) calc( .9*var(--s)),
    calc(-.1*var(--s)) calc(-.1*var(--s)),
    calc( .7*var(--s)) calc( .7*var(--s)),
    calc(-.3*var(--s)) calc(-.3*var(--s)),0 0
  }
  25% {		
   background-position: 
    calc(1.9*var(--s)) calc( .9*var(--s)),
    calc(-1.1*var(--s)) calc(-.1*var(--s)),
    calc(1.7*var(--s)) calc( .7*var(--s)),
    calc(-1.3*var(--s)) calc(-.3*var(--s)),0 0
  }
  50% {	
   background-position: 
    calc(1.9*var(--s)) calc(-.1*var(--s)),
    calc(-1.1*var(--s)) calc( .9*var(--s)),
    calc(1.7*var(--s)) calc(-.3*var(--s)),
    calc(-1.3*var(--s)) calc( .7*var(--s)),0 0
  }
  75% {
   background-position: 
    calc(2.9*var(--s)) calc(-.1*var(--s)),
    calc(-2.1*var(--s)) calc( .9*var(--s)),
    calc(2.7*var(--s)) calc(-.3*var(--s)),
    calc(-2.3*var(--s)) calc( .7*var(--s)),0 0
  }
  100% {
   background-position: 
    calc(2.9*var(--s)) calc(-1.1*var(--s)),
    calc(-2.1*var(--s)) calc(1.9*var(--s)),
    calc(2.7*var(--s)) calc(-1.3*var(--s)),
    calc(-2.3*var(--s)) calc(1.7*var(--s)),0 0
  }
}

/* background 2eme boite****************/
 #contact1 .contact-area:nth-child(0n+2)
 {
    background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.wave {
    background: rgb(255 255 255 / 25%);
    border-radius: 1000% 1000% 0 0;
    position: fixed;
    width: 200%;
    height: 12em;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.wave:nth-of-type(2) {
    bottom: -1.25em;
    animation: wave 18s linear reverse infinite;
    opacity: 0.8;
}

.wave:nth-of-type(3) {
    bottom: -2.5em;
    animation: wave 20s -1s reverse infinite;
    opacity: 0.9;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}


/*bouton boite1********************/
 


/*animations boutons page forfaits*****************/
#vendre a.btn-price.text-btn {
 animation: float 4s 6s linear alternate infinite;
}

@keyframes float {
	50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-18px);
  }
}


#action a.btn-price.text-btn  {
  display: inline-block;
		animation: pulse3 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
  box-shadow: 0 0 0 0 rgba(49, 103, 107, 1);
}
@keyframes pulse3 {
  to {
    box-shadow: 0 0 0 20px rgba(49, 103, 107, 0);
  }
}


#visible a.btn-price.text-btn {
		display: inline-block;
  animation:pulse 7s 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
/*animations boutons page forfaits*****************/		

/*Selecteur de langues********************************************************/
#trp-floater-ls.trp-color-dark{    background: #154447;    }
.trp-floater-ls-disabled-language {    margin-top: 0px;}
#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {    margin-top: 0px;}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-left.trp-color-dark { min-width: 130px;}
#trp-floater-ls.trp-top-left {
  bottom: auto;
    top: 0;
    left: 7%;
		position:fixed;}
#trp-floater-ls {
    height: 40px;
   /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);*/
    box-shadow: 0 0 5px #333636,
                0 0 25px #333636,
                0 0 50px #333636,
                0 0 200px #333636 /*!important*/;
		/*couleur original pour donner effet lumière #03e9f4*/
		   -webkit-box-reflect:below 1px linear-gradient(transparent, #0005) !important; }

.trp-color-dark #trp-floater-ls-language-list .trp-language-wrap a:hover {background-color:#31676b;}

@media only screen and (max-width: 767px) {
		#trp-floater-ls.trp-top-left {
  bottom: auto;
    top: 0;
    left: 35%;
		position:fixed;} }

@media only screen and (max-width: 767px) {
    body.admin-bar #trp-floater-ls.trp-top-right, body.admin-bar #trp-floater-ls.trp-top-left {
   top: 0px;
		}}

		@media only screen and (max-width: 767px) {
#trp-floater-ls {
    height: 30px;}
		}
	@media only screen and (max-width: 767px) {
	#trp-floater-ls-current-language.trp-with-flags, #trp-floater-ls-language-list.trp-with-flags {    margin-top: -10px;}
		}			
/*
#trp-floater-ls-current-language {}
#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {}
*/ 
/*Fin Selecteur de langues********************************************************/

/*span.counter {
  all: initial;}

.elementor-counter-number, .counter *{}*/

/*substitutions odeometers*/
.counter01 {display:none;}

.counter {
    position: relative;
		visibility:hidden;
		/*display:none;*/
		/*all:unset;*/
		 /*  all:initial;*/
}
/*Fin - substitutions odeometers*/

/*Centrer les images technologiques du footer sur la version mobile*/
.img-center{
display:block;
margin:0 auto;

}

figure.aligncenter {
		display:block;
margin:0 auto;
			/*border:1px #cdcdcd solid;*/
}

.wp-image-2483, .wp-image-2485{
		display:block;
margin:0 auto;
	
}
/*Fin - Centrer les images technologiques du footer sur la version mobile*/





/*@media (min-width: 1200px)
h1, .h1 {
    font-size: 2.5rem;
}*/





/*Formulaire WPForm taille titre et couleur bouton validation formulaire*/
.section-title2 {
    padding: 0px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: left;
    text-transform: none;
    margin-bottom: 30px;
}
.elementor-854 .elementor-element.elementor-element-13d33a5 h5 {
    font-size: 1.9rem;
   /* font-size: 40px;*/
    font-weight: 800;
    margin-bottom: 10px;
    color: var(--background);
}

div.wpforms-container-full button[type=submit]
{background-color:#1b575b !important;}
/*---------------------------*/


/*------Bouton animé "plus d'infos" dans referencement*/
.categorie-btn2 a.text-btn  {		
			/*animation: moves 5s infinite alternate;*/
margin-top:2rem;
		animation-name: rotate;
  animation-duration: 6s;
		animation-delay: 2s;
  animation-iteration-count: infinite ;
	animation-fill-mode: backwards;	
		animation-direction: alternate;
		  animation-timing-function: cubic-bezier(.65, .8, .005, .99);
background-color:white;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}







/****************************************************************************************************/
 /* organiser les 2 images coté droit de la partie reseaux sociaux*/
.section-about .grid-container2{
	/*border:1px solid black !important;*/
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 100%;
  gap: 20px;
   height: 100%;
}

.about-img-right {
    position: relative;
    overflow: hidden;
    border-radius: 5px;}

/*.nt-column-4 nt-sm-column-4{
	border:1px solid white;				  
}*/
/*.flex-right {align-items: flex-end;}*/
/*.section-about .item4 {
		border:1px solid red;
}*/
/*.section-about .item6 {   
border:1px solid blue;	
}*/
/****************************************************************************************************/


/*Garder texte en minuscules*/
.section-funfact .section-title p {
   text-transform: none;
}

.section-title p {text-align:justify;}
.pricing-item p {text-align:justify;}
/* dans "langues parlées", tableau pour séparer langues en 2 colonnes*/
.tab-lang {
  /*column-width: auto;*/
				/*	margin: auto;
  width: 50%;*/
		/*width:100%;*/
		/*display: block;
    display: inline*/
  /*column-rule: 1px solid rgb(75, 70, 74);*/
	/*	display: flex;
		flex-flow: column;*/		
 display: flex;
 align-items: center;
 justify-content: center;
		}
.tab-lang-col1 {width:45%;font-weight: 500; 
		display: flex;
		align-items: center;
		justify-content: center;}

.tab-lang-col2 {width:45%;font-weight: 500;   
		display: flex;
		align-items: center;
		justify-content: center;}



/*rendre la sectio ntitre plus large*/
.section-title {
   text-transform: none;
		padding:0px;
		margin-right:10px;
margin-left:10px;
		
}
.section-title h3{
		font-size:1.9rem	
}

.section-title h5{
		font-size: 24px;
}
.section-footer {
    width: 100%;
    position: relative;
    z-index: 0;
    height: auto;
    display: block;
    animation: slide 100s linear reverse infinite;
    -webkit-animation: slide 100s linear reverse infinite;
}

.section-footer .widget .widget-title {
text-align: center;
}

.footer-copyright .copyright-text{
		margin-bottom:15px;}

/*ombre sur les blocks des contact*/
.widget-contact .contact-area {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    /* box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; */
}

/*mettre le background du header en vert pour le passage eversion mobile*/
.theme-mobile-nav.not-sticky {
		background-color: #1b575b;
}

/*réduire la taille du logo enversion mobile*/
.mobile-logo img {
    max-width: 80px;
}

/*animation sur le bouton "appelez moi" */
.nt-column-12.nt-sm-column-12.text-center .categorie-btn {
    /*position: absolute;
    top: 25%;
    right: 12%;*/
    animation: tada 15s infinite;
}



/*taille du badge qui est superposé sur photos du pricing*/
.stamp-logo img {    max-width: 65%;	}
.stamp-logo{left:60%;}
.stamp-logo img:hover {   transform: scale(1.5);
transition: transform .5s ease;}

/*cadrer numeros de tel*/
.section-about .contact-info {
    margin-left: 0px;}


.about-feature  {
/*width: 60%;*/
		/*align-content: flex-start;*/
		margin-right: 0px;}

.about-feature .about-icon i {
/*width: 60%;*/
		/*align-content: flex-start;*/
		margin-right: 0px;
/*position: relative; 
   -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;*/
}

.about-feature {        
}

.cont1 {width:100%;
  display: flex;
align-items: flex-start;}
.cont2 {width:20%;}
.cont3 {width:80%;}
.cont2 .about-icon i {
		 position: relative;
  left: 50%;
 transform: translateX(-50%);
}


#category_one, #section-course1, .section-pricing{
background: rgb(255, 255, 255, 0.0);
		/*border:1px red solid;*/
}

#about_one, #about_three {
   background: rgb(255, 255, 255, 0.0);
		/*border:1px red solid;*/
}

/*Ombres sur colonnes "cours"*/
/*nt-column-3 nt-sm-column-6*/
.categorie-item
{box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
/*		box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;*/
}
/*Ombres sur colonne "Pricing"*/
.section-pricing .pricing-item
{box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
/*		box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;*/
}
/*Rotation auto des boites des chiffres counter*/
.funfact-icon:before {
    animation: moves 5s infinite;
}
.funfact-icon:after {
    transform: rotate(60deg);
    animation: move 5s infinite;
}

/*marges pour "checkbox" dans "tarifs"*/
.about-content ul li i {
 margin: 12px 10px 3px 0px;
}
/*epaisseur numero te*/
div.contact-icon a {
		font-weight: 900;
}
div.contact-icon a:hover {
		color:#ff6752;
}

/*comportement bidulles*/
.bg-shape50 {
 position: absolute;
		top:1%;
    right: 5% ;
		animation:tada 10s infinite;
}
.bg-shape51 {
    position: absolute;
    top: 40%;
    left: 10%;
    animation: tom 20s linear infinite;
}

.shake {
animation: shopifyshake 3s;
animation-iteration-count: infinite;}
.text {display: block;font-size: 2em;width: 100%;-webkit-animation-duration: 1s;animation-duration: 0.5s;}
.fadeInDown.text {-webkit-animation-duration: 1.6s;animation-duration: 0.8s;}

.shake {
    animation: shopifyshake 3s;
    animation-iteration-count: infinite;
}

@keyframes shopifyshake {
0% { transform: translate(1px, 1px) rotate(0deg); }
1% { transform: translate(-1px, -2px) rotate(-1deg); }
2% { transform: translate(-3px, 0px) rotate(1deg); }
3% { transform: translate(3px, 2px) rotate(0deg); }
4% { transform: translate(1px, -1px) rotate(1deg); }
5% { transform: translate(-1px, 2px) rotate(-1deg); }
6% { transform: translate(-3px, 1px) rotate(0deg); }
7% { transform: translate(0px, 0px) rotate(0deg); }
8% { transform: translate(0px, 0px) rotate(0deg); }
80% { transform: translate(0px, 0px) rotate(0deg); }
90% { transform: translate(0px, 0px) rotate(0deg); }
100% { transform: translate(0px, 0px) rotate(0deg); }
}


#category_one .categorie-content span {
	color:#1b575b !important;
 display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}


#category_one .categorie-content h2 a {
		color: #ff7561;
font-size: 1em !important;
font-weight: 500 !important;
animation: shopifyshake 3s;
    animation-iteration-count: infinite;}

#category_one .categorie-content h2  {
    padding: 5px 10px;
    display: inline-block;
    margin: 20px 0;
    border-radius: 5px;
		border: solid 2px #ff7561;
 transition: 0.65s;
  /* background: #fff0ed;*/
	font-size: 1em !important;
font-weight: 500 !important;	
    color: #ff7561/*ff6752*/ !important;
		animation: shopifyshake 3s;
    animation-iteration-count: infinite;
		/* background:#e8223f;*/
}

#category_one .categorie-content:hover {
    background-color: var(--secondary-color);
}
#category_one .categorie-content h2:hover{
		 background:#e8223f;
		/*color: black;*/
}
#category_one .categorie-content h2 a:hover {
		color: #ff6752;
}
/*#category_one .categorie-content:hover + #category_one .categorie-content h2 {background:black; }*/



.categorie-item:hover .categorie-content h2
{
background:#e8223f;
	/*	border:solid 1px black !important;*/
}









/*#category_one .categorie-content h2 a:hover {
		background: #cf2e2e	;}*/
  
  	
		
/*a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	}
		a {
    text-decoration: underline;
    color: var(--primary-color);

}*/




/*** Inverseer disposition de l'alignement des elements des "cours" ***/
#category_one .categorie-content  {
				/*border:1px red solid;*/
		 display: flex;
  flex-direction: column-reverse;
		padding :0.5em;
}
		/*display: flex;*/
		/*align-content: flex-end;*/
		/*flex-direction: column-reverse;*/


		#category_one .categorie-content :nth-child(1) { order: 1; }
#category_one .categorie-content :nth-child(h2) { order: 2; }
#category_one .categorie-content :nth-child(p) { order: 3; }






/* if you do not have this, you will see a 
vertical scrollbar on the .parallax div */
/*body {
  margin: 0;
}*/


/*body {
  margin: 0;
  font-family:Helvetica,Sans-serif;
  overflow-x:hidden;
}
h1 {
  text-align:center;
}*/
.elementor-67 .elementor-element.elementor-element-39e93bc {
  width:100vw;
  height:100vh;
  perspective:1px;
  perspective-origin: center center;
/*  overflow-x:hidden;*/
}
.overflow {
  position:absolute;
  width:100vw;
  height:80vh;
  top:100vh;
  background-color:#FFF;
}
#39e93bc {
  transform-style: preserve-3d;
  height:120vh;
		
 background-position: bottom center;
  background-size: cover;
  background-repeat: repeat-x;
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
	
		
		
}

/*.elementor-67 .elementor-element.elementor-element {
  background-position: bottom center;
  background-size: cover;
  background-repeat: repeat-x;
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}*/

.elementor-67 .elementor-element.elementor-element-1c88bc2 {
  transform:translate3d(-110px,-110px,-1.3px) scale(1.1);
		/*transform:translate3d(-11px,-46px,-1.3px) scale(2.3);*/
}
.elementor-67 .elementor-element.elementor-element-94911e0 {
  transform:translate3d(50px,-110px,-.7px) scale(1.1);
		 /*transform:translate3d(0,-47px,-.7px) scale(1.7);*/
}
.elementor-67 .elementor-element.elementor-element-cc94d06 {
  transform:translate3d(0,-98px,-.4px) scale(1.6);
}
#keyart-3 {
  background-image: url('http://www.firewatchgame.com/images/parallax/parallax3.png');
  transform:translate3d(0,-2px,-.1px) scale(1.1);
}
#keyart-4 {
  background-image: url('http://www.firewatchgame.com/images/parallax/parallax4.png');
  transform:translate3d(0,35px,.1px) scale(.9);
}
#keyart-5 {
  background-image: url('http://www.firewatchgame.com/images/parallax/parallax5.png');
  transform:translate3d(0,84px,.2px) scale(.8);
}
#keyart-6 {
  background-image: url('http://www.firewatchgame.com/images/parallax/parallax6.png');
  transform:translate3d(0, 106px,.3px) scale(.7);
}
#keyart-7 {
  background-image: url('http://www.firewatchgame.com/images/parallax/parallax7.png');
  transform:translate3d(0,106px,.38px) scale(.65);
}
#keyart-8 {
  background-image: url('https://www.firewatchgame.com/images/parallax/parallax8.png');
  transform:translate3d(0, 180px,.45px) scale(.8);
}
/*    ===============================*/
/*.parallax {
  height: 100vh;
  overflow-x: hidden;

  perspective: 1px;
}

.parallax-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.elementor-67 .elementor-element.elementor-element-1c88bc2 {
  transform: translateZ(0);
}

.elementor-67 .elementor-element.elementor-element-94911e0 {
  transform: translateZ(-1px);
}

.elementor-67 .elementor-element.elementor-element-cc94d06 {
  transform: translateZ(-2px);
}*/

/* specific to this implementation */

/*div {
  font-size: 50px;
  text-align: center;
}*/

/*
.elementor-67 .elementor-element.elementor-element-1c88bc2 {
  width: 100%;
  height: 100rem;

  background-color: red;
}

.elementor-67 .elementor-element.elementor-element-94911e0 {
  top: 10rem;

  width: 100%;
  height: 50rem;

  background-color: green;
}

.elementor-67 .elementor-element.elementor-element-cc94d06 {
  top: 20rem;

  width: 100%;
  height: 50rem;

  background-color: blue;
}*/































/*@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}*/

/*@keyframes spin {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
*/
@keyframes spin {
  0%   {left:-3%; top:0%;}
  25%  {left:3%; top:0%;}
  50%  { left:0%; top:1%;}
  75%  {left:3%; top:1%;}
  100% { left:-3%; top:0%;}
}


.elementor-67 .elementor-element.elementor-element-21e1476  {
   /* width: auto;*/
		/*height:80%;
   top: -5%;*/
		/*position: relative;*/
 /* left: 5px;*/
	
animation: spin 60s infinite linear;
		/*animation: slideInUp 100s linear reverse infinite;*/
/* -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
		transition: 5s ease-in;
		transform: rotate(360deg) ;
		transition-duration: 1000s;*/
   /* left: calc(100% - 102px);*/
/* -webkit-animation-name:  tom;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 4.2s;
animation-name:  tom;
    animation-iteration-count: infinite;
    animation-duration: 4.2s;*/
/* height: auto;*/
   /* display: block;*/
/*border:10px red solid;*/
   /* animation: slide 100s linear reverse infinite;
    -webkit-animation: slide 100s linear reverse infinite;*/
/*visibility: visible;
    .discription
		-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;*/
	 /* animation: slide 10s normal infinite;*/
		  /*position: absolute;*/
/*animation-name: rexample;*/
		/* -webkit-animation: slidein 30s linear reverse infinite;*/
		/*animation: linear 10s  ease-in  infinite;*/
/* animation-iteration-count: infinite;*/
		
}