@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
body, html {
    height:100%;
    width:100%;
}
body {
  font-family:  sans-serif;  font-family: 'Raleway', sans-serif;
  line-height: 1.5;
  background: #fff;
  color: #1A1A1A;
  font-weight: 400;
  overflow-x: hidden;
}
body.viola-offcanvas {
  overflow-x: hidden;
}

a {
  color: #6753B7;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  text-decoration: none !important;
  color: #B09EF2 !important;
}

p {
  margin-bottom: 1.5em;
  font-size: 1.0em;
  color: #1A1A1A;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;letter-spacing:0.04em;
}

h1, h2, h3, h4, h5, h6 {
  color: #1A1A1A;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  margin: 0 0 30px 0; letter-spacing: 0.04em;
}

figure {
  margin-bottom: 2em;
}

::-webkit-selection {
  color: #fff;
  background: #6753B7;
}

::-moz-selection {
  color: #fff;
  background: #6753B7;
}

::selection {
  color: #fff;
  background: #6753B7;
}




/*-----------------------------*/
#viola-header {
  position: relative;
  margin-bottom: 0;z-index:999;
}

.vetrina{
    overflow: hidden; 
	position: relative;
    padding-bottom: 21.6%; /* 415:1920 */
    height: 0;
overflow-y: hidden;
overflow-x: hidden; background:#fff;top:120px;margin-bottom:110px;z-index:0;
	  -webkit-overflow-scrolling:touch;
}
.vetrina iframe{ 
	border: none;	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; overflow:hidden;
}


/* Superfish Override Menu */
.sf-menu {
  margin: 0 !important;
}

.sf-menu {
  float: right;
}

.sf-menu ul {
  box-shadow: none;
  border: transparent;
  min-width: 15em;
  *width: 15em;
}

.sf-menu a {
  color: rgba(0, 0, 0, 0.8);
  color: #000;
  /*padding: .75em 1em;*/
  /*font-weight: normal;*/
  border-left: none;
  border-top: none;
  text-decoration: none;
  zoom: 1;
  font-size:1.0em; font-weight: 400;
  border-bottom: none !important; letter-spacing:0.08em;  /*padding-left:1.2vw!important; */
	/*border-bottom-left-radius:8px;border-bottom-right-radius:8px;*//* border-radius:8px;*/
}
.sf-menu a:hover, .sf-menu a:focus {
  color: #6753B7 !important;
}

.sf-menu li.active {
  /*border-bottom: 3px solid #E3001A;*/
}
.sf-menu li.active a:hover, .sf-menu li.active a:focus {
  color: #B09EF2!important;
}

.sf-menu li,
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: transparent; margin-left:5px;margin-right:5px;/*border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-radius:8px;*/
} 

.sf-menu ul li a,
.sf-menu ul ul li a {
  text-transform: none;
  padding: .0em 1em;
  letter-spacing: 1px;
}

.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu ul li:hover a,
.sf-menu ul li.sfHover a,
.sf-menu li.active a {
  color: #6753B7;
}
.sf-menu li.active a {
  color: #B09EF2;/* background: #E3001A!important;*/
}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
  background: transparent;
}

.sf-menu ul li {
  background: transparent;
}

.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #ccc;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #ccc;
}

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #ccc;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #ccc;
}

#viola-header-section {
  padding: 0;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 30px 0; height: 120px;
}

.nav-header {
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.5);*/
  position: relative;
  float: left;
  width: 100%;
}
.nav-header h1 {padding: 0; margin: 0}
#viola-logo {
  position: relative;
  z-index: 2;
  margin-top: 0px;  
  float: left;
}
#viola-logo img {width:100%;max-width:400px;height:auto}


#viola-menu-wrap {
  position: relative;
  z-index: 2;
  display: block;
  float: right; padding-top: 10px;
}
#viola-menu-wrap .sf-menu a { 
  /*padding:60px 0.0em 1em 0.0em;*//*padding:10px 0.0em 10px 0.0em; margin-top: 50px*/padding-left:0!important; padding-right:2.5vw!important; 
}
#viola-menu-wrap .sf-menu .instagram{margin-top: -3px;padding-left:13px!important;}

#viola-menu-wrap .instagram a {padding-left: 0!important;padding-right: 0!important;padding-bottom: 0!important;width: 27px; height:50px!important; overflow: hidden}
#viola-menu-wrap .instagram img{width: 27px!important; height: 27px!important; }
#viola-menu-wrap .instagram svg path{
  fill:#B09EF2 !important;-webkit-transition:all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition:all ease-in-out 0.25s; 
}

#viola-menu-wrap .instagram:hover svg path {
  fill:#6753B7!important; 
}
/*.instagram svg path {
  fill: #000!important;
}*/

#viola-primary-menu > li > ul li.active > a {
  color: #B09EF2 !important;
}
/*#viola-primary-menu > li > .sf-with-ul:after {
  border: none !important;
  position: absolute;
  float: right;
  margin-right: 5px;
  top: 50%;
  margin-top: -7px;
  content: "\e64b";
  color: #6753B7; 
}*/
#viola-primary-menu > li > ul li {
  position: relative;
}
#viola-primary-menu > li > ul li > .sf-with-ul:after {
  border: none !important;
  position: absolute;
  float: right;
  margin-right: 10px;
  top: 13px;
  font-size: 12px;
  content: "\e649";
  color: rgba(255, 255, 255, 0.5);
}

#viola-primary-menu .viola-sub-menu {
  padding: 10px 7px 10px ;
  background: #C20013; 
  left: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius:8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}

#viola-primary-menu .viola-sub-menu > li > .viola-sub-menu {
  left: 100%;
}

#viola-primary-menu .viola-sub-menu:before {
  position: absolute;
  top: -9px;
  left: 20px;
  width: 0;
  height: 0;
  content: '';
}

#viola-primary-menu .viola-sub-menu:after {
  position: absolute;
  top: -8px;
  left: 21px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #C20013;
  border-bottom: 8px solid #C20013;
  border-left: 8px solid transparent;
  content: '';
}

#viola-primary-menu .viola-sub-menu .viola-sub-menu:before {
  top: 6px;
  left: 100%;
}

#viola-primary-menu .viola-sub-menu .viola-sub-menu:after {
  top: 7px;
  right: 100%;
  border: none !important;
}

.site-header.has-image #primary-menu .sub-menu {
  border-color: #000000;
  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
}
.site-header.has-image #primary-menu .sub-menu:before {
  display: none;
}

#viola-primary-menu .viola-sub-menu a {
  letter-spacing: 0;
  padding: 0 15px;
  font-size: 18px;
  line-height: 39px;
  color: #fff !important;/*font-weight:400;*/letter-spacing: 0.01em;
  text-transform: none;
  background: none;
		-webkit-transition: all .2s;
	transition: all .2s;
}
#viola-primary-menu .viola-sub-menu a:hover {
  color: #000 !important;
}
/*.sf-menu li.active a {
  color: #E3001A;  color: #fff; background: #FFDD00!important;
}*/
#viola-primary-menu .viola-sub-menu a{ background: #C20013!important;margin:10px;}


#viola-intro-section,
#viola-work-section,
#viola-services-section,
#viola-content-section,
#viola-work-section_2,
#viola-facciamo-section,#viola-materiale-section{
  padding: 8em 0;
}
@media screen and (max-width: 768px) {
  #viola-work-section,
  #viola-services-section,
  #viola-content-section,
  #viola-work-section_2,
#viola-facciamo-section,#viola-materiale-section{
    padding: 4em 0;
  }
}
#viola-intro-section{ padding:6em 0;}
#viola-servizi-section{padding-top:0em;}


/*HOME*/

.h-servizi{margin-top: 170px; }
.h-rett-servizi-txt{text-align: left; padding-right:60px;}
.h-rett-servizi{background:#FFFFFF; padding: 40px 50px;
-webkit-box-shadow: 0px -15px 57px -20px rgba(176,158,242,0.3);
-moz-box-shadow: 0px -15px 57px -20px rgba(176,158,242,0.3);
box-shadow: 0px -15px 57px -20px rgba(176,158,242,0.3);
}
.h-rett-servizi-Q{border-bottom:1px solid rgba(229,222,255,0.4);display:inline-flex;align-content:flex-start;padding:0;padding-bottom:2px; flex-flow:row nowrap; }
.Q-pd30t{padding-top: 40px!important;}
.Q-pd0b{padding-bottom:0px!important;}
.Q-pd30b{padding-bottom:30px!important;}
.Q-pd30l{padding-left:30px!important;}
.border-bnone{border-bottom:none!important}

