@import "responsive.css";
@import "scrollbar.css";
*
{
  -webkit-transition: 1.5s all;
  -o-transition: 1.5s all;
  transition: 1.5s all;
}
.btn{
  border-radius: 0  !important;
  transition: .5s all;
  font-family: arial !important;
  font-weight: bold;
}

.btn-day
{
  position: relative;
  color: white;
  overflow: hidden;
  z-index: 3;
  border: 2px solid #00b3cc;
}
.btn-day::before{
  position:absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: white;
  transition: .4s all;
  left: -120%;
  top: 0;
  z-index: -1;

}
.btn-day:hover{
  background: transparent;
  color: #00b3cc !important;
}
.btn-day:hover:before{
  left:0;
}

.btn-day-outline
{
  position: relative;
  color: #01b3a7;
  overflow: hidden;
  z-index: 3;
  border: 2px solid #00b3cc;
}
.btn-day-outline::before{
  position:absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #00b3cc;
  transition: .4s all;
  left: -120%;
  top: 0;
  z-index: -1;

}
.btn-day-outline:hover{
  background: transparent;
  color: white !important;
}
.btn-day-outline:hover:before{
  left:0;
}
.about
{
  background: url(../img/fond.jpg);
  -webkit-background-size: cover;
  background-size: cover;

}
.rdv-image
{
  background: url(../img/tooth.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  border-radius:0 100px 0 0 ;
}
iframe
{
  -webkit-filter: grayscale(.8);
  filter: grayscale(.8);
}
.fa.fa-phone
{
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.social
{
  color: #fff;
  font-size: 30px;
  -webkit-transition: 0s all !important;
  -o-transition: 0s all !important;
  transition: 0s all !important;
}

.social:hover
{
  color:yellow;
}
html {
  scroll-behavior: smooth;
}
.service-container .col-md-6 .container
{
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}
.service-container .col-md-6 .container:hover
{
  -webkit-transform: scale(1.2,1.2);
  -ms-transform: scale(1.1,1.2);
  transform: scale(1.2,1.2);
}

.nav-link
{
  transition: .5s all !important;
}

.nav-link:hover
{
  color: #fff !important;
}