@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap');
body{
    font-family: 'Poppins', sans-serif;
}
.vm-navbg{
    box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1);
}
.navbar-light .navbar-nav .nav-link{
    font-weight: 500;
}
i{
  vertical-align: center;
}
.btn-danger{
    background: #ff0023;
    border-color: #f60123;   
}
.btn-danger[href]:hover, .btn-danger[href]:focus, .btn-danger[href]:active, .btn-danger[type]:hover, .btn-danger[type]:focus, .btn-danger[type]:active {
    box-shadow: 0 4px 11px rgba(255, 0, 35, 0.35);
  }
  
  .btn-danger:not(label.btn), .btn-danger:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-danger:not([href]), .btn-danger:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #ff0023;
    border-color: #ff0023;
  }
  
.btn-danger:hover {
  background-color: #ff1a3a;
  border-color: #ff1a3a;
  color: #fff;
}
.btn-danger{
  background: #ff0023;
  border-color: #f60123;   
}
.btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active {
    box-shadow: 0 4px 11px rgba(40, 40, 40, 0.35);
  }
  
.btn-light:not(label.btn), .btn-light:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-light:not([href]), .btn-light:not([href]):not([href]):not(:disabled):not(.disabled) {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-light:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
/* 3D Hover */
.transition-3d-hover {
    transition: all 0.2s ease-in-out;
}  
.transition-3d-hover:hover, .transition-3d-hover:focus {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
.banner-home  .card-img-overlay {
  background: rgba(0,0,0, 0.2);
  padding: 2rem;
}
.food-item .card:hover{
  box-shadow: 0 4px 11px rgba(40, 40, 40, 0.05);
  transition: all 0.2s ease-in-out;
  border-color: #f5f5f5;

}
.scard{
  box-shadow: 0 4px 11px rgba(40, 40, 40, 0.05);
  border-color: #f5f5f5;

}
.scard .input-group-text{
  background-color: #ffffff;
  border-color: #f5f5f5;

}
.scard .form-control{
  border-color: #f5f5f5; 

}
i{
  vertical-align: middle;
}
.food-nav .nav-pills .nav-link{
  color: #555;
  font-weight: 600;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.food-nav .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
  color: #fff;
  background: #ff0023;
  border-color: #f60123;
}
.food-item .btn-light{
  border-color: #f2f2f2;
  font-size: 12px;
  color: #f60123;
}
.food-item .btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active {
  box-shadow: 0 4px 11px rgba(40, 40, 40, 0.05);
}
.food-model{
  top: 5%;

}
.form-control {  
  height: calc(1.7em + 1.5rem + 2px);
  border: 1px solid #e3e6f0;
}
.food-model .close{
  width: 30px;
  position: absolute;
  right: 19px;
  border-radius: 50px;
  background: #fff;
  height: 30px;
  top: 24px;
}
.food-model .modal-header{
  border-bottom: 1px dashed #dee2e6;
}
.food-model .modal-content{
  padding: 1rem;

}

.tours-pimage{
  padding-top: 3rem;
  padding-bottom: 5rem;
  background: #fff;

}
.tours-pimage .card{
  border-radius: 0rem;
  border-color: transparent;
 
}
.tours-pimage .card:hover .overlay {
  opacity: 1;
  padding-top: 3rem;
}
.tours-pimage .card .overlay{
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
z-index: 2;
color: #fff;  
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.5)
}
.footer{
  background: #232323;
  padding-top: 70px;
  padding-bottom: 30px;
}

.ft-link{
  list-style-type: none;
}
.ft-link li a{
  line-height: 33px;
  color: #adb7be;
  text-decoration: none;
}
.footer{
  color: #adb7be;
}
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display:none;
  
}
a.back-to-top{
  color: #fff;
}
.footer li a{
  line-height: 33px;
  color: #adb7be;
  text-decoration: none;
}
.input-group-text{
  background-color: #ffffff;
  border-color: #f5f5f5;

}
.form-control{
  border-color: #f5f5f5; 

}
.card{
  border-color: #f5f5f5;

}
.item-text{
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 1rem;
}
.w-40{
  width: 45% !important;
  float: left;
}
.w-35{
  width: 35% !important;
  float: left !important;
}
.w-20{
  width: 20% !important;
  float: left !important;
  text-align: right;
}
.food-citems .btn{
  padding: 0rem !important;
}
.food-citems .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select{
  height: calc(1em + 0.5rem + 2px);
}
.f-box{
  position: sticky;
  top: 150px;
  height: calc(100vh - 197px);
}
.food-citems{
  padding: 1rem;
  max-height: 400px;
  overflow-y: auto;
  box-shadow: 0 2px 4px 0 rgba(40,44,63,.1);
  overflow-x: hidden;
}
.food-citems .btn-outline-secondary {
  border-color: #f5f5f5;
}


.contact-block{
  padding-top: 70px;
  padding-bottom: 70px;
  background: #fff;
}
.contact-block .title{
  color: #3c4d6b;
}
.contact-block .card{
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.04);
  border-color: #f9fafc;
}
.contact-block .cout-box{
  width: 80px;
  height: 80px;
  background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
  padding: 23px;
  overflow: hidden;
  border-radius: 50px;
  color: #fff;
  position: relative;
  top: 35px;
  left: 45%;
  z-index: 9;

}
.contact-block .btn-info{
  background-image: linear-gradient( 93.3deg,  rgba(236,80,80,1) 21.5%, rgba(255,97,29,1) 93.9% );
  border-radius: 5px;
  border-width: 0px;
}

.home-demo .item {
  background: #ff3f4d;
}
.home-demo h2 {
  color: #FFF;
  text-align: center;
  padding: 5rem 0;
  margin: 0;
  font-style: italic;
  font-weight: 300;
}