@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,200,300,500,600,700,800,900);

html {
  position:relative;
  min-height:100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body{
  width: 100%;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
a,a:focus,a:hover;a:focus;a:focus-within,a:visited,button{
  text-decoration:none;
  outline:none;
}

/*********/

#map {
  height:500px;
}
.carousel-item {
    background-color: rgb(0 0 0 / 33%);
    background-blend-mode: color;
}

/* Multi carousel */

#multiCarousel .carousel-inner {
  padding: 1em;
}
#multiCarousel .card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}
#multiCarousel .carousel-control-prev {
    background-color: #6c757d;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: unset;
    bottom: -75px;
    left: 45%;
}
#multiCarousel .carousel-control-next {
    background-color: #6c757d;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: unset;
    bottom: -75px;
    right: 45%;
}
.tt-menu {
    background: white;
    width: 100%;
    border-radius: 0.375rem;
    padding: 5px;
}
@media (min-width: 768px) {
  #multiCarousel .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }
  #multiCarousel .carousel-inner {
    display: flex;
  }
}
#multiCarousel .card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
#multiCarousel .card img {
    max-height: 100%;
}
@media (max-width: 767px) {
  #multiCarousel .card .img-wrapper {
    height: 17em;
  }
}