@font-face {
	font-family: bebas;
	src: url(../fonts/bebas.otf);
}

@font-face {
	font-family: giflika;
	src: url(../fonts/giflika.woff) format('woff'),
	     url(../fonts/giflika.otf) format('opentype');
}




body
{
	font-family: 'Roboto Slab', 'Ubuntu', sans-serif;
	background-size: 100% 100%;
	background-position:center;
	background-color:#fff;
	background-image: url("../img/back.jpg");/**/
	background-attachment: fixed;
	margin:0px;
	padding:0px;
	color:rgba(255, 0, 0,1);
	/*padding:200px 0px;*/
	font-weight:200;
}

.page-content{
	
}

.overlay{
	background:rgba(255,255,255,0.80);	
	position:fixed;
	top:0;
	left:0;
	width:100% !important;
	height:100%;
}

.logo{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
}

.fli
{
	flex-grow: none !important;
	display: block;
}

.ffont{
	
	color:rgba(214,180,105,1) !important;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
}

.footer{
	
}

.logoim
{
	width:100%;
	height:auto;
}

.logoimH, .mCon /*,.hCon*/
{
	/*
	background-color: rgba(255,255,255,1);
    border: 3px solid rgba(214,180,105,1);
	*/
    padding: 30px;
    border-radius: 15px;
}

.priceCell
{
	border-right:1px solid rgba(205,195,171,1);
	text-align: center;
	vertical-align: top !important;
	padding-top:20px !important;
	width:80px !important;
}

.mCon
{
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	margin:10px;
	padding:0px;
}

.gLogo
{
	/*
	width:10%;
	height:auto;
	min-width:150px;
	*/
}

svg.gLogo
{
	width:100%;
	height:auto;
	max-width: 500px;
}

.fil0 {
	transition: all ease-in-out 0.4s;
    fill: rgba(214,180,105,1) !important;
    fill-rule: nonzero;
}

.fil0:hover {
	cursor:pointer;
	transition: all ease-in-out 0.4s;
    fill: rgba(192, 54, 62, 1) !important;
    fill-rule: nonzero;
}

.a:hover
{
	cursor: default;
}

.hd{
	font-size:36px;
	font-weight:700;
	/*color:rgba(140,127,153,1.00);*/
	color:rgba(208, 198, 171,1);
	max-width:500px;
	margin-top:30px;
	margin-left:10px;
	/*text-align: left;*/
	margin-bottom:20px;
}

.inf
{
	font-weight: 100;
	color:#5f657f;
}


.specialCell
{
	font-weight: 700;
	color:#f7a725 !important;
}

.catIm{
	height:140px;
	margin-top:50px;
}

.infoCell
{
	font-size:13px;
	color:#c99900;
	font-style: italic;
}



.mCon td
{
 border-bottom:1px dashed rgba(53,53,53,1);
	padding:10px;
	/*vertical-align: middle !important;*/
}

.en
{
	display:none;
}

.lim
{
	transition: all ease-in-out 0.2s;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid rgba(192, 54, 62, 1);
    padding: 3px;
    width: 55px;
    /*background: rgba(255,255,255,1);*/
}

.lang-icon
{
	transition:all ease-in-out 0.4s;
	position:fixed;
	top:80px;
	right:15px;
	border-radius:50%;
}

.lim:hover, .limc
{
	transition:all ease-in-out 0.2s;
	/*box-shadow:inset 0px 0px 0px 0px rgba(201, 136, 14,1) !important;*/
}

.shadow {
    box-shadow: inset 3px 3px 10px 0 #000000;
}

.langs
{
	background: #fff;
    padding: 30px 40px;
    border-radius: 30px 30px 0px 0px;
    position: fixed;
    bottom: 0px;
    padding-bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    zoom: 0.5;
    margin-bottom: 0px;
}

.nb
{
	border:none !important;
}

