@charset "UTF-8";
/*STILI COMUNI A TUTTE LE SECTION*/

body#Item-113.fp-viewing-4 #footer, body#Item-114.fp-viewing-5 #footer, body#Item-116.fp-viewing-4 #footer{
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
}
.section {
	background-position: bottom right;
	background-repeat: no-repeat;
	position: relative;
}
.WrapContentSection {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 30%;
	text-align: left;
	display: none;
}
.WrapContentSection h3 a, .WrapContentSectionFranchising h3 a {
	color: #2a99d3;
	font-size: 40px;
	position: relative;
}
.WrapContentSectionFranchising{
	text-align:center;
}
.WrapContentSectionFranchising h3 a {
	font-size:22px;
	text-align:center;
}
.WrapContentSection h3 a:hover, .WrapContentSectionFranchising h3 a:hover {
	color: #2a99d3;
}
.WrapContentSection h3 a:after, .WrapContentSectionFranchising h3 a:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	height: 1px;
	background-color: #2a99d3;
	content: "";
	transition: width 0.2s;
}
.WrapContentSection h3 a:hover:after, .WrapContentSectionFranchising h3 a:hover:after {
	width: 100%;
}
.WrapContentSection .ContentSection {
	font-size: 30px;
	line-height: 34px;
	letter-spacing: 1px;
	font-weight: 200;
	margin-bottom: 20px;
}
.btn-section {
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	font-weight: normal;
	height: 30px;
	line-height: 3;
	position: relative;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 14px;
	line-height: 30px;
	padding: 0 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.btn-section:hover {
	color: #f5f5f5 !important;
	border: 1px solid #2a99d3;
	background: #2a99d3;
}
/*Bottone Preventivo*/

.WrapPre {
	margin: 40px 0;
	width: 100%;
	text-align: center;
	background: #2a99d3;
	padding: 40px 0;
}
.WrapPre .btn-section {
	border: 1px solid #fff;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.WrapPre .btn-section:hover {
	border: 1px solid #000;
	color: #000 !important;
}
/*PAGINA CHI SIAMO*/
/*Stile Sezione Storia*/
#Cat1Section1 {
	background-color: #fff;
}
/*Stile Sezione Laboratori*/
#Cat1Section2 {
	background-color: #fff;
	background-position: bottom left;
}
#Cat1Section2 .WrapContentSection {
	right: 10%;
	left: auto;
	text-align: right;
}
/*Stile Sezione Protocolli*/
#Cat1Section3 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}
#Cat1Section3 .WrapContentSection {
	right: 55%;
	margin-right: -15%;
	top: 20%;
	left: auto;
	text-align: center;
}
/*Stile Sezione Negozi*/
#Cat1Section4 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}
#Cat1Section4 .WrapContentSection {
	left: 0;
    right: 0;
    text-align: center;
    width: 100%;
}
/*PAGINA FRINCHISING*/
/*Stile Sezione Punti di forza*/
#Cat2Section10 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}
/*Stile Sezione Formazione e aggiornamento*/
#Cat2Section11 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}
/*Stile Sezione Gestionale Web*/
#Cat2Section12 {
	background-color: #fff;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}
/*Stile Sezione Tipologie Store*/
#Cat2Section13 {
	background-color: #fff;
}
.WrapContentSectionFranchising {
	padding-top: 10% !important;
}
.WrapContentSectionFranchising h2 {
	text-align: center;
	margin-bottom: 40px;
}
.WrapContentSectionFranchising .span6 {
	padding: 0 40px;
}
@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.02, 1.02, 1.02);
 transform: scale3d(1.02, 1.02, 1.02);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.02, 1.02, 1.02);
 transform: scale3d(1.02, 1.02, 1.02);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.LinkFranchising {
	display: block;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 10px;
	height: 1px;
	padding-bottom: 68%;
}
.LinkFranchising:hover {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
/*PAGINA PERCHE’ SCEGLIERCI*/
/*Stile Sezione Know-How*/
#Cat3Section9 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}
/*Stile Sezione Garanzia*/
#Cat3Section8 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
	color: #3D3C3A;
}
#Cat3Section8 .WrapContentSection {
	right: 10%;
	top: 20%;
	left: auto;
	text-align: right;
}
#Cat3Section8 h3 a, #Cat3Section8 h3 a:hover {
	color: #2a99d3;
	font-weight: 200;
}
#Cat3Section8 h3 a:after {
	left: auto;
	right: 0px;
	background-color: #fff;
}
#Cat3Section8 .btn-section {
	color: #fff;
	border-color: #fff;
}
#Cat3Section8 .btn-section:hover {
	border-color: #2a99d3;
}
/*Stile Sezione Rapidiità*/
#Cat3Section7 {
	background-color: #fff;
}
/*Stile Sezione Device Sostitutivo*/
#Cat3Section6 {
	background-color: #fff;
	background-position: bottom left;
}
#Cat3Section6 .WrapContentSection {
	right: 10%;
	left: auto;
	text-align: right;
}
/*Stile Sezione Carta Fedeltà*/
#Cat3Section22 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
}

/*Stile Sezione Finale*/
#SectionFinal{
	background:#fff;
	padding-top:100px;
}

/*  SCROLL ICON  */
@-webkit-keyframes scroll-fade {
0% {
opacity: 1;
top: 10px;
}
100% {
opacity: 0;
top: 20px;
}
}
@-moz-keyframes scroll-fade {
0% {
opacity: 1;
top: 10px;
}
100% {
opacity: 0;
top: 20px;
}
}
@-o-keyframes scroll-fade {
0% {
opacity: 1;
top: 10px;
}
100% {
opacity: 0;
top: 20px;
}
}
@keyframes scroll-fade {
0% {
opacity: 1;
top: 10px;
}
100% {
opacity: 0;
top: 20px;
}
}
.scroll-icon, .scroll-icon:after {
	display: block;
	border-radius: 30px;
	border: solid 2px #000;
	opacity: 0.5;
}
.scroll-icon {
	width: 30px;
	height: 50px;
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin: 0 0 0 -16px;
	top:65%;
}
.scroll-icon:after {
	content: '';
	width: 0;
	height: 4px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -2px;
	-webkit-animation: scroll-fade 2.0s infinite;
	-moz-animation: scroll-fade 2.0s infinite;
	-o-animation: scroll-fade 2.0s infinite;
	animation: scroll-fade 2.0s infinite;
}
  
/*TESTO DAL BASSO*/
@-webkit-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUpBig {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
	display: block;
}