* {
margin:0;padding:0;
}
body {
height: 100vh;
height: -webkit-fill-available;
max-height: 100vh;
max-height: -webkit-fill-available;
overflow: hidden;
touch-action: none;
}
.--active {
display:flex;
}
.--visibel {
	display: none;
}
.ver-align-middle {
	display: table-cell;
	vertical-align: middle;
}

.plusbtn:not(:hover) {
 width: 42px;
}

.minbtn:not(:hover) {
 width: 42px;
}

.plusbtn:hover {
 cursor: pointer;
}

.minbtn:hover {
 cursor: pointer;
}

.bkg {
 position: absolute;
 top: 0;
 z-index: 100;
 height: 100%;
 width: 100%;
 overflow: hidden;
 text-align: center;
 background-color: #000;
}

.bkgblur {
 position: absolute;
 top: 0;
 z-index: 100;
 height: 100%;
 width: 100%;
 overflow: hidden;
 text-align: center;
 background-position: center;
 background-repeat: no-repeat;
 background-size: auto;
 filter: blur(100px);
 -webkit-filter: blur(100px);
 opacity: 0.5;
}

.progress {
 background-color: rgba(18,19,20,.5);
 height: 5px;
 margin: auto;
 direction: ltr;
}

.bounce-enter-active {
 animation: bounce-in .5s;
}

.bounce-leave-active {
 transition: all .3s ease;
 opacity: 0;
}

@keyframes bounce-in {
 0% {
  transform: scale(0);
 }

 50% {
  transform: scale(1);
 }

 100% {
  transform: scale(1.05);
 }
}

.wd100 {
 background-position: center !important;
 background-size: cover !important;
 background-repeat: no-repeat !important;
 max-height: 100%;
 max-width: 100%;
}

.main-container {
 height: auto;
 /*    */
 overflow-x: hidden;
 overflow-y: hidden;
}
.navring {
 border-radius: 32px;
 cursor: pointer;
 border: 3px solid transparent;
 background: #f3f3f3;
 transition: All 0.3s ease;
 overflow: hidden;
 border: groove 5px transparent;
}

.mybtnimg {
 padding: 7px 12px 7px 0;
 text-align: center;
 margin: auto;
}

.mybtn_mojood {
 padding: 7px 0px 7px 0;
 text-align: center;
}

.mybtn_avatar {
 width: 48px;
 height: 48px;
 border-radius: 32px;
 border: 3px solid transparent;
 background: #e2e8f0;
 cursor: pointer;
 transition: All 0.3s ease;
 overflow: hidden;
 border: groove 5px transparent;
}

.navringimg {
 display: block;
 border-radius: 12px;
 cursor: pointer;
 border: 3px solid transparent;
 transition: All 0.3s ease;
 border: groove 3px transparent;
}

.bg {
 /* The image used
  background-image:url(css/bg/bg78.jpg);
   */
 background-size: 200% 200%;
 background-color: #663dff;
 animation-direction: alternate;
 background-image: linear-gradient(319deg, #fff 20%, #f3f3f3 33%, #fff 66%, #dcdcdc 100%);
 height: 100%;
 background-size: cover;
 /* Full height */
 /* Center and scale the image nicely */
}

.x-overflow {
 overflow-x: scroll; /* Enables the horizontal scrollbar */
 /* Next lines hides scrollbar in different browsers for styling purposes */
 -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: auto; /* Firefox */
}

 .x-overflow::-webkit-scrollbar {
  display: none; /* Chrome opera and Safary */
  width: 0px;
  background: transparent;
 }

.v-item-group.v-bottom-navigation {
 display: flex;
 justify-content: center;
 width: 100%;
}

.v-item-group.v-bottom-navigation .v-btn {
 background-color: transparent;
 flex: 0 1 auto;
 font-size: .75rem;
 height: inherit;
 max-width: auto;
 min-width: 55px;
 text-transform: none;
}

.v-slide-group__prev {
 /*display:none !important;*/
}

.v-slide-group__next {
 /*display:none !important;*/
}

main {
 padding: 0px;
 margin-left: auto;
 margin-right: auto;
}

.stories {
 /* border-bottom:1px solid #e2e8f0; */
}

.feed {
 border-radius: 5px;
 /* border:1px solid #e2e8f0;*/
}

.content {
 padding: 12px;
 display: flex;
 flex-wrap: wrap;
 opacity: 0.25;
}

.feed-item {
}

.header {
 margin-bottom: 24px;
}
/*	.swiper-wrapper {
   position:relative;
   width:100%;
   height:100%;
   z-index:1;
   display:flex;
   transition-property:transform;
   box-sizing:border-box;
  }

  .swiper-slide {
   flex-shrink:0;
   width:100%;
   height:100%;
   position:relative;
   transition-property:transform;
  }*/

.menu .list {
 background: linear-gradient(45deg, black, orange);
 border-image: linear-gradient(45deg, black, orange) 1;
 border-radius: 25px;
}

 .menu .list:hover {
  background: #2e1e00;
  border: 10px solid;
 }

#create .v-speed-dial {
 position: absolute;
}

