* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}


.nav-link .active {
   color: #ffc107;


}

.btn:hover {

   background-color: #3083fd;
   font-weight: bold;
   transition: .5s;
}

/*** type des appareils ***/


.app-img {
   position: relative;
   width: 100%;
}

.img {
   width: 100%;
}

.app-btn {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: #ffc107cb;
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
   padding: 30px;
   padding-bottom: 100px !important;
   opacity: 0;
   transition: .5s;
}

.app-item:hover .app-btn {
   opacity: 1;
   padding-bottom: 30px !important;
}

.app-itemtwo:hover .app-btn {
   opacity: 1;
   padding-bottom: 30px !important;
}

/*** installer app ***/
.install-img img {
   position: relative;
   z-index: 2;
}


.install-img::before {
   position: absolute;
   content: "";
   top: 0;
   left: -50%;
   width: 100%;
   height: 100%;
   background: #ffc107cb;
   transform: skew(20deg);
   z-index: 1;
}

/*le truc jaune
.header::before {
   position: absolute;
   content: "";
   top: 0;
   bottom: 0;
   right: 9.5%;
   width: 40%;
   height: 100%;
   background: #ffc107;
   transform: skew(23deg);
   z-index: 1;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}*/

.row {
   position: relative;
   z-index: 1;
}

.header {
   position: relative;
   z-index: 1;
}

.animated {
   z-index: 2;
}

.container-fluid .row .col-md-6 .dot::before {
   height: 190px;
   width: 190px;
   background-color: #3083fd;
   border-radius: 50%;
   display: inline-block;
   z-index: 1;
}

/*** Testimonial ***/
.testimonial-carousel {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
}

@media (min-width: 576px) {
   .testimonial-carousel {
      padding-left: 4rem;
      padding-right: 4rem;
   }
}


.testimonial-carousel .owl-nav {
   position: absolute;
   width: 100%;
   height: 40px;
   top: calc(50% - 20px);
   left: 0;
   display: flex;
   justify-content: space-between;
   z-index: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
   position: relative;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #FFFFFF;
   background: var(--primary);
   border-radius: 40px;
   font-size: 20px;
   transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
   background: var(--dark);
}




/* Style the form */
#regForm {
   background-color: #ffffff;
   margin: 100px auto;
   padding: 40px;
   width: 70%;
   min-width: 300px;
}

/* Style the input fields */
input {
   padding: 10px;
   width: 100%;
   font-size: 17px;
   font-family: Raleway;
   border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
   background-color: #fdb5b5;
}

.tab {
   display: none;
}

.step {
   height: 15px;
   width: 15px;
   margin: 0 2px;
   background-color: #bbbbbb;
   border: none;
   border-radius: 50%;
   display: inline-block;
   opacity: 0.5;
}

.step.active {
   opacity: 1;
}

.step.finish {
   background-color: #eec40a;
}


#myBtn {
   display: none;
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 99;
   border: none;
   outline: none;
   background-color: #ffc107;
   color: white;
   cursor: pointer;
   padding: 15px;
   border-radius: 10px;
   font-size: 18px;

}

#myBtn:hover {
   background-color: #3083fd;

}



/*partners slider */
.slick-slide {
   margin: 0px 0px;
}

.slick-slide img {
   width: 70%;
}

.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
}

.slick-list {
   position: relative;
   display: block;
   overflow: hidden;

   margin: 0;
   padding: 0;
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;

}

.slick-slide img {
   display: block;
}

.slick-initialized .slick-slide {
   display: block;
}

.copy {
   padding-top: 250px;
}


/*** galerie ***/
.item:hover {
   filter: brightness(80%);
}