blockquote
{
    /* background: rgba(255,255,255,1); */
    color: rgba(255, 255, 255,1);
    /* border-radius: 10px; */
    margin: 0px;
    padding: 30px;
    /* padding-top: 15px; */
    border: none;
    border-top: 1px dashed rgba(255,255,255,1);
    margin-left: -10px;
    /* margin-top: -20px; */
    margin-bottom: -20px;
}

table
{
	border-collapse: separate;
}

.sp
{
	color:rgba(208, 198, 171,1);
}

.menu-item a
{
	transition: all ease-in-out 0.4s;
	color:rgba(255, 0, 0,1) !important;
}

.menu-item a:hover
{
	letter-spacing: 2px !important;
}

.prodInf{
	line-height: 20px !important;
    overflow-wrap:anywhere;
	font-size: 1.3rem;
	color:rgba(0,0,0,1);
	font-family: 'Geologica', sans-serif;
	font-weight: 100;
}

.prodMore{
	line-height: 20px !important;
    overflow-wrap:anywhere;
	font-size: 1.1rem;
	color:rgba(192, 54, 62, 1);
	font-style: italic;
	font-family: 'Geologica', sans-serif;
	font-weight: 100;
}

.item-num {
	font-family: 'Geologica', sans-serif;
	font-size: 1.2rem;
}

.cpb {
	font-family: 'Geologica', sans-serif !important;
	font-weight: 700;
	font-size: 1.5rem;
	color: rgba(214,180,105,1) !important;
	margin-top: 10px !important;
}


.productCell
{
	padding:20px !important;
	border-bottom:none !important;
	text-align: center !important;
}



.mCon td
{
	border-bottom:none !important;
}

.sep
{
	border-bottom:1px dashed rgba(208, 198, 171,1) !important;
}

.sep-img
{
	display: block;
	margin: 0 auto 10px;
	max-width: 100%;
}

h3
{
	font-family: 'giflika', sans-serif;
	font-size: 2rem;
	color: rgba(214,180,105,1) !important;
	text-align: center;
	text-transform: uppercase;
	margin: 40px 0 5px;
}

.subcatCell
{
	border-bottom: none !important;
	padding: 0 !important;
}

.subcat-subtitle
{
	font-family: 'Geologica', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: rgba(0,0,0,0.5);
	text-align: center;
	margin-bottom: 5px;
}

.prodSubtitle
{
	font-family: 'Geologica', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: rgba(192, 54, 62, 1);
	text-align: center;
	margin-bottom: 8px;
}

.prodPairing
{
	font-family: 'Geologica', sans-serif;
	font-size: 0.95rem;
	font-weight: 300;
	color: rgba(0,0,0,0.55);
	text-align: center;
	margin-top: 6px;
	font-style: italic;
}

.iconA
{
	transition: all ease-in-out 0.4s;
    color: rgba(192, 54, 62, 1);
	font-size: 2.5rem;
    margin: 0px 5px;
    /*background: rgba(255,255,255,1);*/
    border-radius: 50%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    border: 3px solid rgba(214,180,105,1);
}

.iconA:hover
{
	transition: all ease-in-out 0.4s;
	color:rgba(192, 54, 62, 1) !important;
	text-decoration: none;
    border: 3px solid rgba(192, 54, 62, 1);
}

.iconA:active
{
	transition: all ease-in-out 0.4s;
	color:rgba(192, 54, 62, 1) !important;
	text-decoration: none;
    border: 3px solid rgba(192, 54, 62, 1);
}

.logoIM, .madeby
{
	color:rgba(192, 54, 62, 1) !important;
	/*background-color: rgba(214,180,105,1);
	background-color: rgba(255,255,255,1);
	border:3px solid rgba(214,180,105,1);*/
	padding: 30px;
    border-radius: 15px;
	display:inline-block;
}

.madeby
{
	width:250px;
	margin-top: 50px;
}

