html,body{height:100%;}
body{background-color: #white; background-size:contain; background-image: url("image/sfondofede3.jpg"); background-repeat: no-repeat; background-position: center; background-attachment: fixed;}

/*-----------------------------
general
-----------------------------*/

.animate{
	-webkit-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
}

.button{display: inline-block; background: #fff; color:#000;padding: 15px 30px; border-radius:3px; text-decoration: none;}
p{line-height: 22px}
a{color:#16dd94}
a:hover{color: #1af3a4;}
/*-----------------------------
header
-----------------------------*/

header{background: #fff;}
.header__logo{ color:#fff;float: left;width: auto; height: 50px; padding: px1; margin-left: 5px;margin-top:2px;display: block;text-decoration:none;}
.header__menu{float:right;margin:0; padding:0;}
.header__menu__item{display: inline-block;}
.header__menu__item a{color:#333;display: block;padding:20px;text-decoration: none;  font-family: Berlin Sans FB; font-size: 20px;}
.header__menu__item a:hover{background:#f2f2ee;}
.header__icon-bar{display: block;float: right;padding:20px;display: none;}
.header__icon-bar span{display: block;height:3px; width: 30px;background: #333; margin-bottom: 5px;}

/* Price List Styles */
.price-list {
    background: #fff;
    padding: 40px 20px;
    margin: 40px 0;
}

.price-list__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 40px;
}

.price-list__title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px;
}

.price-list__salon-name {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.price-category__title {
    font-size: 24px;
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
    margin: 30px 0 20px 0;
}

.price-item {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0;
}

.price-item__italian {
    color: #333;
    font-style: italic;
    font-size: 14px;
}

.price-item__price {
    font-weight: bold;
    color: #333;
    margin-left: 20px;
}

/*-----------------------------
Cover
-----------------------------*/
.cover{height:50%;
	background-image: url("image/a5.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	position:relative;
}
.cover__filter{ background: #000; width:100%; height:100%; position: absolute; z-index: 0; opacity: 0; }
.cover__caption{ display: table; height: 100%; width:100%; position: relative; z-index:1; padding: 0 20px}
.cover__caption__copy{ display: table-cell; vertical-align: middle; text-align: center; color:#fff; }

.cover--single{height: 50%}
.cover--single h1{font-size: 42px;}


h1 {font-size:2.2em; font-family: impact;text-align: center;margin: 0px;}
h2 {font-size:1.7em; font-family:  georgia;text-align: center; margin: 0px;}

p{color: #333; font-family:  Magnolia;  text-align: center;  ; margin: 0px;}
p.a {color: #333; font-family: impact;font-size: 60px; background-color: white;  margin:50px; }




.cards{max-width: 1200px; margin: 20px auto}
.card{width: 30%; margin:0 1%; padding:10px; background-color: none;float:left; background: none;  }
.card__image{width:100%; height: auto;}
.card a:hover {background: none}




.cards{max-width: 1200px; margin: 20px auto}
.card9{width: 30%; margin:0 1%; padding:10px;background-color: none; float:left;  background: none;}
.card__image9{width:100%; height: auto;}
.card9 a:hover {background: none}

.cards{max-width: 1200px; margin: 20px auto}
.card1{width: 3%; margin:0 1%; padding:0px;background-color: none; float:right;  background: none;}
.card__image1{width:100%; height: auto;}
.card1 a:hover {background: none}







.cards{max-width: 1200px; margin: 20px auto}
.card5{width: 100%; margin:0 10%; padding:10px;background-color: none;float:left; background: none;}
.card__image5{width:80%; height: auto;}
.card5 a:hover {background: none}



.rwd-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 0;
	position: relative;
	margin:50px;
	 ;

}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 80%;
	left: 0;
	position: absolute;
	top: 0;
	width: 60%; margin:  20%;
margin-top: 5px;
;


}




/*-----------------------------
Banner
-----------------------------*/
.banner{background: #fff; height:50%;margin-top:40px}
.banner__image{width:30%; float:left;height:100%;
	background-image: url("image/prod1.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
}
.banner__copy{width:70%; float:left;height:100%;display: table;}
.banner__copy__text{display: table-cell; vertical-align: middle;padding:30px;}

.banner__copy__text h3{font-size: 36px;margin-bottom:0;}
.banner__copy__text h4{font-size: 22px;margin: 5px 0}






.banner1{background: #FFF; height:50%;margin-top:40px}
.banner__image1{width:30%; float:right;height:100%;
	background-image: url("image/prod2.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
}
.banner__copy1{width:70%; float:left;height:100%;display: table;}
.banner__copy__text1{display: table-cell; vertical-align: middle;padding:30px;}

.banner__copy__text1 h3{font-size: 36px;margin-bottom:0;}
.banner__copy__text1 h4{font-size: 22px;margin: 5px 0}







.banner3{background: #FFF; height:50%;margin-top:40px}
.banner__image3{width:30%; float:left;height:100%;
	background-image: url("image/prod4.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
}
.banner__copy3{width:70%; float:left;height:100%;display: table;}
.banner__copy__text3{display: table-cell; vertical-align: middle;padding:30px;}

.banner__copy__text3 h3{font-size: 36px;margin-bottom:0;}
.banner__copy__text3 h4{font-size: 22px;margin: 5px 0}








.banner4{background: #FFF; height:50%;margin-top:40px }
.banner__image4{width:30%; float:left;height:100%;
	background-image: url("image/contatti1.png");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
}
.banner__copy4{width:70%; float:left;height:100%;display: table;}
.banner__copy__text4{display: table-cell; vertical-align: middle;padding:30px;}

.banner__copy__text4 h3{font-size: 36px;margin-bottom:0;}
.banner__copy__text4 h4{font-size: 22px;margin: 5px 0}
.banner__copy__text4 p{font-size: 22px;margin: 5px 0; font-family: impact;}








.banner5{background: #FFF; height:50%;margin-top:40px}
.banner__image5{width:30%; float:right;height:100%;
	background-image: url("image/prod5.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
}
.banner__copy5{width:70%; float:right;height:100%;display: table;}
.banner__copy__text5{display: table-cell; vertical-align: middle;padding:30px;}

.banner__copy__text5 h3{font-size: 36px;margin-bottom:0;}
.banner__copy__text5 h4{font-size: 22px;margin: 5px 0}







.banner6{background: #FFF; height:50%;margin-top:40px}
.banner__image6{width:30%; float:left;height:100%;
	background-image: url("image/prod6.jpg");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
}
.banner__copy6{width:70%; float:left;height:100%;display: table;}
.banner__copy__text6{display: table-cell; vertical-align: middle;padding:30px;}

.banner__copy__text6 h3{font-size: 36px;margin-bottom:0;}
.banner__copy__text6 h4{font-size: 22px;margin: 5px 0}



/*-----------------------------
Footer
-----------------------------*/

.footer{background:  #fff; padding:30px;color:#fff; margin-top: 40px}




/*-----------------------------
Single
-----------------------------*/
.panel{}
.panel__copy{max-width: 800px; margin: 0px auto; margin-top: 0px; ;padding:20px 40px;position: relative; z-index: 1; float: center; margin-top: 20px; background-color: #none; background-position: center;}
.panel__copy__meta{font-weight: bold;}
.panel__copy__title{ }


/*-----------------------------
Tablet
-----------------------------*/
@media (max-width: 998px){
	/* banner */
	.banner__image,
	.banner__copy{width:50%;height:100%}

	.banner__image1,
	.banner__copy1{width:50%;height:100%}

	.banner__image3,
	.banner__copy3{width:50%;height:100%}

	.banner__image4,
	.banner__copy4{width:50%;height:100%}

	.banner__image6,
	.banner__copy6{width:50%;height:100%}

}



/*-----------------------------
Smartphone
-----------------------------*/
@media (max-width: 767px){




	.header{position:fixed; z-index: 100;width:100%;}
	.header__icon-bar{display: block;}

	.header__menu{width:100%;height:0px; overflow: hidden;}
	.header__menu__item{display: block;}
	.is-open{height:300px; overflow: auto;}

	/* Cards */
	.card{width: 90%; margin: 5%;}

	.card1{width: 10%; margin: 5%;}

  .card9{width: 90%; margin:5%;}

	.card5{width: 100%; margin:10%;}










	.card8{width: 90%; margin:5%;}
		.card0{width: 100%; margin:5%;}



	/* Cover */
	.cover{height:50%;}




	/* Banner */
.banner{height: 600px;}
.banner__image,
.banner__copy{width:100%;height:50%}


.banner1{height: 600px;}
.banner__image1,
.banner__copy1{width:100%;height:50%}

.banner3{height: 600px;}
.banner__image3,
.banner__copy3{width:100%;height:50%}

.banner4{height: 600px;}
.banner__image4,
.banner__copy4{width:100%;height:50%}


.banner5{height: 600px;}
.banner__image5,
.banner__copy5{width:100%;height:50%}

.banner6{height: 600px;}
.banner__image6,
.banner__copy6{width:100%;height:50%}


    .price-item {
        flex-direction: column;
    }
    
    .price-item__price {
        margin-left: 0;
        margin-top: 5px;
    }



}




/* clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}