/* Custom Stylesheet 1*/
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

@keyframes bounce {
  from,
  9% {
    transform: translate3d(0, -0, 0) scaleY(1.00)  scaleX(1.00);
  }

  10%,
  26.5%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(1.00) scaleX(1.00);
  }

  20%,
  21.5% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1)  scaleX(0.90);
  }

  35% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05)  scaleX(0.88);
  }

  40% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -8px, 0) scaleY(0.90)  scaleX(0.90);
  }

  50% {
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -0, 0) scaleY(1.00)  scaleX(1.00);
  }
}

.bounce {
  animation:bounce 4s infinite;
  animation-name: bounce;
  transform-origin: center bottom;
}


#whatsapp{
	bottom: 89px;
	position: fixed;
	right: 2%;
	width: 84px;
	z-index: 1000000000000;
	zzbackground-color: #004cff;
	zzcolor: #fff;
	color: #000;
	background-color: #fff22a;
	border-radius: 5px;
	padding: 5px 0;
	font-weight: 700;
	text-align: center;
	box-shadow: 0 0 8px black;	
}	

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgba(192, 193, 180, 0.2);
}

.twhite{
	background-color:#fffffff0;
}
.box75{
	margin: 10px;
   height: 75px;
   background-color: #fffffff0;
	font-size: 150%;
	padding-top: 20px;
	color:#68b9f5;
	transform: skew(-10deg);
	border-radius: 5px;
	border-left: 10px #349ad6  solid;
}

.box25{
	margin: 10px;
   height: 25px;
   background-color: #fffffff0;
	font-size: 100%;
	padding-top: 2px;
	color:#68b9f5;
	transform: skew(-10deg);
	border-radius: 5px;
	border-left: 10px #349ad6 solid;
}


.my-top-menu i, .my-top-menu img{ vertical-align: baseline;height:26px;padding-right:5px;}
.my-top-menu { width:35px;display:inline-block;    text-align: right;}
.small{font-size:90%;}
.xsmall{font-size:80%;}
.italic{font-style:italic;}

.grande{font-size:150%;font-weight:700;}
.normale{}
.fonte{color:#cc5d3b;font-style:italic;}

.OLD-primarycolor{background-color:#349ad6;}
.primarycolor{background-color:#fff22a;color:#000000;}

.hide{
	display:none;
} 
strong {
    font-weight: 700;
}
 
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/font/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url("/fonts/materialicons.woff2") format('woff2'),
    url("/fonts/materialicons-regular.woff") format('woff'),
    url("/fonts/materialicons-regular.ttf") format('truetype');
}

.page-footer{
	z-index:10000;
	bottom: 0;
    position: fixed;
    width: 100%;
	padding-top:0px !important;
	line-height:0px !important;
	height:60px;
}
.footer-copyright{
	min-height:30px !important;
}

.fondissimo {
	width:100%;
	text-align:center;
	font-size:80%;
	font-style:italic;
	padding-top: 6px;
    display: inline-block;
}
.fondissimo,.fondissimo a{
	color:#3c3c36 !important;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.xxxxslides img{
  filter: brightness(50%);
}


.largesubmit{

	
}
.ombra{
	box-shadow: #9f9f9f 0 0 13px;
}

main ul{padding-left:30px !important;}
main li{list-style:disc  !important;display:list-item;}


#bkg{
	position: fixed;
	left: 0;
	right: 0;
	z-index:0;

	display: block;
	width: 100%;
	height: 94%;

	background-size:contain;    
	background-attachment: fixed;

}

.divfondo {
	background-color:rgba(255,255,255,0.9);
}

.fondo{
	background-image: url("/img/23994586-close-up-pizza-in-forno-a-legna-con-la-fiamma-dietro.jpg");
    background-repeat: no-repeat;
	background-color: #fff4f0;
	background-size: cover;
	background-position: center 50px;
	background-attachment: fixed;

}


@media (max-width: 600px) {
.fondo{
	background-size: 190% auto ;
	


}
}


.slider .indicators .indicator-item.active {background-color:#44d6ff !important;}

.indicator-item{height:10px !important;width:10px !important;}

.slides,.slider, img,object,iframe,embed,video,audio{max-width:100%;border:0;border-radius:3px;}	



.strong{font-weight:700;}

.container{width:100% !important;}

#logo-container img{
height: 51px;
    max-width: 100%;
    vertical-align: top;
    padding-top: 0px;
    border-radius: 0 0 4px 4px;
}

.highlight:hover{
	background-color:rgba(255,155,155,0.8);
}

.vbottom{
	vertical-align: super;
}

.bbottom{
	vertical-align: bottom;
}


nav .xxxxbrand-logo{
	webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	
}
nav .brand-logo {
    max-width: 100%;
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    padding: 10px;
    top: 0px;
    xxxbackground: #1976d2;
    padding: 0px;
	left: 80px;
    
}
	
nav ul a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
.xxxnav-wrapper ul li:hover {
	  border-bottom:3px solid #fff;
	  transition: border-bottom-color 50ms linear 0s;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}


.sidenav-overlay {
	background-color: rgba(235, 235, 255, 0.2);
		opacity:0 !important;
		z-index:100 !important;

 
}
.sidenav {
	background-color: #dceaf9;
	border-right: 3px #020910 solid;
	
	z-index:999 !important; 

}

 
		

header,nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 48px;
    line-height: 48px;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
	background-image: url("/img/sideg6001.png");
    background-repeat: no-repeat;
	background-color: #fff4f0;
	background-size: contain;
	background-position: right 45px;
	background-attachment: fixed;

}
  