h1
{
	text-transform: uppercase;
	/*color:rgba(255,255,255,1) !important;*/
	color:rgba(192, 54, 62, 1) !important;
	/*background-color: rgba(214,180,105,1);*/
	/*background-color: rgba(255,255,255,1);
	border:3px solid rgba(214,180,105,1);
	*/
	/*font-weight:600;*/
	font-size:5rem;
	text-align: center;
	letter-spacing:2px;
	margin:150px 10px 15px 0px;
	font-family:'giflika';
	border-radius:15px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	padding:20px;
}

h2.drinks
{
	font-family: 'Geologica', sans-serif;
	font-weight: 700;
	color: rgba(0, 0, 0, 1) !important;
}

h2
{
	text-transform: uppercase;
	font-weight:400;
	font-size:1.5rem;
	color:rgba(214,180,105,1) !important;
	font-family:'giflika','sans-serif';
	margin-bottom:5px !important;
	margin-top:0px !important;
	text-align: center;
}

.menu
{
	text-align: center;
    font-size: 1.5rem;
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 90;
    width: 100vw;
    height: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding-top:50px;
}

.menu a
{
	transition: all ease-in-out 0.3s;
	font-size:2σrem;
	text-transform: uppercase;
	color:rgba(192, 54, 62, 1) !important;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color:unset !important;
}

.menu a:hover, .menu .menu-close:hover
{
	text-decoration: none;
	background-color:none !important;
	letter-spacing:2px;
}

.menu-close {
	transition: all ease-in-out 0.3s;
	border-radius:50%;
    cursor: pointer;
	width:50px;
	height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    letter-spacing: 0px !important;
	position:fixed;
	left:50%;
	bottom:20px;
	transform:translateX(-35px);
}

.menu .menu-close:hover
{
	background-color:rgba(255,255,255,1);
}

.nav-icon {
	cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    font-size: 1.9rem;
    line-height: 1;
    color: rgba(192, 54, 62, 1);
    /*background-color: rgba(255, 255, 255,1) !important;*/
    border-radius: 50%;
    border: 3px solid rgba(192, 54, 62, 1);
    position: fixed;
    top: 15px;
    right: 15px;
}

.nav-icon:hover{
	transition: all ease-in-out 0.3s;
}

.nav-item
{
	font-family: 'cpb';
}

.limd
{
	transition:all ease-in-out 0.4s;
	transition-delay: 2s;
	bottom:-100px;
}

.lima
{
	transition:all ease-in-out 0.4s;
	transition-delay: 0.5s;
	bottom:20px;
}

.cpb
{
	font-weight: 900;
}

.hh2
{
	background-color: #111;
    position: relative;
    left: -30px;
    color: rgba(192, 54, 62, 1) !important;
	padding:15px 0px;
	font-family:'cpl',sans-serif;
	font-size:14px;
}

.disImg img
{
	max-width: 80vw;
    max-height: 80vh;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 30px rgb(0 0 0);
}

.disImg {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.disCon
{
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.img-close {
	transition: all ease-in-out 0.3s;
    border-radius: 50%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    letter-spacing: 0px !important;
    /* float: right; */
    position: absolute;
    right: 40px;
    /* top: 40px; */
    margin-top: -20px;
    background: rgba(255,255,255,1);
    color: rgba(192, 54, 62, 1);
    font-size: 3rem;
}

.menu-frame
{
	position: fixed;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	overflow-x: hidden;
	overflow-y: auto;
}

.page-container
{
	background:rgba(255,255,255,0.5);
	padding: 80px 0px;
}

.price-row
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 10px;
}

.price-glass
{
	font-family: 'Geologica', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: rgba(214,180,105,1);
	display: flex;
	align-items: center;
	gap: 6px;
}

.price-bottle
{
	font-family: 'Geologica', sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	color: rgba(214,180,105,1);
	display: flex;
	align-items: center;
	gap: 6px;
}

.price-glass i, .price-bottle i,
.price-glass svg, .price-bottle svg
{
	width: 20px !important;
	height: 20px !important;
}