.h-rett-servizi-S{/*flex: 1 50%;*/ }
.h-rett-servizi-S-ico{flex-basis: 20%;}
.h-rett-servizi-S-txt{flex-basis: 80%;text-align:left; padding-left:30px; padding-right:40px}
.h-rett-servizi-S-txt h2{font-size:1.4em;font-weight:600; margin-bottom:14px;-webkit-transition: color .15s ease-in;transition: color .15s ease-in; }
.h-rett-servizi-S-txt p{font-size:1.0em; }
.border-dx{border-right: 1px solid rgba(229,222,255,0.4);}

.p-prodotti .h-rett-servizi-S-txt h1, .h-servizi .h-rett-servizi-S-txt h1{
	font-size:1.4em;font-weight:600; margin-bottom:14px;-webkit-transition: color .15s ease-in;transition: color .15s ease-in; 
}

.round-button-circle {
  width: 100%;
  height:0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow:hidden;
  background-color:#f5f2ff;
	-webkit-transition: background-color .2s ease-in;transition: background-color .2s ease-in;
}

.ico-registratori{ background-image: url(../images/ico-registratori.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:50%;background-clip: border-box;}
.ico-bilance{ background-image: url(../images/ico-bilance.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:40%}
.ico-gestionale{ background-image: url(../images/ico-touch.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:50%}
.ico-touch-screen{ background-image: url(../images/ico-gestionale.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:36%}
.ico-multifunzione{ background-image: url(../images/ico-multifunzione.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:40%}
.ico-rilevatore{ background-image: url(../images/ico-rilevatore.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:50%}
.ico-stampanti-fiscali{ background-image: url(../images/ico-stampanti.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:50%}

.ico-registratori-rt{ background-image: url(../images/ico-registratori-rt.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size:50%;background-clip: border-box;}

.h-rett-servizi-Q:hover .round-button-circle{background-color:#E5DEFF;
	-webkit-transform:scale(1.15);transform:scale(1.15);transition: all 400ms 10ms cubic-bezier(0.175, 1.885, 0.32, 1.275); 
/*width: 110%; padding-bottom: 110%;-webkit-transition: width 0.2s;transform: width 0.2s;transition-timing-function: cubic-bezier(.07,2.41,.82,2.41);*/}
.h-rett-servizi-Q:hover h2{color:#6753B7;}

/*.ico-registratori,.ico-bilance,.ico-gestionale { 
    background-repeat: no-repeat;background-position: center;background-clip: border-box;
    transition: background-size 0.2s; -webkit-transition: background-size 0.2s;transition-timing-function: cubic-bezier(.07,2.41,.82,2.41);
}
.h-rett-registratori-Q:hover .ico-bilance{background-size:60%}
.h-rett-servizi-Q:hover .ico-bilance{background-size:50%}*/
h1.heading-section {
  font-size: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  padding: 0; margin: 0;padding-bottom: 35px;
  font-weight:600;
}
h1.heading-section:before {
  position: absolute;
  content: '';
  bottom: 0; left: 0;
  width: 80px;
  height: 2px;
  background: #B09EF2; /*left: 50%; margin-left: -45px;*/ /*border-radius:2px;*//* padding-bottom: 35px;*/
}

h3.heading-section {
  font-size: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  padding: 0; margin: 0;padding-bottom: 35px;
  font-weight:600;
}
h3.heading-section:before {
  position: absolute;
  content: '';
  bottom: 0; left: 0;
  width: 80px;
  height: 2px;
  background: #B09EF2; /*left: 50%; margin-left: -45px;*/ /*border-radius:2px;*//* padding-bottom: 35px;*/
}
p.p-home {
  /*margin-bottom: 1.5em;*/ padding: 0; margin: 0;padding-top: 35px;
  font-size: 1.1em; line-height: 1.8;
  color: #1A1A1A;
  font-weight: 400;
}


.btn {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn {
  text-transform: uppercase;
  letter-spacing: 0.06em;padding: .695rem 1.1rem; font-weight: 600;
}
.btn:hover, .btn:active, .btn:focus {
  background: #1a1a1a;
  color: #fff;
  outline: none !important;
}
.btn.btn-primary {
  background: #4DF7B9;
  color: #1A1A1A;
  border: none !important;
  border: 2px solid transparent !important; white-space:pre-wrap;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  box-shadow: none;
  background: #6753B7;
  color: #fff !important;
}

.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
  border-color: transparent;
}
.btn-servizi{max-width:250px;text-align:left;margin-top:45px;border-bottom-right-radius:20px; border-top-right-radius:20px;}
.btn-generico{max-width:inherit; padding:20px 20px;}



#viola-facciamo-section{/*background: #FAFAFA url(../images/righe-sfondo.png) center center;*/ text-align: left; padding: 0}
.cosa-facciamo,.materiale-consumo{width: 100%; max-width: 1400px; margin: 0 auto;}
.h-facciamo {justify-content: space-between; }
.h-facciamo-txt{flex-basis:80%; padding-right:60px}
.h-facciamo-image{flex-basis:20%; text-align: right}

/* Header Parallax Element Style*/ 
/*.paral {
min-height: 200px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
}
.paralsec {
background-image:url(../images/righe-sfondo.png);
}
.jumbotron{margin-bottom: 0;}*/

.plax {
  width: 100%;
  height: 500px; height: auto;
  flex: 1;
  display: flex;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #fcfbff; background-color: #E5DEFF
}
.plax .image {
  background-image: url(../images/righe-sfondo.png);
}

.plax .image {
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  opacity: 0.9;
}
.plax .stuff {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  /*max-width: 70%;
  justify-content: center;
  text-align: center;*/
  z-index: 30;
  /*color: #e67e22;
  margin: 0 auto;
  font-size: 26px;*/
  position: relative; padding: 8em 0;
}
/*.plax .stuff h2 {
  margin: 0px;
}
.plax .stuff:before, .stuff:after {
  width: 100%;
  height: 1px;
  display: block;
  background-color: #d35400;
  content: "";
  margin: 30px 0;
}*/


h2.h-titolo{font-size: 36px;letter-spacing: 2px;text-transform: uppercase;font-weight:600;
  position: relative;padding: 0;margin:0;padding-bottom:55px;z-index: 2; 
}
h2.h-titolo span{background:#B09EF2; padding: 20px 16px; color: #fff; border-radius:8px}
/*h2.h-titolo::before{content: ''; background:#B09EF2; display: inline-block; width: 120px; height:50px; padding: 0px 16px; color: #fff; border-radius:8px;
	position: absolute;left:0;z-index: -1;
}*/


p.enfasi{font-size:1.4em; font-weight: 400;}

.h-facciamo-image img{max-height:240px;position: relative;z-index: 2;margin-top:-0px;}
.ovale{background: rgba(103,83,183,0.1);width:100%;height:100px;position: absolute;margin-top:-80px;z-index:0; border-radius:50%;transform: skewY(-10deg); }

.h-materiale-txt{flex-basis:80%;text-assistenza-txtalign:right;padding-left:60px;}
.h-materiale-image{flex-basis:20%; text-align:left;}
.h-materiale-image img{max-height:260px;position: relative;z-index: 2;margin-top:-0px;}
.ovale2{background:rgba(229,222,255,0.4);width:100%;  height:100px;position: absolute;margin-top:-100px;z-index:0; border-radius:50%;transform: skewY(14deg); }


#viola-assistenza-section{background:#6753B7; padding: 4em 0}
.h-assistenza {}
.h-assistenza-sx{text-align:left; align-items: center}
.assistenza-ico {}
.assistenza-txt{font-size:36px; letter-spacing: 0.05em;line-height:1.2; color:#fff;font-weight: 600;}

.h-assistenza-dx{text-align:right}
.btn-assistenza{max-width:300px;text-align:left;border-bottom-right-radius:20px; border-top-right-radius:20px;font-size: 1.2em;font-weight: 600;margin: 0;position: relative;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.btn.btn-assistenza:hover, .btn.btn-assistenza:focus, .btn.btn-assistenza:active{background: #B09EF2}

/*PAGINE*/
.pagine{top:120px; position: relative; padding-top:4em!important;}
.p-cont{padding-bottom: 6em; }
h3.ev-page,h1.ev-page{font-weight:300!important; color: #B09EF2;font-size:2em; line-height: 1.5; width:85%;} h1.ev-page strong{font-weight:300!important; }

#a-foto-section{}
.coccarda{width: 250px;height:auto; float: right; margin-top: 20px;} .coccarda img{width: 100%;}

.a-foto{box-sizing: border-box;margin-bottom: 10px;width: calc(1/3*100% - (1 - 1/3)*50px);} .a-foto img{width: 100%;border-radius:4px }
#a-foto-section h4{
	width:100%;text-align:center;font-weight:400;letter-spacing:0.08em;font-size:1.3em;color:#FFFFFF;background:#B09EF2;margin-top:30px;padding: 15px 15px; border-radius:360px; line-height: 1.7;
}
.azienda-cont:before {
	position: absolute;
  content: '';
  bottom: 0; left: 0; bottom: -4em;
  width: 80px;
  height: 2px;
  background: #B09EF2; left: 50%; margin-left: -40px; z-index: 999;}

.assistenza-cont{margin-top:-10px!important;padding-bottom:6em;padding-top:40px; background: #E5DEFF}
.certificazione{margin-top: 30px}
.certificazione span img{width:80px; margin-right:11px;} .periodica{letter-spacing: 0.04em}

/* Prodotti*/

.col-prod-titolo{height:100px;padding:0;padding-bottom:130px;/* border-bottom:2px solid #c00;*/ margin: 0 15px;/*flex-basis: calc(55% - 30px)!important; */
	
	background: #B09EF2; padding-top: 30px; padding-left: 30px; border-radius: 26px; border-top-left-radius: 2px;
		-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%
}
.prod-titolo{width:calc(100% - 130px);height:100px;display:inline-block;line-height:100px;position:relative;float:left; margin-left:30px;color: #fff;white-space: nowrap;}

.round-prod-circle {
  width: 100px;
  height:0;
  padding-bottom: 100px;
  border-radius: 50%;
  overflow:hidden;
  background-color:#fff; display: inline-block; position: relative;float: left;
}
.col-prod-icone{align-self: center; padding: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 50px);
	flex: 0 0 calc(50% - 50px);
	max-width: calc(50% - 50px)
}

.ico-m{width: 60px; padding-bottom:60px;float: right!important;background-color:rgba(229,222,255,0.4); margin-left:10px; opacity: 0.5;
-webkit-transition: opacity .2s ease-in;transition:opacity .2s ease-in;}
.ico-m:hover {opacity: 1.0;background-color:#E5DEFF}
.nascondi{display: none;}

.p-cont-prod{padding: 0}
.col-p-img{text-align:left; margin-top:14px} 
.col-p-img img{width:90%; height:auto}
.col-p-txt{}
.ev-prod{font-weight:400;color:#6753B7;}
.ev-prod span {font-weight:300;font-size:80%;margin-top: 8px;text-transform:capitalize;display:block;color:#1A1A1A;font-family: 'Raleway', sans-serif!important;}
.open{font-family: 'Open Sans', sans-serif;}
#viola-prod-scheda{}
.prod-scheda{background:#fff;width:calc(100% - 30px);padding:2em 15px;margin-left:15px;margin-top:50px;/*border-radius: 10px;*/ }
.prod-scheda h3 {font-weight:400;font-size:1.5em;color: #6753B7; margin-bottom:30px}
.p-color,.p-dim{padding: 0;} .p-dim{padding-left:5px; }
.p-colori {width:35px;height:35px;line-height:35px;display: inline-block;margin-right:13px; background:#FFFFFF;border: 1px solid #ccc;text-align:center}

.prod-scheda ul{list-style: none;padding: 0;}
.prod-scheda li{margin-bottom: 13px;padding-bottom: 13px;font-size: 1.1em;letter-spacing:0.04em; border-bottom: 1px solid #ccc;}
.prod-scheda li span{float: right; font-weight: 600}
.p-depliant{display:block;top:50px;}
.p-manuale{display:block;margin-top:15px;}
#viola-intro-section h4{font-size: 1.2em; font-weight: 400; padding-bottom:4em}
hr.prod-riga {
  border-top: 1px solid #B09EF2; margin-top:2em; margin-bottom:5em
}
h3.se-vuoto{font-size: 1.4em; font-weight: 400}

.prodotti-cont{margin-bottom: 4em}
.p-prodotti{padding-top: 0 }
.p-p-grid{padding:0px 10px;} .p-p-grid img {width:100%; padding:10%;border: 1px solid #B09EF2;-webkit-transition: border-color .2s ease-in;transition:border-color .2s ease-in; } 
.p-p-grid p {background:#B09EF2;font-size: 1.0em; font-weight: 300;color: #FFFFFF;line-height:20px;letter-spacing: 0.1em; text-align: center;margin:0;text-transform:uppercase;padding-top:16px;}
.p-p-grid h2{background:#B09EF2;font-family: 'Open Sans', sans-serif;font-size: 1.1em; font-weight: 300;color: #FFFFFF; line-height:40px; text-align: center;padding-bottom:8px;}
.p-p-grid p,.p-p-grid h2{-webkit-transition: background .2s ease-in;transition:background .2s ease-in;}
.p-p-grid:hover p,.p-p-grid:hover h2 {background:#6753B7} .p-p-grid:hover img {border-color: #6753B7;}

/* RT */
.RT-cont{padding-top: 0em;padding-bottom: 4em; background: #FFFFFF; }
.RT-cont h2{font-weight: 400;color:#1a1a1a;/*float:left;*/display:block;padding-bottom:20px; margin-bottom:35px;border-top:2px solid #B09EF2;padding-top:2em;font-size:2em; line-height: 1.5;}
.RT-cont h3{font-weight: 400;width: auto;float:left;display:block;position:relative; clear:left;font-size:1.6em;color:#B09EF2; }
/*.RT-cont h2:after {
    content:"";
    position:absolute;
    bottom:10px;
    left:0%;
    display:inline-block;
    width:100%;;
    border-bottom:#6753B7 solid 2px;
}*/


.RT-cont p.p-home {clear:left;display: block; padding: 0; margin: 0;padding-top:0px;font-size: 1.1em; line-height: 1.8;} .RT-cont p.p-home b{font-weight: 600;}
.RT-cont ul {
  margin: 15px 0 15px 0;
  padding: 0 0em;
  list-style: none;
}
.RT-cont li {margin: 5px 0;font-size: 1.1em; line-height: 1.8;letter-spacing: 0.04em;text-indent: -1.3em;margin-left: 1.3em;}
.RT-cont li:before {
  content: "";
  background: #4DF7B9;
  border-radius: 3px;
  width: 10px;height: 10px;
  display: inline-block;
  padding: 0em;
  line-height: 1.0;
  margin-right: 0.8em;
  position: relative;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.RT-v {background: #B09EF2;; padding:40px 30px;border-radius: 4px;
-webkit-box-shadow: 0px -15px 57px -20px rgba(176,158,242,0.3);
-moz-box-shadow: 0px -15px 57px -20px rgba(176,158,242,0.8);
box-shadow: 0px -15px 57px -20px rgba(176,158,242,0.8);
}

.RT-v h2{font-size: 1.4em;color: #fff}
.RT-v p {font-size: 1.2em;color: #FFFFFF; margin-bottom: 0}
.RT-offerta{margin: 0 auto; background: #4DF7B9;text-align: center;border-radius:20px; padding: 30px 40px 50px 40px;margin-top: 2em; margin-bottom:4em!important; position: relative;}
a .RT-offerta{color: #1a1a1a; font-size:1.9em;font-weight: 600; letter-spacing: 0.06em; 
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
text-shadow: rgba(255,255,255,0.2) 1px 2px 2px;	
}
.RT-offerta:before {
      content: "";
      position: absolute;
      left: 85%;
      top: 100%; margin-top: -10px;
      width: 0;
      height: 0;
      border-left: 40px solid transparent;
      border-right: 5px solid transparent;
      border-top: 50px solid #4DF7B9;    transform: rotate(-20deg);
	    -webkit-transition:  border-top 0.2s ease-in-out;
    -moz-transition:  border-top 0.2s ease-in-out;
    -o-transition:  border-top 0.2s ease-in-out;
    transition:  border-top 0.2s ease-in-out;
    }
.round-RT-circle {
  width: 150px;
  height:0;
  padding-bottom: 150px;
  border-radius: 50%;
  overflow:hidden;
  background-color:#fff; border: 2px solid #4DF7B9;margin: 0 auto; position: relative; z-index: 10; margin-top:-100px; margin-bottom:10px;
	-webkit-transition: all .2s ease-in;transition:all .2s ease-in;
}
.RT-offerta:hover{background: #6753B7;} a .RT-offerta:hover{color: #fff;} .RT-offerta:hover:before{border-top: 50px solid #6753B7;}
.RT-offerta:hover > .round-RT-circle{ border: 2px solid #6753B7; background-image:url(../images/ico-registratori.svg);transform: scale(1.1);}

.RT-cont-v{padding-top: 4em;padding-bottom: 0em/*padding-bottom: 6em*/}
.RT-cont-v p {font-size: 1.2em;}
.RT-cont-v h2{margin-bottom:15px;border-top:none;padding: 0;color:#B09EF2;}
.RT-cont-v ul{margin-top: 40px}
.RT-cont-v li{font-size: 1.3em; font-weight: 600} .RT-cont-v li span{font-size: 16px!important; font-weight:400;margin-left:25px; display: block;margin-bottom: 10px}
.RT-cont-v li{text-indent: -1.3em;margin-left: 1.3em;} .RT-cont-v li span{text-indent:0; margin-left: 0em;} 

/*.RT-cont-v:before {
  position: absolute;content: '';
  top: -3em;  bottom: -3em;
  width: 80px;
  height: 2px;
  background: #B09EF2; left: 50%; margin-left: -40px; z-index: 999;
}*/


/*---*/

#viola-mappa{background: #E5DEFF; padding-top: 3em}
.dove-siamo h2{font-weight: 400; font-size: 1.3em;text-align: center; margin-bottom:12px}
.dove-siamo h3{font-weight: 300; font-size: 1.1em;text-align: center; line-height: 1.6}


/*---*/



/* CONTATTI HOME */
#viola-contact{
  padding: 6em 0 3em 0;text-align: center
}

h3.heading-section-light {
  font-size: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  padding: 0; margin: 0;padding-bottom: 35px;
  font-weight:400;
}
.h-form{margin-top:50px; text-align: left}

#viola-contact .form-control, .p-form .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
 /* border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
  font-size:1em; letter-spacing: 0.06em; color: #1A1A1A;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;  border: 1px solid rgba(176,158,242, 1.0);
}
#viola-contact .form-control:focus, #viola-contact .form-control:active, .p-form .form-control:active, .p-form .form-control:focus {
  border: 1px solid rgba(103,83,183, 1.0);  border: 1px solid #4DF7B9
}
#viola-contact input[type="text"],#viola-contact input[type="email"] {
  height: 56px;
}
#viola-contact .form-group {
  margin-bottom: 30px;
}
.messaggio{width: 100%; height: 228px;padding-top: .675rem ;}
/*#viola-contact .btn-primary {margin-top: 10px; background: #E3001A}*/
.h-chek{float:right;margin-top: 24px;color:#585858;letter-spacing:0.06em;font-size: 0.9em; margin-right: 0}

.p-form{margin-top:30px;}
.p-form .form-group {margin-bottom:20px;}
.p-form input[type="text"],.p-form input[type="email"]{height:60px;}
.p-form .messaggio{width:100%; height:300px;padding-top: .675rem ;}
.btn-send {text-align:left;margin-top:15px;border-bottom-right-radius:20px; border-top-right-radius:20px;padding: .895rem 1.1rem; }
.p-form .h-chek{float:right;margin-top:14px;color:#585858;letter-spacing:0.06em;font-size: 0.9em; margin-right: 0;
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.h-chek{margin-top:28px;}
/* Create a custom checkbox */
.h-chek input {
  position: absolute;
  opacity: 0.0;
  cursor: pointer;
  height: 30px;
  width: 30px; margin-left: -48px;z-index: 555
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color:#fff; z-index: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;  border: 1px solid rgba(176,158,242, 1.0);
}

/* On mouse-over, add a grey background color */
.h-chek:hover input ~ .checkmark {
  background-color: #fff; border: 1px solid rgba(103,83,183, 1.0);
}

/* When the checkbox is checked, add a blue background */
.h-chek input:checked ~ .checkmark {
  background-color: rgba(103,83,183, 1.0);  border: 1px solid rgba(103,83,183, 1.0);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.h-chek input:checked ~ .checkmark:after {
  display: block;
}

.h-checkmark {left: -46px;}
/* Style the checkmark/indicator */
.h-chek .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/*MAPPA*/
.mappa {height:auto;width:100%;margin:0 auto;position:relative;overflow:hidden;padding-top:0px;}
#map {width:100%;height:500px;float:left;position:relative;padding:0px;}
.popup {text-align:left; font-size:11px;color:#1A1A1A;}
.popup p{font-size:14px;margin:0;padding:0;line-height:20px;text-align:left;} .popup p small {font-size:12px}
.popup a{color:#C20013;text-decoration: none;line-height:20px}	
.popup h2{margin:0;padding:0;}
.popup #berlin{color:#1A1A1A;margin-bottom:3px;font-size:22px;letter-spacing:1px;}



/*PAGINE*/
.justify-content-center{display: -webkit-flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.container-orizz{width:100%;max-width:1920px;margin-right: auto;margin-left: auto;}
.sf-bianco{background: #fff}.sf-nero{background: #1a1a1a} .sf-rosso{background: #E3001A}
.vetrina-p{overflow: hidden; position: relative;height:0;overflow-y: hidden;overflow-x: hidden;z-index:0;}
#viola-pagine{margin-top:6px; background: #1a1a1a;
	
}
/*#viola-pagine .titolo{background:rgba(0,0,0,0.95);width:100%;text-align:left;}
#viola-pagine h1{ width:100%;max-width: 1400px; margin: 0 auto;text-align:center; padding:50px 0 50px 15px; color: #FFFFFF;}*/

.row-page{width:100%;max-width: 1400px;padding:80px 0px;margin-right: auto;margin-left: auto;}
.row-mappa{width:100%;max-width:none;padding:80px 0px 80px 0px;margin-right: auto;margin-left: auto;}

.row-mappa iframe{ background-color: #C20013;
-webkit-box-shadow: 10px 27px 78px -5px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 10px 27px 78px -5px rgba(0, 0, 0, 0.57);
  box-shadow: 10px 27px 78px -5px rgba(0, 0, 0, .57);
}




#viola-start-project-section h2 {
  color: white;
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #viola-start-project-section h2 {
    font-size: 30px;
  }
}
#viola-start-project-section a:hover, #viola-start-project-section a:focus, #viola-start-project-section a:active {
  color: white !important;
}
#viola-page{position: relative;z-index: 2; margin-bottom: 470px;background: #FFFFFF;border-bottom: 1px solid #E5DEFF; }

#footer {
  background:#FAFAFA; 
  padding-top: 80px; overflow: hidden;	
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 470px; 
}
.foo-cont{padding: 0px;margin-right:0px; }
.foo-logo{text-align:left; margin-bottom: 30px}
#footer h4 {margin: 0; line-height: 2;font-size:1.2em; font-weight: 400; }
#footer p {
  color:#1A1A1A; 
  letter-spacing:0.06em;
  font-size:1.05em; line-height: 2; display: block; margin: 0;font-weight: 300;
}
#footer h4 span::after{content: "-"} #footer .col-foo6 p .slash::after{content: "/"}
#footer p a {color: #1A1A1A;} #footer p b {font-weight: 400;}
#footer p span {color: #B09EF2; font-weight: 600;} .chiusura{ margin-left: 10px}
#footer p .stanghetta:before{content: "|"} #footer p span.acapoM:before{content: ""}

#footer .foo-menu {margin-top: 20px}
#footer .foo-menu ul {
  margin: 0.75em 0 0 0;
  padding: 0 0em;
  list-style: none;
}
#footer .foo-menu li a {line-height: 2;color:#666} #footer .foo-menu li a:hover {color:#6753B7!important}
#footer .foo-menu li:before {
  content: "";
  background: #4DF7B9;
  border-radius: 3px;
  width: 10px;height: 10px;
  display: inline-block;
  padding: 0em;
  line-height: 1.0;
  margin-right: 0.8em;
  position: relative;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
#footer .foo-menu li:hover:before {background:#B09EF2}
#footer .foo-veritas{margin-top:35px;text-align: right; padding: 0!important} #footer .foo-veritas img{width:100px; height: auto}
#footer .foo-piede {text-align: left;margin-top: 40px}#footer .foo-piede p{font-size: 0.9em; color: #4E4E4E; } #footer .foo-piede p span{color: #B09EF2;margin-left: 0px;margin:0 5px}
#footer .foo-piede p .stanghetta:before{content: "-";color: #B09EF2;} #footer .foo-piede p span.acapoM:before{content: ""}


.js .to-animate, .js
.to-animate-2, .js
.animate-box,.animate-left,.animate-right,.animate-fade {
  opacity: 0;
}

#viola-wrapper {
  overflow-x: hidden;
  position: relative;
}

#viola-page {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.viola-offcanvas #viola-page {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (max-width: 1024px) {
  #viola-menu-wrap {
    display: none;
  }
}
/*MENU link a dx */
#offcanvas-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: #6753B7 url(../images/v-viola.svg) top left no-repeat;
 /* right: -240px;width: 240px;*/right: -100%;width:100%;
  padding: 20px; height: 100vh;
	 display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
}
.chiudi{position:absolute;top:10px;left:23px; width:40px; height:40px;z-index:999;display:none} 
.chiudi:before{content: "\00d7";
color: #fff;
font-weight: 400;
font-family: Arial, sans-serif;font-size:40px}

#offcanvas-menu ul {
  padding: 0;
  margin: 0;  
}

#offcanvas-menu ul li {
  padding: 0;
  margin: 0 0 2vh 0;
  list-style: none; text-align: center;        
}
#offcanvas-menu ul li a {
  font-size:5vh;
  color: rgba(255, 255, 255, 0.9);
}
#offcanvas-menu ul li a:hover {
  color: #6753B7;
}
#offcanvas-menu ul li > .viola-sub-menu {
  margin-top: 19px;
  padding-left: 0px;
}
#offcanvas-menu ul li.active > a {
  color: #4DF7B9;
}
/*--BARRA MENU in PAGE Scroll FIXED--*/
#viola-header.navbar-fixed-top {
  position: fixed !important;
 
  -webkit-box-shadow: 0 0 11px 0 rgba(103,83,183, 0.2);
  -moz-box-shadow: 0 0 11px 0 rgba(103,83,183, 0.2);
  -ms-box-shadow: 0 0 11px 0 rgba(103,83,183, 0.2);
  box-shadow: 0 0 11px 0 rgba(103,83,183, 0.2);
  top: 0;
  left: 0px;width: 100%; /*border-bottom: 1px solid #C20013;*/
}
#viola-header.navbar-fixed-top #viola-header-section {
  padding: 0;
  position: relative;
  top: 0%;
  left: 0;
  width: 100%;
  z-index: 2;
  padding-top: 0px; background: #B09EF2;height:85px;
}
.logo-fix {display: none}
#viola-header.navbar-fixed-top .logo-menu {display: none} #viola-header.navbar-fixed-top .logo-fix {display: block}
#viola-header.navbar-fixed-top #viola-logo {margin-top: 15px;}
#viola-header.navbar-fixed-top #viola-logo img{height: 50px; width: auto;}
#viola-header.navbar-fixed-top #viola-header-section{}
#viola-header.navbar-fixed-top #viola-menu-wrap{}
#viola-header.navbar-fixed-top #viola-menu-wrap .sf-menu a {/*padding:5px 0.0em 5px 0.0em;margin-top:0px;*/margin-top:8px;padding-left:0!important;padding-right:2.5vw!important;}
#viola-header.navbar-fixed-top .sf-menu a {color: #fff;}
#viola-header.navbar-fixed-top .sf-menu a:hover, #viola-header.navbar-fixed-top .sf-menu a:focus {color: #4DF7B9 !important;}
#viola-header.navbar-fixed-top .sf-menu li.active a{color: #6753B7!important}
#viola-header.navbar-fixed-top #viola-primary-menu .viola-sub-menu a{padding:0px 0.0em 0em 0.0em; color: #fff!important;}
#viola-header.navbar-fixed-top #viola-primary-menu .viola-sub-menu a:hover {color: #1A1A1A !important;}

#viola-header.navbar-fixed-top #viola-menu-wrap .sf-menu .instagram{margin-top: -3px;padding-left:13px!important;}
#viola-header.navbar-fixed-top #viola-menu-wrap .instagram a {padding-left: 0!important;padding-right: 0!important;padding-bottom: 0!important;height:50px!important;overflow: hidden;width: 27px}

#viola-header.navbar-fixed-top #viola-menu-wrap .instagram svg path{fill:#fff !important;}
#viola-header.navbar-fixed-top #viola-menu-wrap .instagram:hover svg path {fill:#6753B7!important; }


/*	@media screen and (max-width: 1024px) {
		#viola-header.navbar-fixed-top {height: 70px;}
		#viola-header.navbar-fixed-top #viola-logo {background-position: center;background-repeat: no-repeat; background-size:contain}
		#viola-header.navbar-fixed-top #viola-main-nav {line-height:70px;}
		
		#viola-header.navbar-fixed-top .icomenu{display:block;float:left;height:inherit;position: relative;right:0px}
		#viola-header.navbar-fixed-top .icomenuQ{display:inline-block;position: relative; overflow: hidden;float:left;
		   height: 70px;width:70px;line-height:70px; 
		}
		#viola-header.navbar-fixed-top .icomenuQ a{font-size:22px;}
		#viola-header.navbar-fixed-top .icomenuQ a:hover{background: #46403E;color: #fff;}
		#viola-header.navbar-fixed-top .icomenuQ a.border-bot{border-bottom:none;border-right: 1px solid #3b601e;}
	}*/
/*	@media screen and (max-width:1440px) {
		#viola-header.navbar-fixed-top #viola-main-nav ul li ul{margin-top:-2px;}
		#viola-header.navbar-fixed-top #viola-main-nav ul li:hover > ul {margin-top:-2px!important;}
		
	}*/

/*MENU MOBILE*/
.viola-nav-toggle {
  cursor: pointer;
  text-decoration: none;
}
.viola-nav-toggle.active i::before, .viola-nav-toggle.active i::after {
  background: #6753B7;
}
.viola-nav-toggle.dark.active i::before, .viola-nav-toggle.dark.active i::after {
  background: #6753B7;
}
.viola-nav-toggle:hover, .viola-nav-toggle:focus, .viola-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.viola-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: 2px;
  color: #6753B7;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #6753B7;
  transition: all .2s ease-out;
}
.viola-nav-toggle i::before, .viola-nav-toggle i::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #6753B7;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.viola-nav-toggle.dark i {
  position: relative;
  color: #000;
  background: #000;
  transition: all .2s ease-out;
}
.viola-nav-toggle.dark i::before, .viola-nav-toggle.dark i::after {
  background: #6753B7;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.viola-nav-toggle i::before {
  top: -7px;
}

.viola-nav-toggle i::after {
  bottom: -7px;
}

.viola-nav-toggle:hover i::before {
  top: -10px;
}

.viola-nav-toggle:hover i::after {
  bottom: -10px;
}

.viola-nav-toggle.active i {
  background: transparent;
}

.viola-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.viola-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.viola-nav-toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: block;
  margin: 0 auto;
  display: none;
  cursor: pointer; 
}
@media screen and (max-width: 1024px) {
  .viola-nav-toggle {
    display: block;
    top: 0px;
    margin-top:12px;
  }
  .chiudi{ display: block;}
	.navbar-fixed-top .viola-nav-toggle {margin-top:24px;}
}
@media screen and (max-width: 578px) {
	.viola-nav-toggle {margin-top:12px;}
}
@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.row-bottom-padded-lg {
  padding-bottom: 7em;
}
@media screen and (max-width: 1024px) {
  .row-bottom-padded-lg {
    padding-bottom: 2em;
  }
}

.row-top-padded-lg {
  padding-top: 7em;
}
@media screen and (max-width: 1024px) {
  .row-top-padded-lg {
    padding-top: 2em;
  }
}

.row-bottom-padded-md {
  padding-bottom: 4em;
}
@media screen and (max-width: 1024px) {
  .row-bottom-padded-md {
    padding-bottom: 2em;
  }
}

.row-top-padded-md {
  padding-top: 4em;
}
@media screen and (max-width: 1024px) {
  .row-top-padded-md {
    padding-top: 2em;
  }
}


.row-bottom-padded-sm {
  padding-bottom: 2em;
}
@media screen and (max-width: 1024px) {
  .row-bottom-padded-sm {
    padding-bottom: 2em;
  }
}

.row-top-padded-sm {
  padding-top: 2em;
}
@media screen and (max-width: 1024px) {
  .row-top-padded-sm {
    padding-top: 2em;
  }
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.lead {
  line-height: 1.8;
}

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.viola-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/logo-viola.svg) center no-repeat #222222;
}


/*GENERALI*/
.max-nowrap{flex-wrap:nowrap}




/*MEDIAQ*/

@media screen and (max-width: 1439px) {
	/*.container-full{width:100%;}*/
	.container-fluid {padding-right:50px;padding-left:50px;}
	.container-orizz{padding-right:20px;padding-left:20px;}
	.cosa-facciamo,.materiale-consumo{padding-right:35px;padding-left:35px;}

}
@media screen and (max-width: 1366px) {
	#viola-logo {/*width: 25%;*/ } #viola-logo img {/*width:auto; height:80px*/}
	#viola-header-section{/*height:140px;*/} #viola-menu-wrap .sf-menu a {/*padding:65px 0.0em 1em 0.0em;*//*margin-top: 55px;*/font-size:1.0em;}
	#viola-primary-menu .viola-sub-menu a{padding:0px 0.0em 0em 0.0em;}
/*	#viola-header.navbar-fixed-top #viola-header-section{height:inherit;background: transparent;}*/
	
	.col-foo6{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} 
	.col-foo3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} 
	.col-foo2{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} 
	.col-foo1{}
	
	
	/*.vetrina{top:140px;padding-bottom:33.1%;padding-bottom:27.6%;}
	.vetrina iframe{ 
		top: 0;
		left:-12%;
		width:120%;
		height:120%; 		left:0%;width:100%;height:100%;
	}*/
	.introtitolo{ padding: 3.0em 0 4em 0!important}
	p.enfasi{font-size:1.2em;}
	#a-foto-section h4{padding: 25px 60px}
	.col-prod-titolo{-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width:60%;}
	.col-prod-icone{-webkit-box-flex: 0;-ms-flex: 0 0 calc(40% - 50px);flex: 0 0 calc(40% - 50px);max-width:calc(40% - 50px);}
	
	
	.h-chek{float:none;width:auto; display: block;margin: 0 auto;margin-top:34px;padding-bottom:34px}
	.form-check-label{text-align: right!important;width:auto; } 
	.h-form-check-label{text-align: left!important;width:calc(100% - 50px); margin-top: 0px;float: right;}
	.p-form .h-chek{float:inherit;margin-top:0px;text-align:right;padding-left:0px;}
	
	
	.h-checkmark {left:0%; margin-left:0px}
	.h-chek input {opacity: 0.0;margin-left:0;margin-left:0px; left: 0}
	.h-chek-cc input {/*opacity: 0.0;left: 50%; margin-left: -15px;*/}


}
@media screen and (max-width: 1280px) {
	/*#viola-header-section{height:130px;}.vetrina{top:130px;}#viola-pagine{margin-top:130px;}
	#viola-header.navbar-fixed-top #viola-header-section{height:inherit;background: transparent;}
	#viola-logo {width:30%;} #viola-logo img {width:100%; height:auto}
	#viola-menu-wrap .sf-menu a {margin-top:50px}#viola-primary-menu .viola-sub-menu a{padding:0px 0.0em 0em 0.0em;}
    .sf-menu a {padding: .75em 1em;font-size:1.0em;}*/
	/*.form-h{text-align: center}*/
	#footer h4 {font-size:1.1em;}#footer p {font-size:0.9em;} #footer .foo-piede p{font-size:0.8em;}
	
	.ico-m{width:50px;padding-bottom:50px;}
	.prod-titolo{font-size: 2.7vw}
	
.sf-menu li,
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu li:hover,
.sf-menu li.sfHover {
 margin-left:0px;margin-right:0px;
}


}
@media screen and (max-width: 1110px) {
	
	/*#viola-header{height: 0px;}#viola-header-section{height:0px;}.vetrina{top:110px;}#viola-pagine{margin-top:110px;}
	#viola-header.navbar-fixed-top #viola-header-section{height:inherit;background: transparent;}
	#viola-logo {width:25%;} 
	#viola-menu-wrap .sf-menu a {padding:45px 0.0em 1em 0.0em;}.sf-menu a {font-size:1.0em;}#viola-primary-menu .viola-sub-menu a{padding:0px 0.0em 0em 0.0em;}*/
	
	/*.p-form .h-chek{padding-left:40px; margin-left:20px;}
	.p-form .h-chek .form-check-label{text-align:left!important}*/
	.h-checkmark {margin-top: 10px}
	.h-chek input {margin-top: 10px}
	
	.col-p-txt{	-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%}
	h3.ev-page-p{width:100%;}


}
@media screen and (max-width: 1024px) {	
	

	#viola-header{top: 0px;background: #fff} 
	#viola-header-section{height:100px; padding: 20px 0; background: #E5DEFF;}
	#viola-logo {}  #viola-logo img{max-height:60px;}
	#viola-page{position: relative;z-index: 2; margin-bottom:0px;}
	
	#viola-intro-section{}.h-servizi{margin-top:80px;}
		
	.viola-header-section-p{/*height:100px;*/}
	.vetrina{top:100px;width:100%;height:100%; padding-bottom:calc(21.6% + 50px); /* 530:1920 */margin-bottom:0px;} #viola-pagine{margin-top:0px;}
	.vetrina-p{height:100px;}	
	.vetrina iframe{left:-120px;width:calc(100% + 280px);height:calc(100% + 280px);}
	.pagine{top:100px;padding-top:4em!important;}
	
	.h-rett-servizi-txt{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	.h-rett-servizi{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	.btn-servizi{max-width:inherit;text-align:left;margin-top:45px; margin-bottom:45px;border-bottom-right-radius:20px; border-top-right-radius:20px;}
	
	.assistenza-txt{font-size:3vw;line-height:1.3;margin-left: 20px }
	.h-assistenza-dx{text-align:right}
	
	#a-foto-section h4{font-size:1.4em;padding: 40px 60px;line-height:1.8}
	.certificazione{margin-top:0px}.certificazione span img{display: block; margin-bottom: 10px}
	.p-colori {width:40px;height:40px; width:5vw;height:5vw;line-height:40px;margin-right:0.8vw;}
	.p-depliant{max-width:inherit; width:80%; white-space:nowrap; font-size: 1.7vw;}
	
	.col-p-txt{	-ms-flex: 0 0 95%;flex: 0 0 95%;max-width: 95%} .p-prodotti{padding-top:0!important;}
	.p-p-grid{	-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
	
	
	#footer {padding-top: 80px; padding-bottom: 50px;position: relative;bottom: 0;height:auto;}	
	#footer p span{white-space: nowrap;}  #footer .foo-veritas img{width:60px;}  .chiusura{ margin-left: 0px}
	
	.plax {background-color: #E5DEFF;} .ovale{background: rgba(176,158,242,0.2);}
	.plax .image{display: none;overflow: hidden; /*min-height: 100%!important;-webkit-background-size: cover; -moz-background-size: cover;  background-size: cover; height: 100%;*/ }
	
/*	.plax .image:after{
      content:"";
      position:absolute; 
      top:0;
      height:100%; 
      left:0;
      right:0;
      z-index:-1; 
      background-image: url(../images/righe-sfondo.png)  center top;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
	}*/
}
@media screen and (max-width: 992px) {
		
	.col-foo6{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} 
	.col-foo3{-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%} 
	.col-foo2{-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%} 
	.col-foo1{-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	
	#footer{text-align: left;}
	#footer .foo-veritas{margin-top:35px; } #footer .foo-veritas img{width:80px;}
	
	/*#footer p {float: none;}*//* .foo-logo{text-align:center;margin-top: 15px} .foo-logo img{width:100%;max-width:317px;height:auto}*/
	#footer .foo-piede p{font-size:0.9em;text-align: left}
	#footer .foo-piede p .acapo1:before{content: "";display: block; padding: 0!important; margin: 0!important; }
	#footer .foo-piede p span{margin:0 0px} .chiusura{ margin-left: 10px}
	
	.preventivo .immagine{background-position: 50% 50%!important;}
	.preventivo .banda .b-left {margin-bottom:20px;font-size:4.23vw;}
	.preventivo .banda .b-center {margin: 0;font-size:4.23vw;}
	.preventivo .banda .b-right {} .preventivo .b-right .btn-lg {padding-left:25px;padding-right:25px; font-size:1.0em;}
	
	
	h2.h-titolo{font-size: 30px;padding-bottom:55px;}
	h2.h-titolo span{padding: 16px 16px;}
	.h-facciamo-txt{line-height:1.8;}p.enfasi{font-size:1.0em;}
	.h-materiale-image img{max-height:220px;margin-top:-0px;}
	
	.assistenza-txt{margin-left:10px} .assistenza-ico {padding-right: 0;} .assistenza-ico img {width: 100%;}
	.btn-assistenza{max-width:inherit;font-size:1.7vw; text-align: left;}
	
	.p-cont{padding-bottom:2em;}
	.col-prod-titolo{-ms-flex: 0 0 calc(100% - 30px);flex: 0 0 calc(100% - 30px);max-width:calc(100% - 30px);}
	.col-prod-icone{-ms-flex: 0 0 calc(100% - 15px);flex: 0 0 calc(100% - 15px);max-width:calc(100% - 15px); margin-top:25px;}
	.prod-titolo{font-size: 4.5vw; text-align: right}
	.p-color,.p-dim{padding: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}  .p-color{order:2; margin-top:30px; padding-bottom: 5em}.p-dim{order:1}
	.prod-scheda{flex-wrap: wrap;padding: 0}
	.p-depliant{max-width:inherit; width:50%; font-size: 1.2em;}
	.col-p-txt,.col-p-img{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 0;}  .col-p-img{ margin-top:0px; margin-bottom:40px} .col-p-img img{width: 50%}
	hr.prod-riga {margin-top:4em; margin-bottom:5em} 	.p-colori {width:6vw;height:6vw;line-height:40px;margin-right:1.0vw;}

}

@media screen and (max-width: 768px) {
	
	.preventivo .banda{padding: 30px 0}.preventivo .banda .b-left,.preventivo .banda .b-center {font-size:5.3vw;}
	
	.vetrina{width:100%;height:100%; padding-bottom:45.5%; /* 530:1920 */;margin-bottom:0px;}
	.vetrina iframe{left:0%;width: 100.0%!important;height:100%;  max-width: 100% !important;}
	
	.viola-header-section-p{/*height:100px;*/}
	
	h2.h-titolo{font-size: 28px;}
	.h-facciamo-image {} .h-facciamo-image img{max-height:200px;margin-top:-0px;}
	.plax .stuff {padding: 4em 0; }
	
	.h-rett-servizi-Q{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-top: 40px!important;padding-bottom:40px!important; }
	.h-rett-servizi-S-txt p{font-size:1.1em;}
	.Q-pd30t{padding-top: 40px!important;padding-bottom:40px!important;}
	.Q-pd0b{padding-top: 40px!important;padding-bottom:40px!important;}
	.Q-pd30b{padding-top: 40px!important;padding-bottom:40px!important;}
	.Q-pd30l{padding-left:0px!important;}
	.border-dx{border-right:none!important}
	
	#a-foto-section h4{font-size:1.6em;}
	.col-a-txt{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	.col-a-60 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.coccarda{width: 250px;height:auto; float: inherit;margin-top:40px;}
	.a-fotoflex{flex-wrap: wrap}
	.a-foto{box-sizing: border-box;margin-bottom:40px;width: 100%;}
	
	.p-p-grid{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
	
 	#viola-intro-section h4 {line-height: 1.6;}#viola-intro-section h4 a{font-size: 1.3em;}
	
}

@media screen and (max-width: 640px) {
	
	#footer p {font-size:2.5vw;}
	#footer .foo-menu li a {font-size:2.5vw!important;}
	
	.max-nowrap{flex-wrap:wrap} 
	
	
	.h-facciamo-txt {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;flex-basis:100%;  padding-right:0px;}
	.h-facciamo-image {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
	.h-materiale-image {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; order: 2}
	.h-materiale-txt {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; order: 1;flex-basis:100%;padding-left:15px;text-align:left;}
	.ovale{max-width:250px;right:0px} .ovale2{max-width:250px;}
	
	 h2.h-titolo{padding-bottom:25px;font-size:7vw!important;}h2.h-titolo span{display:block;background:transparent;color: #B09EF2;  padding: 6px 0px;}
	
	.col-ass-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
	.h-assistenza-sx{-ms-flex-wrap: wrap!important;flex-wrap: wrap!important} 
	.assistenza-ico, .assistenza-txt {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; text-align: center;padding: 0} 
	.assistenza-ico img{max-width: 120px;}
	.assistenza-txt{margin-left:0px;margin-top:30px;font-size:4.2vw;}  .h-assistenza-dx{text-align:center; margin-top: 30px}
	.btn-assistenza{font-size:2.5vw;}
	
	h1.ev-page,h3.ev-page{font-size:2em; width:100%;}
	
.p-prodotti .h-rett-servizi-S-txt h1, .h-servizi .h-rett-servizi-S-txt h1{font-size:6.4vw; }



.colS {
    display: inline-block;
    position: relative;
    width: calc(100% - 100px);
    margin: 0% 50px 20px 50px; 
    padding: 0;
    background-color: transparent;
    border-top: none;	
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important
  }


/*.circleS .ico-progettazioneS{ background-image: url(../images/ico-progettazione.svg);background-position: 50% 50%; background-repeat: no-repeat; background-size:50%;}
.circleS .ico-realizzazioneS{ background-image: url(../images/ico-realizzazione.svg); background-position: 52% 50%; background-repeat: no-repeat; background-size:34%}
.circleS .ico-gestioneS{ background-image: url(../images/ico-gestione.svg); background-position: 52% 50%; background-repeat: no-repeat; background-size:40%}
.circleS .ico-efficienzaS{ background-image: url(../images/ico-efficienza.svg); background-position: 52% 48%; background-repeat: no-repeat; background-size:49%}
	.p-impianti{padding-bottom:20px; margin-bottom: 40px; margin-top:0px;} .p-impianti-last{margin-top: 0px;	}
	.p-impianti:before{display: none}
.viola-blog {height: calc(345px + 0px);}*/
	
}
@media screen and (max-width: 576px) {
	.container-fluid {padding-right:30px;padding-left:30px;}
	.cont-header{padding-right:30px;padding-left:20px;}
	#viola-header{top: 0px;background: #fff} 
	#viola-header-section{height:80px;padding:10px 0;}
	#viola-logo {margin-top:0px; /*padding-left: 20px;*/padding-left:10px;} #viola-logo img{max-height:40px;width: auto;}
	.viola-header-section-p{height: 80px!important;}
	.vetrina{top:80px;width:100%;height:100%;padding-bottom:100%!important;}
	.vetrina iframe{left:0%;width: 100.0%!important;height:100%;  max-width: 100%!important;}
	.vetrina-p{height:80px;}
/*
	.vetrina iframe{ left:0%!important;
	-ms-transform: scale(0.196);	
	-moz-transform: scale(0.196);
    -o-transform: scale(0.196);
	 -webkit-transform: scale(0.196);
		 transform: scale(0.196);
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width:100.0%;
	}*/
	 #viola-pagine{margin-top:0px;}
	.introtitolo{ padding: 1.5em 0 4em 0!important}
	
	.pagine{top:80px;padding-top:3em!important;}
	#a-foto-section h4{border-radius: 40px}
	.RT-cont h2{border-top:none;padding-top:1em;}
	.periodica img{display: block; margin-bottom: 11px; width:40px;}
	.btn-send {text-align:left; width: 100%;}
	
	.p-cont{}
	/*.p-cont-catalogo{height:310px; padding: 30px 0;background:#B09EF2;margin-bottom: 60px; margin-left: 0px; margin-right: 0px; 
		border-bottom-left-radius:20px;border-bottom-right-radius:20px }*/
	
	.p-cont-catalogo{height:310px; padding: 30px 0;margin-bottom:60px;margin-left:0px;margin-right: 0px;margin-top: -30px}
	
	.col-prod-titolo{padding:0em;border-radius: 0px;background:none }
	.prod-titolo{font-size:8vw;white-space:normal;text-align:center;line-height: inherit; display: block;width:100%;height: auto;overflow: hidden; margin: 0; color: #B09EF2}
	.round-prod-circle{display: block!important; width: 130px; padding-bottom:130px;float: inherit; margin: 0 auto 20px auto;border:1px solid #6753B7;background-color:rgba(229,222,255,0.4)}
	.col-prod-icone{display: none}
	
	.col-p-img img{width:100%}
	.p-colori {width:10vw;height:10vw;line-height:10vw;margin-right:1.5vw;}
	.p-depliant{width:100%; font-size: 1.2em;}
	.p-p-grid{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
	
	
	h1.heading-section,h3.heading-section {line-height: 1.5}.innovazione h4 {font-size:140%;line-height: 1.4}
	h2.h-titolo{font-size:4.8vw;}
	
	.h-servizi{padding-bottom:20px!important;padding-top:4em!important;}.h-rett-servizi-txt{text-align:left; padding-right:10px;}
	.h-rett-servizi-Q{-ms-flex-wrap: wrap!important;flex-wrap: wrap!important;}
	.h-rett-servizi-S-ico{flex-basis:40%;}
	.h-rett-servizi-S-txt{-webkit-box-flex: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;flex-basis:100%;padding-left:0px; padding-right:0px; margin-top: 25px}
	.h-rett-servizi-S-txt p{margin: 0!important;}
	
	
	#footer p {font-size:2.9vw;}
	#footer .foo-menu li a {font-size:2.6vw!important;}
	#footer .foo-menu  {padding-top:20px;}
	
	#footer .foo-piede p .acapo2:before{content: "";display: block;padding:0!important;margin:0!important; }
	
	/*#footer p span{display: block; margin: 0!important}#footer p span:before{content: ""}*/
	 #footer .foo-veritas {margin-top: 50px} #footer .foo-veritas img{width:60px;}
	.foo-piede p{font-size:2.4vw!important;}


	.row-mappa{width:100%;padding:40px 0px 80px 0px;margin-right: auto;margin-left: auto;}
	.row-mappa iframe{height: 500px!important}
	.p-txt2 li{padding-left: 0px}
	
	.RT-cont-v{padding-top: 2em;padding-bottom: 2em;} .RT-offerta{margin-top:1em;}
	.RT-offerta:before { left: 70%;} 
	
	.btn-assistenza{max-width:100;text-align:center;font-size: 1.1em;}
	.assistenza-txt{font-size:4.8vw;line-height: 1.8}
	.heading-section-light{line-height: 1.5}

}


@media screen and (max-width: 480px) {	
	.col-foo6{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} 
	.col-foo3{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} 
	.col-foo2{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} 
	.col-foo1{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} 
	#footer h4 {font-size:5.5vw;} #footer p {font-size:4.9vw;}
	#footer h4{line-height: 1.6; margin-bottom: 12px}#footer h4 span::after{content: ""; display:block} 
	#footer .col-foo6 p b{display: block} #footer .col-foo6 p .slash::after{content: ""; display:block} #footer p span {margin:0 0 0 0px}
	
	#footer .foo-menu li a {font-size:3.0vw!important;} #footer .foo-piede p {font-size:2.6vw!important;}
	#footer .foo-veritas {text-align:left; margin-left: 15px; margin-top:40px} #footer .foo-veritas img {width: 80px}
	h2.h-titolo{font-size:8vw!important;}	
	h1.ev-page,h3.ev-page{font-size:1.6em;font-weight:400!important; color:#6753B7;}
	.RT-cont-v ul { }.RT-cont-v li{font-size: 1.2em;text-indent: -1.3em;margin-left: 1.3em;} .RT-cont-v li span{text-indent:0; margin-left: 0em;} 
}

@media screen and (max-width: 380px) {	 
	#footer h4 {font-size:5.3vw;} #footer p {font-size:4.9vw;}
	#a-foto-section h4{font-size:1.3em;}
	h1.ev-page,h3.ev-page{font-weight:400!important; color:#6753B7;font-size:1.3em; }
	
}



/*@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
	and (-webkit-device-pixel-ratio : 3) {
		.vetrina iframe{}
}*/

/* COOKIE */
.biscotto{position: fixed; top: auto !important; bottom: 0px !important;z-index:100!important; border-top: 4px solid #4DF7B9!important;
	background-color:#6753B7;font-weight:400;font-size:1.1em;padding:25px 5% 25px 5% !important;letter-spacing: 0.08em;
	text-align: left!important; line-height:30px;box-shadow: 0px 1px 30px 0 rgba(155, 155, 155, 0.2);width: 100%!important; overflow: hidden; display:none;
}
.biscottotxt {margin: 0 auto; text-align: center}
.biscotto h5{font-size:1.3em;font-weight:600;color:#fff; margin: 10px 0}
.biscotto p{font-size:1.1em!important;font-weight:400;color:#fff}

.biscotto p a {color:#4DF7B9!important;white-space: nowrap;} .biscotto p a:hover {color:#E5DEFF!important}
.coo-puls {padding: 10px 0; margin-top: 10px; text-align: center}
.biscotto .coo-puls .coo-accetto,.biscotto .coo-puls .coo-rifiuto{background-color:#4DF7B9!important;
/*border: 1px solid rgba(0,0,0,0.5)!important;*/ color: #1a1a1a!important; margin: 0 5px;line-height:35px !important;text-align:center;padding:7px 14px;display: inline-block; min-width: 150px;
text-decoration:none;font-size:1.0em;font-weight:400;  
}
.biscotto .coo-puls .coo-accetto:hover,.biscotto .coo-puls .coo-rifiuto:hover{background-color:#B09EF2!important;color: #fff!important;cursor: pointer!important;}
.avviso-cook{width: 100%; display: block; text-align: center; padding: 20px 0; letter-spacing: 0.05em; color: #4DF7B9; font-size: 14px}
.sparisci{/*display: none;z-index:-1;*/ opacity:1.0;z-index:1!important;display: none!important}

@media (max-width: 375px) {
	.biscotto{padding:16px 6% 16px 6% !important;}
	.biscotto .coo-puls .coo-accetto,.biscotto .coo-puls .coo-rifiuto{margin-top: 10px;}
}

.viola-animated { /*durata comparsa menu in page*/
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Recatpcha v3INVISIBILE*/
.grecaptcha-badge { 
    visibility: hidden;
}