#create .v-btn--floating {
 position: relative;
}

.item-home-box:hover {
}

.swiper_nav .swiper-slide {
 background: linear-gradient(45deg, #343a40, black);
 color: #fff;
}

.swiper_nav .swiper-slide-active {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}

.swiper_nav .swiper-slide:hover {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}

.item-home-nbtn {
 display: flex;
 font-weight: 400;
 color: #212529;
 text-align: center;
 vertical-align: middle;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-color: transparent;
 padding: .375rem .75rem;
 font-size: 1rem;
 line-height: 1.5;
 border-radius: .25rem;
 cursor: pointer;
}

.item-home-btn {
display: flex;font-weight: 400;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;cursor: pointer;
}

.item-home-icon {
 display: flex;
 font-weight: 400;
 color: #212529;
 text-align: center;
 vertical-align: middle;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-color: transparent;
 padding: .375rem .75rem;
 font-size: 1rem;
 line-height: 1.5;
 border-radius: .25rem;
 cursor: pointer;
}

.item-home-btn.light {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}
.home-btn-dark {
 background: linear-gradient(45deg, #343a40, black);
 color: #fff;
}
.home-btn-light {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}
 .item-home-btn.light:focus {
  background: linear-gradient(45deg, #343a40, black);
  color: #fff;
 }

.item-home-btn.dark:focus {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #fff;
}

.item-home-btn.light:hover {
 background: linear-gradient(45deg, #343a40, black);
 color: #fff;
}

.item-home-btn.dark:hover {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}

.item-home-btn.dark {
 margin: auto 3px auto 3px;
 background: linear-gradient(45deg, #343a40, black);
 color: #fff;
}
.item-home-btn.darkbtn {
	margin: auto 3px auto 3px;
	background: linear-gradient(45deg, #343a40, black);
	color: #fff;
}
.item-home-btn.darkbtn:hover {

}

.item-home-nbtn.dark {
 margin: auto 3px auto 3px;
 background: linear-gradient(45deg, #343a40, black);
 color: #fff;
}

.item-home-nbtn.light {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}

.item-home-nbtn.active {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}
.item-home-nbtn.dark:hover {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}


.brunch-info-btn {
	background: linear-gradient(45deg, #eee, #f5f5f5);
	color: #272727;
}
	.brunch-info-btn.light {
		background: linear-gradient(45deg, #eee, #f5f5f5);
		color: #272727;
	}
	.brunch-info-btn.dark {
		background: linear-gradient(45deg, #eee, #ccc);
		color: #272727;
	}
.btn-grad {
	background-image: linear-gradient(to right, #DE6262 0%, #FFB88C 51%, #DE6262 100%);
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: #000;
	box-shadow: 0 0 20px #eee;
	border-radius: 55px;
}

 .btn-grad:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
 }
.item-home-txbtn {
 display: flex;
 font-weight: 400;
 color: #212529;
 text-align: center;
 vertical-align: middle;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-color: transparent;
 padding: .375rem .75rem;
 font-size: 1rem;
 line-height: 1.5;
 border-radius: .25rem;
 cursor: pointer;
 background: linear-gradient(45deg, #343a40, black);
}
.item-home-txbtn.dk {
 margin: auto 3px auto 3px;
 background: linear-gradient(45deg, #343a40, black);
 color: #fff;
}

.item-home-txbtn.lt {
 background: linear-gradient(45deg, #f5f5f5,#ccc);
 color: #000;
}