html,body{
  scroll-behavior: smooth;
  font-family: Lato-Regular;
  overflow-x: hidden;
}


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.cars-home{
  padding-top: 5rem;
}

.fa-phone-alt {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 99;
  font-size: 24px;
  border: none;
  outline: none;
  background-color: #1e90ff;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
}
.fa-phone-alt:hover{
  color: black;
}
.bold{
    font-family: Lato-Bold
}
.p50{
    padding-left:9rem;
}

 /*NAVBAR*/


nav{
  min-height: 75px;
}
.navbar{
    background-color: #1e90ff;
    
}
.navbar-nav li{
    margin: 0px 20px;
    font-size: 1.3rem;
}

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

.bgcolor.scrolled{
    border-bottom: 1px solid rgba(0,0,0,0.2)
}
.navbar-brand{
  color: white
}

nav li.active a{
  color: #fff;
}
a:hover{
  color: black;
}
/*FOOTER*/
footer{
  background-color: #1e90ff;
  color: white;
}
/*CONTACT*/
.contact-image{
  height: 700px;
  width: 100%;
}
.contact-address{
  background-color: rgba(30,144,255,0.8);
  color: white;
  box-shadow: 8px 8px 8px #888888;
    border-radius: 10px
}
#contact input:hover{
    border-color: #1e90ff;
    color: #1e90ff
}
footer a{
  color: white;
  
}
footer a:hover{
  text-decoration: none;
  color: black;
}
footer .contact-line{
  border-right: 2px solid #fff;
}
@media screen and (max-width: 768px){
  footer .contact-line{
    border-right: none;
  }
}
/*ABOUT*/
.about-head{
  margin-bottom: 5rem;
}
.about-para{
  padding-left: 7rem;
  margin-bottom: 5rem;
}
.car{
  font-size: 5rem;
}
/*HOME*/
.home-quote{
  padding: 5rem 0rem 2rem 0rem;

}
.travelmore{
  padding-top: 250px !important;
  color: white

}

.testimonial-background{
  background: url(../img/tour/22.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.testimonial-image{
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
#testimonial-slide{
  bottom: -30px !important
}
#testimonial-slide li{
  background-color: #1e90ff !important;
}
#testimonial{
  min-height: 500px;
  background-color: rgba(178,228,238,0.1);
}
#testimonial h2,p{
  color: black
}
.carousel-control-prev-icon,.carousel-control-next-icon{
  background-color: #1e90ff !important;
  border-radius: 50%;
}





.destination-heading{
  background-color: rgb(0, 0, 0);
  color: white;
  padding: 1rem 0rem;
}

.conversation{
  height: 8rem;
}
.number:hover{
  color: #1e90ff !important;
  text-decoration: none
}
@media screen and (max-width: 768px){
  .conversation{
    height: 4rem;
  }
  .conversation-quotes{
    text-align: left;
      margin: 0px 20px
  }
    .col-sm-0{
        display: none
    }
}


.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:  rgba(0,0,0,0.5);
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  color: white
}

.card:hover .overlay {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.card:hover .local1{
  display: none
}
.card-title{
  margin: 1rem;
  padding-top: 0.8rem;
  color: #5eb0ff;
  border-bottom: 2px solid #5eb0ff;

}
.card-text{
  margin: 1rem;
}
.card{
  height: 100%;
 
}
.card-title{
  font-size: 1.5rem
}
.content{ 
    color:#778899!important;
    padding:1rem;
}