@charset "utf-8";

body { width:100%; height:100%; min-width:300px; margin:0; padding:0; background:url(images/bg-pizza.jpg) center fixed #000; background-size:cover; }
body p,h1,h2,h3,h4,h5,h6,ul,li,ol { font-family: 'Roboto Condensed', sans-serif; color:#fff; }

a:link { text-decoration:none; color:inherit; transition:all .4s ease; }
a:hover { text-decoration:none; color:inherit; transition:all .4s ease; }
a:active { text-decoration:none; color:inherit; }
a:visited { text-decoration:none; color:inherit; }

p  { font-size:18px; font-weight:300; }
h1 { font-size:60px; font-weight:700; }
h2 { font-size:48px; font-weight:700; }
h3 { font-size:36px; font-weight:400; }
h4 { font-size:24px; font-weight:400; }
h5 { font-size:21px; font-weight:300; }
h6 { font-size:14px; font-weight:300; }
ul, li { font-size:18px; font-weight:300; }

dl { overflow:hidden; color:#fff; font-family: 'Roboto Condensed', sans-serif; font-size:18px; }
dt { float:left; margin:0; color:#fff; }
dd.price { float:right; margin:0; color:#fff; }
dd.line { overflow:hidden; height:1em; border-bottom:1px dotted #fff; color:#fff; }

.white { color:#fff; }
.grey { color:#666; }
.red { color:#d80000; }

.btn-red { width:96%; height:auto; padding:2%; background:rgba(216,0,0,0.5); color:#fff; text-indent:0; margin:10px 0; transition:all .4s ease; }
.btn-red:hover { background:rgba(216,0,0,1); color:#fff; text-indent:20px; transition:all .4s ease; }
.btn-pizza { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pizza.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0.7); transition:all .4s ease; }
.btn-pizza:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-fav { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-fav.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0.7); transition:all .4s ease; }
.btn-fav:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-pasta { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pasta.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0.7); transition:all .4s ease; }
.btn-pasta:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-panz { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-panz.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0.7); transition:all .4s ease; }
.btn-panz:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-garlic { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-garlic.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0.7); transition:all .4s ease; }
.btn-garlic:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-salad { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-salad.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0.7); transition:all .4s ease; }
.btn-salad:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }

.flag { width:20px; display:block; vertical-align:middle; margin:5px 5px 0 0; float:left; }

.special-red {
	background: #d80000;
	padding: 2%;
	color: white;
	margin-bottom: 20px
}
.special-green {
	background: #298066;
	padding: 2%;
	color: white;
	margin-bottom: 20px
}
.special-red h2,
.special-green h2 {
	margin: 0;
}
.special-red strong,
.special-green strong {
	font-size: 28px;
}

p.banner {
    font-size: 36px;
    font-weight: bold;
    background: #d80000;
    padding: 20px 10px;
    box-sizing: border-box;
}
p.banner span {
    font-weight: normal;
    font-size: 14px;
}

.menu-heading { position:absolute; left:10px; bottom:10px; line-height:0; font-size:72px; }
.menu-pizza-heading { width:100%; height:150px; overflow:hidden; position:relative; margin:25px 0; background:url(images/img-heading-pizza.jpg) no-repeat center; }
.menu-fav-heading { width:100%; height:150px; overflow:hidden; position:relative; margin:25px 0; background:url(images/img-heading-fav.jpg) no-repeat center; }
.menu-pasta-heading { width:100%; height:150px; overflow:hidden; position:relative; margin:25px 0; background:url(images/img-heading-pasta.jpg) no-repeat center; }
.menu-panz-heading { width:100%; height:150px; overflow:hidden; position:relative; margin:25px 0; background:url(images/img-heading-panz.jpg) no-repeat center; }
.menu-garlic-heading { width:100%; height:150px; overflow:hidden; position:relative; margin:25px 0; background:url(images/img-heading-garlic.jpg) no-repeat center; }
.menu-salad-heading { width:100%; height:150px; overflow:hidden; position:relative; margin:25px 0; background:url(images/img-heading-salad.jpg) no-repeat center; }

.sauce { width:100px; height:100px; border-radius:100px; border:5px solid #000; display:inline-block; margin:0 3%; }
.geraci { width:100%; max-width:300px; height:auto; float:left; margin:0 15px 15px 0; }

.heading { line-height:50%; border-bottom:1px solid #d80000; padding:20px 0; }
.heading-img { width:100%; }
.subheading { border-bottom:5px solid rgba(0,0,0,0.5); margin:25px 0 0 0; }

.rule-white { width:auto; height:1px; border-bottom:1px solid #fff; margin:25px 0; }
.rule-black { width:auto; height:5px; border-bottom:5px solid rgba(0,0,0,0.5); margin:25px 0; }
.rule-grey { width:auto; height:1px; border-bottom:1px solid #666; margin:5px 0; }
.rule-red { width:auto; height:1px; border-bottom:1px solid #d80000; margin:50px 0; }

.bg-dark { background:rgba(0,0,0,0.9); padding:0 0 50px 0; }
.space { margin-top:10%; }
.map { width:100%; height:300px; border:0; outline:0; }
.overlay { background:transparent; position:relative; width:100%; height:300px; top:300px; margin-top:-300px; }

header { width:100%; height:100px; background:#000; display:block; overflow:visible; margin:0; position:relative; z-index:90000; }
header .logo { width:50%; max-width:275px; min-width:175px; margin:2px 0 0 2px; height:auto; position:relative; z-index:90000; }
.nav { width:100%; background:rgba(0,0,0,0.9); color:#fff; margin:40px 0 0 0; padding:0; list-style:none; text-align:right; position:absolute; top:0; }
.nav > li { display:inline-block; margin:10px; }
.nav > li > a { text-decoration:none; font-size:21px; color:#fff; margin:10px; }
.nav > li > a:hover { text-decoration:none; color:#d80000; }

footer { width:100%; height:auto; background:#000; margin:0; padding:25px 0; }

section { max-width:960px; height:auto; margin:0 auto; position:relative; }

.ftlt { float:left; }
.mrgrt { margin-right:25px; }
.ftrt { float:right; }
.mrglt { margin-left:25px; }
.pdg { padding:0 20px; }
.clear { clear:both; }

.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.justify { text-align:justify; }
.valign-m { vertical-align:middle; }

.cell-1-2 { width:48%; height:auto; margin:0; display:inline-block; vertical-align:top; }
.cell-1-5 { width:19%; height:auto; margin:0; display:inline-block; vertical-align:top; }

.icon-interac { height:30px; float:left; margin:0 10px 0 0; background:#fff; border-radius:3px; }
.icon-visa { height:30px; float:left; margin:0 10px 0 0; background:#fff; border-radius:3px; }
.icon-mc { height:30px; float:left; margin:0; background:#fff; border-radius:3px; }
.icon-fb { width:40px; height:40px; vertical-align:middle; margin-right:10px; background:#0057DD; border-radius:40px; }
.icon-googleplus { width:40px; height:40px; vertical-align:middle; margin-right:10px; background:#D34836; border-radius:40px; }
.icon-b { width:30px; height:30px; vertical-align:middle; margin-right:10px; }
.icon-menu { width:50px; height:50px; vertical-align:middle; margin-right:10px; }

.scrollup{ width:40px; height:40px; text-indent:-9999px; opacity:0.5; position:fixed; bottom:40px; right:40px; display:none; background:url(images/icon-top.png) no-repeat; 
			background-size:contain; z-index:1000; }
.auto-style1 { color: #FFFFFF; }
.auto-style2 { text-decoration: none; }

/*-------------------------------------------------*/

@media ( max-width:960px )
{
.btn-pizza { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pizza.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0); transition:all .4s ease; }
.btn-pizza:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-fav { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-fav.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0); transition:all .4s ease; }
.btn-fav:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-pasta { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pasta.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0); transition:all .4s ease; }
.btn-pasta:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-panz { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-panz.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0); transition:all .4s ease; }
.btn-panz:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-garlic { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-garlic.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0); transition:all .4s ease; }
.btn-garlic:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }
.btn-salad { width:28%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-salad.jpg) no-repeat center; margin:2px 0; text-shadow:2px 2px #000; 
			box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0); transition:all .4s ease; }
.btn-salad:hover { box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:all .4s ease; }

p { font-size:16px; }
dl { font-size:16px; }


/*-------------------------------------------------*/

@media (max-width:700px)
{	
body { width:100%; height:100%; margin:0; padding:0; background:url(images/bg-grunge.jpg) repeat #222222; }
.bg-dark { background:rgba(0,0,0,0); }

.menu-heading { position:absolute; left:10px; bottom:10px; line-height:0; font-size:48px; }

.nav { text-align:right; display:none; margin-top:100px; }
.nav > li { display:block; position:relative; }
.nav-btn { display:block; background:rgba(0,0,0,0.9); color:#fff; font-size:21px; margin:40px 0 0 0; padding:10px; text-align:right; cursor:pointer; position:absolute; top:0; right:10px; }
.nav-btn:before { content:"menu"; border:1px solid #999; padding:0 10px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#999; }

.cell-1-2 { width:98%; height:auto; padding:1%; margin:0; display:inline-block; }

.btn-red { width:98%; height:auto; padding:1%; background:rgba(0,0,0,0.7); }
.btn-menu { width:45%; height:auto; display:inline-block; padding:2%; }
.btn-pizza { width:45%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pizza.jpg) no-repeat center; margin:2px 0; 
			 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0);transition:all .4s ease; }
.btn-fav { width:45%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-fav.jpg) no-repeat center; margin:2px 0; 
			 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0);transition:all .4s ease; }
.btn-pasta { width:45%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pasta.jpg) no-repeat center; margin:2px 0; 
			 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0);transition:all .4s ease; }
.btn-panz { width:45%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-panz.jpg) no-repeat center; margin:2px 0; 
			 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0);transition:all .4s ease; }
.btn-garlic { width:45%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-garlic.jpg) no-repeat center; margin:2px 0; 
			 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0);transition:all .4s ease; }
.btn-salad { width:45%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-salad.jpg) no-repeat center; margin:2px 0; 
			 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; box-shadow:inset 0px 0px 0px 100px rgba(0,0,0,0);transition:all .4s ease; }

.none { display:none; }

.sauce { width:60px; height:60px; border-radius:60px; border:2px solid #000; display:inline-block; margin:0 2%; }
.geraci { width:100%; max-width:100%; float:none; margin:0; }
}

/*-------------------------------------------------*/

@media (max-width:470px)
{
h2 { font-size:36px; }

.menu-heading { position:absolute; left:10px; bottom:10px; line-height:0; font-size:36px; }

.btn-menu { width:96%; height:auto; display:inline-block; padding:2%; }
.btn-pizza { width:96%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pizza.jpg) no-repeat center; margin:2px 0; text-align:left; }
.btn-fav { width:96%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-fav.jpg) no-repeat center; margin:2px 0; text-align:left; }
.btn-pasta { width:96%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-pasta.jpg) no-repeat center; margin:2px 0; text-align:left; }
.btn-panz { width:96%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-panz.jpg) no-repeat center; margin:2px 0; text-align:left; }
.btn-garlic { width:96%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-garlic.jpg) no-repeat center; margin:2px 0; text-align:left; }
.btn-salad { width:96%; height:auto; display:inline-block; padding:5% 2%; background:url(images/img-menu-salad.jpg) no-repeat center; margin:2px 0; text-align:left; }

.cell-1-5 p { font-size:10px; }
.sauce { width:40px; height:40px; border-radius:40px; border:2px solid #000; display:inline-block; margin:0; }

p { font-size:14px; }
dl { font-size:14px; }
dd.price { font-size:12px; }
}