nav#mainNav
{
	background:#454c4d;
	padding:0 !important;
	min-height:40px;
}

#mainNav .navbar-nav .nav-item .nav-link
{
	color: #c7b59b;
	font-weight:300;
}

#mainNav .navbar-brand2
{
	color:#fffe;
	display:block;
}

nav#mobNav
{
	display:none;
	height:60px;
	background:#454c4d;
	box-shadow:0 0 4px #9999;
	padding:0 !important;
}

#mobNav .nav-item-m
{
	color: #c7b59b;
	padding:6px 0;
	cursor:pointer;
	transition:0.5s;
	opacity:1;
	text-decoration:none;
}

#mobNav .nav-item-m:hover
{
	opacity:0.7;
}

#mobNav .nav-item-m:active
{
	opacity:0.5;
}

#mobNav .nav-item-m div
{
	font-size:10pt;
}

#menu_cat
{
	display:none;
	position:fixed;
	top:40px;
	height:120px;
	left:0;
	right:0;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width: thin;
	background-color:#123;
	box-shadow:0 0 4px #9999;
}

.btn-tcat
{
	height:120px;
	width:120px;
	padding:0;
	border:none;
	opacity:1;
	transition:0.5s;
}

.btn-tcat:hover
{
	opacity:0.8;
	border:none;
	box-shadow:none;
}

.btn-tcat:active
{
	opacity:0.4;
	border:none;
	box-shadow:none;
}

.btn-tcat:focus,.btn-tcat:visited
{
	border:none;
	box-shadow:none;
}

.text-tcat
{
	width:120px;
	font-size:8pt;
	font-weight:300;
	overflow-x:hidden;
	text-overflow: ellipsis;
	height: 120px;
	padding-top: 80px;
	background-color: #1119;
}

.modal-dialog
{
	min-width: 360px;
}

.modal
{
	top:0;
	bottom:0;
	height:unset;
}

.modal-full-height
{
	top:0 !important;
	bottom:0;
	height:100%;
}

.card-deck .card
{
	padding:0 !important;
}

.view_prod
{
	border-radius: 12px;
	overflow: hidden;
	background: #f5f7f7;
	border: none;
	box-shadow: 0 0 4px #9999;
	opacity:1;
	transition:0.5s;
}

.card_price
{
	color:#c8b49d;
}

.text-mcat
{
	margin:0;
	padding: 24px;
	color:#c8b49d;
	margin-top:-100px;
	padding-top:100px;
}

.view_prod:hover
{
	opacity:0.7;
}

.view_prod:active
{
	opacity:0.5;
}

.footBtn
{
	width:100%;
	display:block;
	text-decoration:none;
}

#menu
{
	padding:40px 0;
}

footer
{
	position:relative;
	z-index:1;
}

@media (max-width: 991.98px) 
{
	nav#mainNav
	{
		display:none;
	}
	
	nav#mobNav
	{
		display:block;
	}
	
	#menu_cat
	{
		top:0;
	}
	
	.modal-content
	{
		height:100% !important;
		overflow-y: auto;
	}

	.text-mcat
	{
		margin-top:-60px;
		padding-top:60px;
	}
	
	footer
	{
		min-height; calc(100vh - 80px);
	}

}