@font-face {
  font-family: vision;
  src: url('GRfonts/Vision-Black.otf')  format('opentype');
}
/*body{
  font-family: vision;

}*/

h1.titulo span::before {
  content: "kitchen ";
  animation: animate infinite 20s;
}
    
@keyframes animate {
    
  0% {
      content: "kitchen";
    }
    
  50% {
      content: "bathroom ";
    }
    
  75% {
      content: "kitchen";
    }
}

#heroimg{
  background: url(images/kitchen-2.webp) top left fixed;
  animation: herobanner infinite 20s;
}
@keyframes herobanner {
    
  0% {
    background: url(../images/kitchen-2.webp) top left fixed;
  }

  50% {
    background: url(../images/interior-of-modern-bathroom-with-shower-box.webp) top center fixed;
    content:"Foto de fregadero creado por wirestock - www.freepik.es";
  }

  100% {
    background: url(../images/kitchen-2.webp) top left fixed;
  }
}

.hover-rotate {
  overflow: hidden;
  margin: 1px;
  min-width: 240px;
  max-width: 320px;
  width: 100%;
}

.hover-rotate img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
}

.hover-rotate:hover img {
  transform: scale(1.0) rotate(15deg);
}
a#callphone:hover{
  color: black;

}

#heroKitchenRemodeling{
  background: url(../images/SERVICES-kitchen-remodeling-hero-1.webp) left top fixed;
}


.picture2 {
  display: none;
}
.thumbnail:hover .picture1 {
  display: none;
}
.thumbnail:hover .picture2 {
  display: block;
}

.bathbgimg{
  background: url(../images/bathroombgimg.webp) center center fixed no-repeat;
  background-size: cover;
}
.kitchenbgimg{
  background: url(../images/kitchenbgimg.webp) center center fixed no-repeat;
  background-size: cover;
  
}

.navbar .navbar-nav .nav-link {
  color: #fff;
  font-size: 1.1em;
}
.navbar .navbar-nav .nav-link:hover {
background-color: #fcef32;
color: #000;
}

.dropdown-item:focus, .dropdown-item:hover{
  background-color: #fcef32;
  color: #000 !important;
}