:root {
    --header-height: 50px;
    --footer-height: 30px;
    --background-color: #000000;
    --background-color-header: #262626;
    --background-color-footer: #64b984;
    --background-color-title: #262626;
    --color-title: white;
    --line-border-color: #ddd
}


* {
	box-sizing: border-box;
}
html,  body {
	height: 100%;
	width: 100%;
}
body {
	line-height: 1.2;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 300;
	color: #636363;
	background-color: var(--background-color);
}
/*===============================================*/
            /* 3. H TITLES                               */
/*===============================================*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	letter-spacing: -0.5px;
	color: #636363;
	margin: 0;
}
h1 {
	font-size: 60px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
.responsive {
	/*max-width: 100%;*/
	height: auto;
}
/* CONTAINER */
.container {
	position: relative;
	height: 100%;
	overflow: auto;/*border: 1px solid blue;*/
}
/* HEADER */
header {
	display: flex;
	width: 100%;
	height: var(--header-height);
	padding: 4%;
	position: fixed;
	top: 0;
	left: 0;
	flex-direction: row;
	/*border: 1px solid blue;*/
	align-items: center;
	background-color: var(--background-color-header);
	color: #ffffff;
}
header img {
	max-height: 50px;
	vertical-align: bottom;
}
.logo2 {
	margin: auto;
}
header #logoimg {
	max-height: 22px;
	margin-right: 10px;
}
header > .header-left {
	flex-shrink: 0;
}
header > .header-center {
	flex: 5;
	font-size: 1em;
	font-weight: bold;
	padding: 0 10;
}
header > .header-right {
	flex: 1;
	text-align: right;
}
/* CONTENT */
section {
	position: absolute;
	top: var(--header-height);
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	overflow: scroll;
	background-color: white;/*border: 1px solid blue;*/
}
.menu-image {
	max-width: 100%;
}
article {
	margin: 2.5%;
	margin-bottom: var(--footer-height);/*border: 1px solid blue;*/
}
.item-row {
	width: 100%;
	border-bottom: 1px solid var(--line-border-color);
	padding: 5px 1%;
}
.item-details {
	display: flex;
	padding: 10px 0 10px 0;
}
.item-details p {
	color: black;
}
/*PIZZA*/
.item-details-pizza {
	display: flex;
	padding: 10px 0 10px 0;
}
.item-details-pizza p {
	color: black;
}

.item-details-title-pizza {
	flex: 4;
	text-align: center;
}
.item-details-title-pizza {
	flex: 4;
	text-align: center;
}
.item-details-title-pizza h5 {
	font-size: 18px;
}

.item-details-title-02-pizza {
	flex: 4;
	text-align: center;

}
.item-details-title-02-pizza h5 {
	font-size: 17px;
	letter-spacing: 1px;
}

.item-details-title-pizza p {
	/*padding: 0 0 15px 0;*/
	margin: 3px 0 0 0 ;
	clear: both;
}

/*END PIZZA*/

.item-details-title {
	flex: 4;
	text-align: left;
}
.item-details-title h5 {
	font-size: 18px;
}

.item-details-title-02 {
	flex: 4;
	text-align: center;

}
.item-details-title-02 h5 {
	font-size: 17px;
	letter-spacing: 1px;
}

.item-details-title p {
	/*padding: 0 0 15px 0;*/
	margin: 3px 0 0 0 ;
	clear: both;
}
.item-details-price {
	flex: 1;
	text-align: right;
}
.item-details-price h5 {
	font-weight: 700;
}
.sizes-title {
	display: flex;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted var(--line-border-color);
	border-bottom: 1px dotted var(--line-border-color);
	color: black;
}
.sizes-price {
	display: flex;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.size {
	flex: 1;
	text-align: center;
}
.subcategory {
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	background-color: var(--background-color-title);
	color: var(--color-title);
	width: 100%;
	font-weight: 600;
	letter-spacing: 1px;/*margin-bottom: 10px;*/
}
.subcategory2 {
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
	color: var(--color-title);
	width: 100%;
	font-weight: 100;
	letter-spacing: 1px;/*margin-bottom: 10px;*/
}
/* FOOTER */
footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: var(--footer-height);
	/*border: 1px solid blue;*/
	text-align: center;
	background-color: var(--background-color-footer);
}
/* Swiper custom css */
            /* https://swiperjs.com/api/ */
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
	border: 1px solid #fff;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #000;
}

/* PIZZA CSS */

li.table_row{
width:100%;
float:left;
clear:both;
/*line-height:30px;*/
padding:5px 0px 5px 0px;
list-style:none;
margin:0 0 1px 0;
/*background-color:#f5f5f4;*/
}
li.table_row1{
width:100%;
float:left;
clear:both;
/*line-height:30px;*/
padding:5px 0px 5px 0px;
list-style:none;
margin:0 0 1px 0;
border-bottom: solid 1px #71717130;
/*background-color:#f5f5f4;*/
}

ul.features_list_detailed li .feat_small_details_pizza{
width:100%;
float:left;
padding:0 0 0 0;

}

.table_section_14{
width:33%;
float:left;
padding:2% 0 0 0;
text-align:center;
display:block;

}

.table_section_14-01{
width:33%;
float:left;
padding:0 0 0 0;
text-align:center;
display:block;
border-right: solid 1px #D8D8D8;
}

.table_section_14-cijena{
width:33%;
float:left;
padding:0 0 0 0;
text-align:center;
display:block;
color: #452723;
font-size: 16px;
}

.table_section_14-cijena-01{
width:33%;
float:left;
padding:0 0 0 0;
text-align:center;
display:block;
color: #452723;
font-size: 16px;
border-right: solid 1px #D8D8D8;
}