*{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 15px;
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
  font-weight:400;
}
.toast{
  background-color:#0000008a;
  border-radius:7px;
  width:90%;
  margin:5%;
  position:fixed;
  bottom:7%;
  color:#fff;
  z-index:99;
}
.alert{
  background-color:#fff;
  border-radius:0px;
  width:100%;
  position:fixed;
  bottom:0px;
  color:#000;
  z-index:999;
}
.alert2{
  background-color:#fff;
  border-radius:0px;
  width:100%;
  height:100%;
  position:fixed;
  bottom:0px;
  color:#000;
  z-index:999;
}
.shadow{
  background-color:#000;
  opacity:0.7;
  position:fixed;
  height:100%;
  width:100%;
  z-index:99;
}
.page{
  width:100%;
  height:100%;
  overflow:auto;
  position:fixed;
  background-color:#fff;
}
.header{
  top:0px;
  position:fixed;
  z-index:7;
  width:100%;
}
.fullbody{
 margin-top:40px;
 padding-top:8%;
}
.navbar{
  background-color:#000;
  width:92%;
  height:40px;
  padding:4%;
  color:#fff;
  box-shadow:0 -2px 7px 0 rgba(0,0,0.15);
}
.hero{
  width:100%;
  height:50vh;
  align-items:center;
  display:flex;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.wrapper{
  text-align:center;
}
.parallax{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:-1;
  object-fit:cover;
  filter: brightness(.5);
}
.motto{
  font-family: 'Herr Von Muellerhoff', cursive;
  color:#fff;
}
.row{
 display:flex;
 width:100%;
 -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btn-red{
  color:#fff;
  background-color:#ba0010;
  text-align:center;
  text-decoration:none;
  border-radius:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:7px;
  padding-bottom:7px;
  font-size:16px;
  transition:0.5s;
  border:none;
  outline:none;
}
.btn-red:hover{
  color:#fff;
  background-color:#dc000d;
  text-align:center;
  text-decoration:none;
  border-radius:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:7px;
  padding-bottom:7px;
  font-size:16px;
  border:none;
  outline:none;
}
.btn-black{
  color:#fff;
  background-color:#000;
  text-align:center;
  text-decoration:none;
  border-radius:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:7px;
  padding-bottom:7px;
  transition:0.5s;
  font-size:16px;
  border:none;
  outline:none;
}
.btn-black:hover{
  color:#fff;
  background-color:#333;
  text-align:center;
  text-decoration:none;
  border-radius:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:7px;
  padding-bottom:7px;
  font-size:16px;
  border:none;
  outline:none;
}
.btn-silver{
  color:#777;
  background-color:#eee;
  text-align:center;
  text-decoration:none;
  border-radius:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:7px;
  padding-bottom:7px;
  transition:0.5s;
  outline:none;
  border:none;
  font-size:16px;
}
.btn-silver:hover{
  color:#777;
  font-size:16px;
  background-color:#ccc;
  text-align:center;
  text-decoration:none;
  border-radius:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:7px;
  padding-bottom:7px;
}
a{
  text-decoration:none;
  color:#000;
  text-transform:uppercase;
  outline:none;
  background-color:none;
  transition:0.5s;
}
a:hover{
  text-decoration:none;
  text-transform:uppercase;
  color:#ba0010;
}
.textbox{
  background-color:#eee;
  border:none;
  border-radius:7px;
  font-size:16px;
  font-size:16px;
  width:80%;
  margin:10px;
  padding:10px;
  padding-top:13px;
  padding-bottom:14px;
  outline:none;
}
.textbox-search{
  background-color:#eee;
  border:none;
  border-radius:7px;
  padding:7px;
  font-size:16px;
  outline:none;
}
.search-box{
  background-color:transparent;
  border:none;
  width:90%;
  height:30px;
  margin:0px;
  outline:none;
  font-size:16px;
}
h3{
   font-size:22px;
   margin-top:2px;
   font-weight:500;
   font-transform:capitalize;
}
.category{
   width:100%;
   border-bottom:1px solid #eee;
}
.btn-hover{
   padding:3%;
   width:94%;
   border-bottom:1px solid #eee;
   background-color:transparent;
   transition:0.5s;
}
.btn-hover:hover{
   padding:3%;
   width:94%;
   border-bottom:1px solid #eee;
   background-color:#eee;
}
.container{
   padding:5%;
   width:90%;
}
.overflow{
   overflow:auto;
   width:100%;
}
.filter{
   position:absolute;
   width:100%;
   background-color:#fff;
}
.item{
   border-radius:7px;
   padding:0px;
   background-color:#eee;
   width:150px;
   float:left;
   margin-right:15px;
}
.image{
   background-position:center;
   background-color:#eee;
   background-size:cover;
   border-radius:7px;
}
.padding{
   padding:10px;
}
.red-font{
   color:#fff;
   border-radius:7px 0 7px 0;
   padding:7px;
   font-size:16px;
   font-family:segoe script;
   font-weight:500;
   background-color:#ba0010;
   box-shadow:0 0px 5px 0 rgba(0,0,0.15);
}
h2{
   margin-bottom:5px;
   font-size:27px;
   font-weight:500;
}
h4{
   margin-bottom:5px;
   font-size:20px;
   font-weight:500;
}