/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


@font-face {
font-family: "Steamtown";
src: url("https://www.chronoflex.ro/wp-content/themes/divi-child/fonts/Steamtown.ttf");
}

h1{
	font-family: "Steamtown", "titilium web", sans-serif !important;
}

.header-n3{
	background-image:linear-gradient(to bottom, #2b87da, #5bb0e1);
}


.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les dÊclinaisons avec prÊfixes pour obtenir un rÊsultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

#axeptio_overlay > div > button{
    visibility: hidden;
}
div[data-hide-on-vendor-consent="youtube"],div[data-hide-on-vendor-consent="gmaps"]{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}
div[data-hide-on-vendor-consent="youtube"] button, div[data-hide-on-vendor-consent="gmaps"] button{
    position: absolute;
    z-index: 2147483647;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


/*Menu Mobile*/
.et_header_style_split #main-header .mobile_nav{
	background-color: transparent;
}
.et_header_style_split #main-header .mobile_nav .select_page{
	visibility: hidden;
}

/* HOME */

.steps-home .et_pb_column:nth-child(1):after, .steps-home .et_pb_column:nth-child(2):after{
	content: "›";
	position:absolute;
	top: 50%;
	right: 0;
	transform: translateY(-100%) translateX(100%) scaleY(2);
	font-size: 8em;
	font-family: "titilium web", sans-serif;
	color: #FEC907;
}

.steps-home .et_pb_column{
	opacity: 0;
}
.steps-home .numero{
	font-family: "Steamtown", "titilium web", sans-serif;
}
.steps-home .etape_une{
	animation: etapeUne 12s infinite ease-in;
}
.steps-home .etape_deux,.steps-home .etape_une:after{
	animation: etapeDeux 12s infinite ease-in;
}
.steps-home .etape_trois, .steps-home .etape_deux:after{
	animation: etapeTrois 12s infinite ease-in;
}

@keyframes etapeUne{
		0%{opacity: 0;margin-left:-50px;}
		8%{opacity: 1; margin-left:0px;}
		95%{opacity: 1; margin-left:0px;}
		100%{opacity: 0; margin-left:-50px;}
}
@keyframes etapeDeux{
		0%{opacity: 0;margin-left:-50px;}
		10%{opacity: 0;margin-left:-50px;}
		18%{opacity: 1; margin-left:0px;}
		95%{opacity: 1; margin-left:0px;}
		100%{opacity: 0; margin-left:-50px;}
}
@keyframes etapeTrois{
		0%{opacity: 0;margin-left:-50px;}
		20%{opacity: 0;margin-left:-50px;}
		28%{opacity: 1; margin-left:0px;}
		95%{opacity: 1; margin-left:0px;}
		100%{opacity: 0; margin-left:-50px;}
}


.phone-slider-home{
	display:inline-block;
	border:1px solid white; 
	border-radius:50px; 
	padding: 10px 12px 0px 12px; 
	margin: 2px 0 5px 0; 
}
.phone-slider-home:hover{
	background-color: white;
}
.phone-slider-home:hover span{
	color: #306db5 !important;
}



.contact-form form{
	text-align: center;
}
.contact-form input{
	border-radius: 50px;
}
.contact-form input, .contact-form textarea{
    width: 500px;
    max-width: 100%;
}
.contact-form input{
	padding: 10px 15px 6px 15px;
    border-radius: 50px;
}
.contact-form textarea{
	padding: 10px 15px 6px 15px;
    border-radius: 20px;
}
.contact-form input[type=submit]{
	border:none;
	background-color: #004588;
	color: white;
	font-weight: bold;
	padding: 8px;
	margin-left: 72px;
}