html {
	scroll-behavior: smooth;
  }

.row:before, .row:after {display: none !important;}

.gal {
		
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
.gal img{ width: 100%; padding: 7px 0;}

@media (max-width: 500px) {		
		.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
}

div.contact--icon svg.svg-inline--fa
{
	font-size:2rem;
	color:var(--first-color);
}

.contact-info
{
	border: dashed var(--first-color) 3px;
	padding: 1rem;
	border-radius:25px;
}

.intro
{
	text-align: justify;
	text-align-last: center;
}

.bg-tuyau .container
{
	background-color: rgba(0, 0, 0, 0.7);
	padding: 2rem;
}

.bg-tuyau 
{
	background-image: url(../img/slider-bg1.jpg);
	background-attachment: fixed;
}

.bg-tuyau .container .row div .single-testimonial .testimonial-author .outhor-info h4
{
	font-size:2rem;
}

.bg-tuyau .container .row div .single-testimonial .testimonial-author .outhor-info a.ensavoirplus
{
	font-size:1rem;
	margin-top: 20px;
	padding: 7px;
	border-radius: 25px;
}

.bg-tuyau .container .row div .single-testimonial .testimonial-author .outhor-info a.ensavoirplus:hover
{
	background-color: var(--first-color);
	color:white;
	padding:7px;
	border-radius: 25px;
}

@keyframes topback{
	from {transform: translateY(3px);}
	to   {transform: translateY(-3px);}
  }

.topback {
    animation: topback 0.7s ease infinite;
}

/* [1] The container */
.img-hover-zoom {
	overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
	transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
	transform: scale(1.2);
  }

  .single-testimonial:hover h4
  {
	  color:var(--first-color);
  }

  .single-testimonial:hover
  {
	box-shadow: 7px 5px 10px rgba(0, 0, 0, 0.2);
	
  }

.btn{
	border: solid white 2px;
    color: white;
}

.btn:hover {
    color: white;
}

.btn::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: var(--first-color);
    transition: all 0.3s ease 0s;
    content: "";
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}

.btn-contact{
	border: solid  var(--first-color) 2px;
    color:  var(--first-color);
}

.btn-contact:hover {
    color:  white;
}

.btn-contact::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color:var(--first-color);
    transition: all 0.3s ease 0s;
    content: "";
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1;
}


.single-testimonial:hover {
	background:rgb(228, 228, 228);
}

div.slick-track div#slick-slide00.hero-slide-item.slick-slide.slick-current.slick-active div.container div.row div.col-lg-6.col-md-8 div.hero-content.wow.fadeInLeft h1.titre , .titre
{
	color:#999999;
}
.hero-slide-item
{
  background-image: url(../img/bg-banner.jpg);
  background-attachment: fixed;
}

.slick-track::before, .slick-track::after {
  display: table;
  content: '';
  display: none;
}