/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4-apr-2016, 14.46.09
    Author     : dario
*/

/*Slide*/
.flexslider
{
	margin-bottom:2px;
}
.slides li
{
	height:600px;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position:top center !important;
}
.flex-caption h1
{
 color: #ffffff;
 font-family:"Open Sans",sans-serif;
 font-weight:700;
 font-size:48px;

    
    text-transform: uppercase;
	margin-bottom: 20px;
    position: relative;
}
.banner1 h1:after {
    background: #ffffff none repeat scroll 0 0;
    bottom: -29px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -42.5px;
    position: absolute;
    width: 85px;
}
.banner1 {
    padding: 260px 0 101px;
}
.flex-caption p
{
color: #ffffff;
    display: block;
    font: 700 12px/24px "Open Sans",sans-serif;
    letter-spacing: 1px;
    margin-top: 57px;
	text-align:center;
}
nav
{
	margin-top:2px;
	
}
.leftProdotti
{
	background-repeat:no-repeat;
  background-position:center;
  background-size: cover;
  padding: 4px 0 50px;
  min-height:400px;
}
.wrap-cal {
    color: #444445;
    display: inline-block;
    font-size: 10px;
    margin-right: 10px;
    text-align: center;
    width: 25px;
	/*font-family:"Engagement",sans-serif;*/
}
.round-cal {
    /*border: 2px solid #444445;
    border-radius: 30px;*/
	
    display: inline-block;
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 25px;
	/*border-bottom:1px solid #000;*/
}
.round-cal div
{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:25px;
	height:25px;
}
.vuota
{
	background-image:url(../images/foglia-vuota.png);
}
.mezza
{
	background-image:url(../images/foglia-semipiena.png);
}
.piena
{
	background-image:url(../images/foglia-piena.png);
}

.half-bottom {
    background: #444445 none repeat scroll 0 0;
    bottom: 0;
    height: 12.5px;
    left: 0;
    position: absolute;
    width: 25px;
}
.full {
    background: #444445 none repeat scroll 0 0;
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
.half-top {
    background: #444445 none repeat scroll 0 0;
    height: 12.5px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 25px;
}
.boxCalendario
{
	margin-top:10px;
}
.boxCalendario h3
{
	/*font-family:"Engagement",sans-serif;*/
	font-size:20px;
	font-weight:400;
	color:#444445;

}
#btn-nav-toogle
{
	display:none;
}
#sidr
{
	display:none;
}
.plus
{
	float:right;
	position:relative;
	right:4px;
	z-index:333;
	cursor:pointer;
}


.boxImgTesto
{
	background:rgba(255,255,255,0.8);
	padding:18px;
}
.wrapImgTesto,
.wrapEleCate
{
	margin-bottom:20px;
}
.post1 p.mini {
    font-size: 14px;
    line-height: 24px;
	text-align:left !important;
}
.post1 ul.eleDefault li {
    list-style: inside none disc;
    padding-left: 20px;
}
.wrapContent
{
	float:left;
	width:70%;
}
.Myclear
{
	width:100%;
	clear:both;
	min-height:10px;
	display:block;
}
.wrapContattiBlocco .header1
{
	margin-bottom:4px;
}
/*FOTOGALLERY***/
.slick-slide img
{
	/*opacity:0.7;*/
	max-height:360px;
}
.slick-slide.slick-current  img
{
	/*opacity:1;*/
}
.slick-next
{
	right:20px;
	
}
.slick-prev
{
	left:20px;
	z-index:999;
}

#mioLogo
{
	height:100px;
}
#contact-form #pagCntForm label.name,
#contact-form #pagCntForm label.email,
#contact-form #pagCntForm label.phone
{
	width:30%;
}
#contact-form #pagCntForm label.name
{
	margin-left:0%;
}
#contact-form #pagCntForm label.email,
#contact-form #pagCntForm label.phone
{
	margin-left:4%;
}
#contact-form #pagCntForm label.message
{
	width:99%;
}

/***BRICIOLE***/
ul.briciole
{
	margin:0;
}
ul.briciole li
{
	list-style:none;
	display:inline-block;
	float:left;
	font-size:10px;
}
ul.briciole li:after
{
	content:'-';
	display:inline-block;
	
	margin-left:3px;
	margin-right:3px;
	
}
ul.briciole li:last-child:after
{
	content:"";
}
ul.briciole li:last-child
{
	font-weight:bolder;
}
ul.briciole li a,
ul.briciole li
{
	text-transform: capitalize;
}
.socialFooter i
{
	font-size:25px;
}
/***END BRICIOLE***/
@media only screen and (max-width: 1200px) {
	.staccoContatti{
		margin-bottom:15px;
	}
}
@media only screen and (max-width: 980px) {
#contact-form #pagCntForm label.name,
#contact-form #pagCntForm label.email,
#contact-form #pagCntForm label.phone
{
	width:100% !important;
		margin-left:0% !important;
}
.rowForm
{
	width:100% !important;
}
}
@media only screen and (max-width: 767px) {
	#btn-nav-toogle
	{
		display:block;
		float:right;
		background-color:none;
		padding:10px;
		color:#fff;
		font-size:25px;
		
	}
	#btn-nav-toogle:hover
	{
		/*color:#ff0033;*/
		color:#ff9900;
	}
	#contMenuToogle 
	{
	float:right;
		
	/*	padding-right:25px;*/
		padding-right:5px;
	}
	#sidr a
	{
		text-transform:capitalize;
	}
	.sidr {
    /*background: #ff0033;*/
	background:#ff9900;
	box-shadow:0 0 5px 5px #e08702  inset;
	
	}
	.sidr ul li {
    border-bottom: 1px solid #fff;
   
    display: block;
    line-height: 48px;
    margin: 0;
	}
	.sidr ul li a:hover
	{
		box-shadow:0 0 5px 5px #e08702  inset;
	}
	.slick-slide img {
    
    opacity: 1;
	}
	#contact-form
	{
		position:static;
	}
	address .numbers
	{
		width:35%;
	}
	address .wrapContent
	{
		width:60%;
	}
	
}
@media only screen and (max-width: 479px) {
#mioLogo
{
	height:auto;
}
.slides li
{
	height:300px;
}
.banner3 .post2
{
	width:100%;
}
.post2 .caption span {
   
    font-size: 60px;
}
.slick-slide img {
    
    opacity: 1;
}
#contact-form #pagCntForm label.name,
#contact-form #pagCntForm label.email,
#contact-form #pagCntForm label.phone
{
	width:100% !important;
		margin-left:0% !important;
}
address .numbers
	{
		width:100%;
	}
	address .wrapContent
	{
		width:100%;
	}

}