.h20 {height:20px;min-height:20px;}
.h25 {height:25px;min-height:25px;}
.h50 {height:50px;min-height:50px;}
.h75 {height:75px;min-height:75px;}
.h100{height:100px;min-height:100px;}
.h150{height:150px;min-height:100px;}
.h250{height:250px;min-height:250px;}
.h350{height:350px;min-height:350px;}
.h400{height:400px;min-height:400px;}
.h200{height:200px;min-height:200px;}



.zoom,.btn,.btn-large { transition: all .2s ease-in-out; background-color:#349ad6;font-weight:700;}
.zoom:hover,.btn:hover { transform: scale(1.1);
    z-index: 2; background-color:#349ad6}
	
.didascalia{
 font-size: 150%;
    border-left: 10px #68b9f5 solid;
    font-family: sans-serif;
    padding: 5px 10px 5px 20px;
    background-color: rgba(255,255,255,0.85);
    display: inline-block;
    width: 100%;
    	transform: skew(-10deg);	
}

ul.collapsible,ul.collapsible li {
    list-style: none !important;
    padding: 0 !important;
    }
nav a {
  font-family: sans-serif;
  text-decoration: none;
  color: gray;
  position: relative;
  
  display: inline-block;
  
}

nav a::after {
  content: "";
  background: white;
  height: 1px;
  position: absolute;
  bottom: 0;
  transition: .16s all 0.025s;
}

nav a::after {
  left: 100%;
  right: 0;
}

nav a:hover ~ a::after {
  left: 0;
  right: 100%;
}

nav a:hover::after {
  left: 0;
  right: 0;
}



@media only print {
.noprint, .noprint * {
    display:none !important;
  }
}

.carousel-item{
	max-width:350px  !important;
	height:auto  !important;
}
.carousel{
	height:350px !important;
	
}

.salto{ page-break-before: always;}
.note{position:relative;left:-13px;padding:10px;margin:10px 10px 10px 0;border-left:3px #fdd solid;font-size:105%;background:#eee;}
.box{float:right;width:33%;margin:10px;pdding:10px;border:1px #eee solid;background:#eee;}
.key{float:left;margin:10px;pdding:10px;border:1px #eee solid; background:#eee;}
 
h2{
	border-left:30px #ff1717 solid;padding-left:20px; padding-bottom:10px;
}

h5{
	border-left:10px #ff1717 solid;padding-left:20px;border-bottom:1px #ff1717 solid;padding-bottom:10px;
}

h22{
	border-bottom:1px #bbbbbb solid;
	background-color:#dddddd;
	margin: 20px 0 6px;
    border-left: 25px #aaaaaa solid;
    padding: 10px !important;
    }
h3{
	border-left:20px #ff1717 solid;padding-left:20px;border-bottom:1px #ff1717 solid;padding-bottom:10px;
}
h4{
	border-left:20px #ff1717 solid;padding-left:20px;border-bottom:1px #ff1717 solid;padding-bottom:10px;
}
h1, h2, h3, h4 {
    color: #111111;
    font-weight: 400;
}
h1, h2, h3, h4, h5, p {
    margin-bottom: 16px;
    padding: 0 0 0 10px;
}
h1 {
    font-size: 28px;

}
h2 {
    font-size: 22px;
    margin: 20px 0 6px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
 
 




@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */