/* Intro */
body {
  margin: 0px;
}


.intro {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  background-color: white;
  
}

.centered{
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* ------------------------------------- */



.carouselimg1{
  background-image: url("/images/homepage/carousel/1.jpg");
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.carouselimg2{
    background-image: url("/images/homepage/carousel/2.jpg");
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .carouselimg3{
    background-image: url("/images/homepage/carousel/3.jpg");
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }


  
  .box_wwx{  
  height: 280px;
  padding: 30px;
  background-color: #e5322d;
  border-radius: 30px;
  -webkit-box-shadow: 0px 10px 23px -15px rgba(0,0,0,0.61);
  -moz-box-shadow: 0px 10px 23px -15px rgba(0,0,0,0.61);
  box-shadow: 0px 10px 23px -15px rgba(0,0,0,0.61);
  transition: .2s;
}

.box_wwx:hover{ 
background-color: grey;
}



#box_search{
  animation: mymove 1s infinite;
  transition: .2s;
  position: relative;
  top: -10px;
}

@keyframes mymove {
  0% {top: -10px;}
  50% {top: 6px;}
  100% {top: -10px;}
}

#hidden_contact{
  visibility: hidden;
}

#carouselExampleIndicators{
  margin-top:-50px;
}

@media screen and (max-width: 1110px) {

  #hidden_contact{
    visibility: visible;
  }

  #carouselExampleIndicators{
    margin-top:20px;
  }

}