/*.transition-property (@p; ...) when (@p = transform) {
   @value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
    -webkit-transition-property:    ~"-webkit-@{value}"; 
       -moz-transition-property:    ~"-moz-@{value}";
        -ms-transition-property:    ~"-ms-@{value}";
         -o-transition-property:    ~"-o-@{value}";
            transition-property:    @value; 
}*/

@media (min-width:768px) {
.natale2017 {z-index:9999;position:absolute; top:70px; margin-top:0px;text-align:center;height:auto; width:100%; background:#b3152c} .natale2017 img {max-width: 100%;height:auto;text-align:center;}	
}
@media (max-width:767px) {
.natale2017 {z-index:9999;position:absolute; top:70px; margin-top:-2px;text-align:center; height:auto; background:#b3152c} .natale2017 img {width:100%;height: auto;text-align:center;}
}

/* PROGRESS BAR E-COMM */
input {
    padding: 2px;
    text-align: left;
    border: 1px solid #ccc;
}
input[type=submit] {    
    text-align: left;
}
.progress-bar {
    background-color: #1a1a1a;
    height: 50px;
    padding: 5px;
    width:100%;
    margin: 60px 0;
    text-align:left;           
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;            
    -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}
.progress-bar span 
{
    display: inline-block;
    height: 40px;
    width: 25%;
            
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
            
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

    background: rgb(1,182,178);
    background: linear-gradient(bottom, rgb(1,182,178) 39%, rgb(27,219,214) 70%, rgb(54,255,255) 85%);
    background: -o-linear-gradient(bottom, rgb(1,182,178) 39%, rgb(27,219,214) 70%, rgb(54,255,255) 85%);
    background: -moz-linear-gradient(bottom, rgb(1,182,178) 39%, rgb(27,219,214) 70%, rgb(54,255,255) 85%);
    background: -webkit-linear-gradient(bottom, rgb(1,182,178) 39%, rgb(27,219,214) 70%, rgb(54,255,255) 85%);
    background: -ms-linear-gradient(bottom, rgb(1,182,178) 39%, rgb(27,219,214) 70%, rgb(54,255,255) 85%);
    
    background: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.39, rgb(1,182,178)),
    	color-stop(0.7, rgb(27,219,214)),
    	color-stop(0.85, rgb(54,255,255))
    );

    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
/* PROGRESS BAR E-COMM */


html, body {
	height: 100%;
	text-decoration: none;
}
.hide-text {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.at {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.clearfix {
  *zoom: 1;
}

.lsn {
  list-style: none;
}
.inline ul li{
  display:inline-block;
}
.clientsForm li{
  text-align:left;
  font-size:18px;	
  padding-bottom:10px;
  display:inline-block;
  width:70%;
}
.clientsForm li input{
  height:25px;
  text-align:left;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: top;
}
:focus {
  /* remember to define focus styles! */
  outline: 0;
}
img {
  border: 0 none;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

html {
  background: #ffffff;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-rendering: optimizeLegibility;
}
.mover {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align:center;
	overflow: auto;
	width: 1100px;
	margin: 0px 0px -200px; /* the bottom margin is the negative value of the footer's height */
}
.mover, .push {
	height: 200px; width:100%; /* .push must be the same height as .footer */
}
.mover {
	position: relative;
	width: 100%;
	text-align:center;
}
.footer {
	position: relative;
	width: 100%;
}

body {
  background: white;
  font-family: "helvetica", Arial, sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.384615385;
  padding-top: 56px;
  color:#333333;
  position: relative;
  text-decoration: none;
}
a {
  text-decoration: none;
  color: #0182b7;
}
.menu {
	text-align:center;
	margin:10px 0px 0px 0px;
	height:60px;	
}
	.menu ul{
	height:12px;
	}
	.menu li {
  text-decoration: none;
  display:inline; 
  margin:0px 8px 0px 8px; 
  font-size:13px; 
  color:#222222;
  font-family: "Helvetica", "Arial", sans-serif;
  letter-spacing: -0px;  
  font-weight:500; 
  width:80px;
	}
	.menu li a {
  color:#222222;
  font-weight:600;
	}
	.menuImg li{
  padding:5px;
  text-align:center;
	}
	.verde a{
    font-weight:600;
    color:#8bb800;
  }  
  .btnMenuOn {
     color:#ff6600;
     font-weight:500;
  }     
.btn {
  font-weight: 400;
  font-family: "helvetica", "Arial", sans-serif;
  color: #ffffff;
  min-width:150px;
  font-size:18px;
  padding: 5px 15px 5px 15px;
  border: 2px solid #ec4901;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  background: #ec4901;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#ec4901), color-stop(#ff7700));
  background-image: -webkit-linear-gradient(top, #ec4901, #ff7700);
  background-image: -moz-linear-gradient(top, #ec4901, #ff7700);
  background-image: -o-linear-gradient(top, #ec4901, #ff7700);
  background-image: linear-gradient(#ec4901, #ff7700);
}
.btnBanner {
  padding:12px;
  text-align:center;
  min-width:300px;
  font-weight:600;
  font-size:24px;  
  margin-top:-25px;
}

.btn a {
  font-weight: 600;
  font-family: "helvetica", "Arial", sans-serif;
  color: #ffffff;
  font-size:18px;
  text-align: center;  
}

.btn .btn-on-bg {
  color: #ffffff;
  border: 2px solid #ff7700;
  min-width:150px;  
}

.btn:hover,
.btn:focus {
  text-decoration: none;
  background: #ff7700;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#ff7700), color-stop(#ec4901));
  background-image: -webkit-linear-gradient(top, #ff7700, #ec4901);
  background-image: -moz-linear-gradient(top, #ff7700, #ec4901);
  background-image: -o-linear-gradient(top, #ff7700, #ec4901);
  background-image: linear-gradient(#ff7700, #ec4901);
  cursor: pointer;
}
.btn:active {
  text-decoration: none;
  background: #ff6600;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#ff6600), color-stop(#ec4901));
  background-image: -webkit-linear-gradient(top, #ff6600, #ec4901);
  background-image: -moz-linear-gradient(top, #ff6600, #ec4901);
  background-image: -o-linear-gradient(top, #ff6600, #ec4901);
  background-image: linear-gradient(#ff6600, #ec4901);
  border-color: #ff5500;
}

form input.btn, 
form .f-field input.btn,
form.f-field input.btn {
font-weight:500;
font-size:14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

hr {
  height: 1px;
  width: 100%;
  border: none;
  background: #d9d9d9;
  margin: 20px 0;
}
ul#List {
    list-style-type:decimal;
    font-size:16px;
}
ul#List li{
    list-style-type:decimal;
    font-size:16px;
    border-bottom:0px solid #ccc;
}
body > div > section {
  padding-top: 5px;
  padding-bottom: 8px;
  text-align:center;
}
body > div > section .ctr {
  width: 87.5%;
  margin: 0 auto;
  text-align:center;
}

footer .ctr {
  width: 90%;
  margin: 0 auto;
}

#linkedin {background-image:url(../img/icona-linkedin.png) no-repeat; width:36px; height:38px}
#facebook {background-image:url(../img/icona-facebook.png) no-repeat; width:36px; height:38px}
#google {background-image:url(../img/icona-google.png) no-repeat; width:36px; height:38px}

.p-header {
  text-align:center;
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
  height:70px;
  z-index: 40;
  background: #000000;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.p-header .ctr {
  height:70px;
  margin: 0 auto;
  *zoom: 1;
  text-align:left;
  padding-left:6%; 
}
.p-header .ctr:before,
.p-header .ctr:after {
  display: table;
  content: "";
}
.p-header .ctr:after {
  clear: both;
}
.p-header .ctr3 {
visibility:hidden;
  margin: 0 auto;
  *zoom: 1;
  background: #ffffff;
  text-align:left;
}
.p-header .ctr2 {
  margin: 0 auto;
  *zoom: 1;
  background: #ffffff;
  text-align:left;
}

.p-header .ctr2:before,
.p-header .ctr2:after {
  display: table;
  content: "";
}
.p-header .ctr2:after {
  clear: both;
}
  .p-header navOne {
    display: block;
    text-align:right;
  }
.p-header .branding {
  text-align:center;
  height:60px;
  margin-top:2px;
  margin-right:20px;
  vertical-align:middle;
}
.p-header .branding img {
  text-align:center;
  height:60px;
  margin-right:20px;
}
.p-header .branding a {
  display: block;
  margin-top: 0px;
}
  .btnScopri {
   width:30%;
   background:#ff6600;
   text-align:center;
   font-weight:600;
   color:#ffffff;
   font-size:14px;
   padding:2px;
   margin-top:10px;   
  }

  .note {
   width:100%;
   text-align:left;
   font-size:12px;
   margin-bottom:20px;
   padding:5px;   
  }
  .titoliSezione {
   width:100%;
   text-align:left;
  }
  .titoliSezione h2{
   display:inline-block;
   margin-right:10px;
   text-align:left;
   vertical-align:middle;
   color:#2e2e2e;
   font-size:24px;
  }
  .titoliSezione h2 img{
   display:inline-block;
   width:48px;
   height:48px;
  }  

   .ecommStyle {
    margin-top:80px;
    margin-bottom:20px;
	background:#f4f4f4; 
	border-radius:8px; 
	padding:10px;
	-moz-box-shadow: 0 1px 5px #ddd inset, 0 1px 0 #f4f4f4;
    -webkit-box-shadow: 0 1px 5px #ddd inset, 0 1px 0 #f4f4f4;
    box-shadow: 0 1px 5px #ddd inset, 0 1px 0 #f4f4f4;
  }  
  .serviziPromo {
  	width:90%;
  	position:relative;
  	z-index:3000;
    font-size:24px;
    padding-top:20px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }   
 .clients .servizio1 {
    margin-right:40px;
    width:60%;
    font-size:24px;
  }   
  .clients .servizio2 {
    text-align:right;
    width:35%;
  }  
 .clients .servizio1 h4{
	padding-bottom:0px; 
	font-size:60px; 
	font-weight:600;
  }  
  .clients .servizio2 h5{
    text-align:left;
    float:right;
  }   
  .s-clients {
   width:100%;
   text-align: center;
   color:#222222;
   border-top:1px solid #cccccc;
  }  
  .s-clients .ctr{
    text-align: center;
    margin-top:20px;
    width:87%;
  }  
  .clients multiProfile li {
  	width:30%;
    display:inline-block; 
    color:#222222; 
    text-align:left;
    padding-bottom:20px;
  }  
  .clients li {
    width:48%;
    display:inline-block; 
    color:#222222; 
    text-align:left;
    padding-bottom:20px;
  }
  .s-clients .s-title {
    font-size: 30px;
    padding-bottom: 0.6em;
  }
  .s-clients .titoliSezione {
    margin-bottom:40px;
  }   
  .clients .prezzo h2{
    color:#aece00;
    font-size:30px;
    font-weight:600;    
  }  
  .clients li h3{
    font-size:24px;
  }
  .clients li h4{
    font-size:18px;
    margin-top:0px;
    padding-bottom:20px;
  }
  .clients li img {
    float:right;
    max-width:100%;
	height:auto;
  }  
  .clients li ul li{
    display:inline-block;
    padding:2px;
    color:#222222;
    font-size:20px;
    border-bottom:1px solid #cccccc;
    width:95%;
	
  } 
   .clients .servizio2 h5 ul li {
    padding:2px;
    font-size:14px;
    border-top:1px solid #cccccc;
    border-bottom:0px solid #cccccc;
    width:100%;
    vertical-align:middle;
  }     
  .clients .costiTitle {
    color:#3782cf; 
    font-size:24px;
    font-weight:600;
    margin-top:4px;
    padding:2px;
    border-bottom:0px solid #ffffff;
  }  
  .clients .costiSubtitle {
    width:90%;
    height:52px;
  }    
  .clients .costi1 {
    width:75%;
    margin-right:0px;
    padding:2px;
  }   
  .clients .costi1 span{
    font-size:14px;
  } 
  .clients .costi2 span{
    font-size:24px;
  }  
  #costiPromo {
	height:60px;
  }   
  .clients .costi2 {
    width:20%;
    font-weight:600;
    padding:2px;
  } 
  .clients .costi2 a {
	color:#3782cf;
  } 
  .clients .costiSubtitle {
	font-size:18px;
  } 
    
  .paddingCenter {
    margin-left:2%;
    margin-right:2%;
    padding-left:10px;
    padding-right:10px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc; 
  }
           
  .background {
  vertical-align:middle;
  width:100%;
  position:relative;
  background:#ffffff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity:0.8;
  text-align:center;
}

  .background div {
  display:inline-block;
  padding:10px;
  vertical-align:middle;
}
  .background span {
	font-size: 30px;
	color: #0182b7;
	}
  .background div img {
   width:70px;
   margin-right:20px;	
   padding-top:7px;
}


  .s-intro .News {
  padding-top:15px;
  padding-bottom:5px;
  vertical-align:middle;
  width:80%;
  position:relative;
  z-index:2000;
  text-align:left;
}

  .s-intro .News div {
  text-align:left;
  position:relative;
  z-index:2000;
  vertical-align:middle;
  padding:5px;
  font-weight:500;
  font-size: 14px;
  line-height:14px;
  color:#222222;
  display:inline-block;
}

  .s-intro .News div a {
  position:relative;
  z-index:2000;
  vertical-align:middle;
  font-weight:500;
  font-size: 14px;
  display:inline-block;
  text-align:left;
}

  .t-inner .s-tagline {
  padding: 1.6em 1.0em;
}
  .s-intro {
  overflow: hidden;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  padding-top: 300px;
  padding-bottom: 0;
  position: relative;
  border-bottom: 5px solid #ff5500;
}

@media screen and (min-width: 1440px) {
  .liRight {
	margin-left:45%;
    text-align:right;
  }
  .liRightMenu {
	margin-right:20px;
  }  
  .footerRight {
    display:inline-block;
   	text-align:right;
   	width:70%;
  }
}
.s-intro:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 15px;
  background: url("../img/intro-shadow.png") 50% 100% no-repeat;
}

  .s-intro-img {
  background: #333333 url("../img/home/img-home.jpg") 50% 50% no-repeat;
  background-size: cover;
}
  .s-intro-img-business {
  background: #333333 url("../img/home/img-home-business.jpg") 50% 50% no-repeat;
  background-size: cover;
}
  .s-intro-img-servizio-tuttoincluso {
  background: #61aabd url("../img/banner/img-servizio-tuttoincluso.jpg") 50% 50% no-repeat;
  background-size: cover;
}
  .s-intro-img-servizio-internet {
  background: #61aabd url("../img/banner/img-servizio-internet.jpg") 50% 50% no-repeat;
  background-size: cover;
}
  .s-intro-img-servizio-telefonia {
  background: #61aabd url("../img/banner/img-servizio-telefonia.jpg") 50% 50% no-repeat;
  background-size: cover;
}
  .s-intro-img-servizio-servizi {
  background: #61aabd url("../img/banner/img-servizio-servizi.jpg") 50% 50% no-repeat;
  background-size: cover;
}

  .s-intro-img-supporto {
  background: #61aabd url("../img/banner/banner-supporto.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:105px;  
  height:150px;  
  }  
  .s-intro-img-company {
  background: #61aabd url("../img/banner/banner-company.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:105px;
  height:150px;
  } 
  .s-intro-img-partner {
  background: #61aabd url("//www.activenetwork.it/img/banner/banner-recruitment.png") 50% 50% no-repeat;
  background-size: cover;
  margin-top:105px;
  height:580px;
  } 
  .s-intro-img-bannerMegadsl {
  background: #61aabd url("../img/banner/banner-megadsl-img.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:90px;
    height:450px;
}
  .s-intro-img-Megadsl {
  background: #fff url("../img/banner/banner-megadsl-img.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:95px;
}

.s-intro .ctr {
  position: relative;
  width:85%;
}
.t-front .s-intro .ctr {
  padding:5px;
}

.s-intro .p-title {
  font-size: 36px;
  font-size: 2.625rem;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 400;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.s-intro .p-title-right {
  position:relative;
  left:45%;
  text-align:left; 
  width:50%;
  color:#222222;
  font-size: 40px;
  line-height: 0.8;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 400;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.s-intro .p-subtitle-right {
  position:relative;
  left:45%;
  text-align:left; 
  width:50%;
  color:#222222;
  font-size: 26px;
  line-height:30px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 300;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}

.s-intro .p-title-left {
  text-align:left; 
  width:85%;
  color:#222222;
  font-size: 36px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 400;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.s-intro .p-subtitle-left {
  text-align:left; 
  width:85%;
  color:#222222;
  font-size: 24px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 300;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}

.s-services .ctr {
    width: 85%;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}
 .bgColor { 
	background-position:top left; 
	padding:20px 0px 20px 0px; 
	position:relative;  
	filter: alpha(opacity=80);
	opacity:0.8;
  }  
   .bgColorEmpty{ 
	background-position:top left; 
	height:50px; 
	position:relative;  
	filter: alpha(opacity=80);
	opacity:0.8;
  }
 .businessImg1 {
    height: 500px;
    background: url("../img/home/img-tuttoincluso-aziende.jpg") 90% 100% no-repeat; 
    width:100%; 
  }
 .businessImg2 {
    height: 500px;
    background: url("../img/home/img-internet-aziende.jpg") 10% 100% no-repeat;   
    width:100%;
  }
 .businessImg3 {
    height: 500px;
    background: url("../img/home/img-telefonia-aziende.jpg") 90% 100% no-repeat;
    width:100%;      
  }
 .businessImg4 {
    height: 500px;
    background: url("../img/home/img-servizi-aziende.jpg") 10% 100% no-repeat;
    width:100%;      
  } 
 .homeImg1 {
    height: 500px;
    background: url("../img/home/img-tuttoincluso-privati.jpg") 90% 100% no-repeat; 
    width:100%; 
  }
 .homeImg2 {
    height: 500px;
    background: url("../img/home/img-internet-privati.jpg") 10% 100% no-repeat;   
    width:100%;
  }
 .homeImg3 {
    height: 500px;
    background: url("../img/home/img-telefonia-privati.jpg") 90% 100% no-repeat;
    width:100%;      
  }
 .homeImg4 {
    height: 500px;
    background: url("../img/home/img-servizi-privati.jpg") 10% 100% no-repeat;
    width:100%;      
  }
form {
  font-size: 15px;
  font-size: 0.9375rem;
}
form fieldset {
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  padding: 6px 23px;
  margin-bottom: 22px;
  position: relative;
}


@media screen and (max-width: 769px) {
  .ml-hidden {
    display: none;
  }
  .p-header nav {
    display: none;
  }  
  .p-header {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }  
  body {
    padding-top: 0px;
  }

  .fixed {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 195px;
    padding-right: 0px;
    background: #d4d4d4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#fafafa), color-stop(#d4d4d4));
    background-image: -webkit-linear-gradient(top, #fafafa, #d4d4d4);
    background-image: -moz-linear-gradient(top, #fafafa, #d4d4d4);
    background-image: -o-linear-gradient(top, #fafafa, #d4d4d4);
    background-image: linear-gradient(#fafafa, #d4d4d4);
    z-index: 1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
  }
  .fixed nav {
    margin-top:1px;
  }
  .fixed nav .lsn {
    border-top: 0px solid rgba(0, 0, 0, 0.07);
  }
  .fixed nav li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.27);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.27);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.27);
  }
  .fixed nav .is-active {
    position: relative;
    border-bottom-color: rgba(0, 0, 0, 0.12);
  }
  .fixed nav .is-active:before {
    content: "";
    position: absolute;
    left: 2%;
    bottom: 0;
    height: 0px;
    width: 95%;
    background: rgba(0, 0, 0, 0.27);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  }
  .fixed nav .is-active a {
  	padding-top:2px;
    background: #ffffff;
    position: relative;
    color: #ffffff;
  }
  .fixed nav a {
    color: #6e6e6e;
    text-shadow: 1px 1px 0 white;
    display: block;
    padding: 7px 20px 6px;
    background: url("../../media/icon-arrow.png") 100% 50% no-repeat;
  }
  .fixed .address .lsn {
    margin-left: -9px;
    padding-top: 8px;
  }
  .fixed .address li {
    display: inline-block;
    margin-left: 6px;
  }
  .fixed address {
    display: block;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset , 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset , 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset , 0 1px 0 rgba(255, 255, 255, 0.15);
    padding: 10px 0;
  }
  .t-front .s-intro .ctr {
    position: relative;
    padding-bottom: 60px;
    min-height: 200px;
  }
  .s-intro {
    padding-bottom: 0px;
    padding-top: 300px;
  }
 .s-intro .p-title-right {
  position:relative;
  left:45%;
  top:-220px;
  text-align:left; 
  width:60%;
  color:#222222;
  font-size: 36px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 400;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.s-intro .p-subtitle-right {
  position:relative;
  left:45%;
  top:-220px;
  text-align:left; 
  width:60%;
  color:#222222;
  font-size: 24px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 300;
  padding-bottom: 0px;
  margin: 21px 0 4px;
} 
.s-intro .p-title-left {
  position:relative;
  text-align:left; 
  width:85%;
  top:-80px;
  color:#222222;
  font-size: 36px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 400;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.s-intro .p-subtitle-left {
  position:relative;
  text-align:left; 
  width:85%;
  top:-80px;;
  color:#222222;
  font-size: 24px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 300;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.servizioRight .Megadsl {
    position:relative;
    top:100px;
    left:0%;
    right:2%;  
    text-align:center;  
    width:100%; 
  }
  .servizioRight {
    position:relative;
    top:-240px;
    left:60%;
    right:40%;  
  	text-align:left;
  } 
  .servizioRight h1 {
	font-size:50px;
	font-weight:600;   	 
  } 
  .servizioRight h2{
  line-height:20px;
	font-size:20px;
	font-weight:500;   
  } 
  .servizioRight img{
	 width:102px;
   height:auto;    
  }  
  .servizioLeft {
    position:relative;
    top:120px;
    left:0%;
    right:50%;  
    text-align:left; 
  }   
  .servizioLeft h1 {
	font-size:50px;
	font-weight:600;
	color:#ffffff;    
  } 
  .servizioLeft h2{
	font-size:20px;
	font-weight:500;
	color:#ffffff;    
  } 
  .servizioLeft img{
	width:102px;
    height:auto;    
  }
  .t-front .s-intro .ml-hidden {
    display: none;
  }
  .t-front .s-intro-adsl{
    overflow: visible;
    margin-bottom: 60px;
  }  
  .s-tagline {
  	color:#222222;
  	text-align:center;
    padding:10px;
    font-size: 14px;
    line-height: 1.307692308;
  }
  .s-clients{
   color:#222222;
  }  
  .clients li ul li{
    display:inline-block;
    padding-right:10px;
    color:#222222;
    border-bottom:1px solid #cccccc;
  } 
  .clients .costiTitle {
    color:#3782cf; 
    font-weight:600;
    margin-top:4px;
    margin-right:20px;
    padding:2px;
    border-bottom:0px solid #ffffff;
  }   
  .clients .costi1 {
    width:70%;
    margin-right:20px;
    padding:2px;
  }   
  .clients .costi1 span{
    font-size:14px;
  }
  .clients .costi2 span{
    font-size:24px;
  }   
  #costiPromo {
	height:60px;
  }   
  .clients .costi2 {
    width:15%;
    font-weight:600;
    padding:2px;
  }  

  .clients li {
    display:inline-block;
    width:46%; 
    color:#222222; 
    text-align:left;
  }
  .s-clients .s-title {
    font-size: 30px;
    padding-bottom: 0.6em;
  }
  .clients li h3{
    font-size:24px;
  }
 .clients li h4{
    font-size:18px;
    margin-top:0px;
  }
  .clients img {
    width:100%;
	height:auto;
  }    
}


  footer {
  width: 100%;
  padding: 17px 0 0;
  position: relative;
  text-align: left;
  font-size: 11px;
  border-top: 5px solid #ff5500;
  background-color: #222222;
  color:#ffffff;
  z-index: 3;
  }

  footer ul{
	margin-bottom:10px;
  }
  footer ul li{
   	text-align:left;
    display:inline-block;
    padding-right:10px;
    line-height:17px;
  }
  footer div div {
    padding-bottom:10px;
   	text-align:left;
    display:inline-block;
  }
  footer div ul li a{
	font-size:12px;
	font-weight:600;
	color:#ffffff;
  } 
  ul.social-buttons li a {
	font-size:12px;
	font-weight:600;
	color:#ffffff;
  } 
  .inline li .fa-facebook-square {
	font-size:22px;
	text-align: center;
	color:#ffffff;
  } 
  .inline li .fa-twitter-square{
	font-size:22px;
	text-align: center;
	color:#ffffff;
  } 
  .inline li .fa-google-plus-square{
	font-size:22px;
	text-align: center;
	color:#ffffff;
  } 
  
  footer:after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 100.1%;
  left: 30%;
  right: 30%;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  }
  .footerRight{
    display:inline-block;
   	text-align:right;
   	width:90%;
  }     	
  .menuButton{
    text-align:left;
    position:absolute; 
    top:45px; 
    right:3%; 
    height:53px; 
    background:#ff6600; 
    padding:5px;
  }
   .menuButton div {
   	text-align:left;
    display:inline-block;
    height:25px; 
    padding:2px;
    vertical-align:middle;
  }

 
  .p-header navOne li {
    display:inline-block;
    position:relative;
    bottom:0px;
    margin-top:14px;
    padding-right:1%;
  }
  .p-header navOne li a{
	height:32px
	color:#ffffff;
  }  
  .p-header navOne .top-nav {
    color:#ffffff;
    margin-top:15px;
  }     
  .p-header navOne .top-nav > li:a {
    color:#ffffff;
  }    
  .p-header navOne .top-nav > li:hover > a {
    color:#ff0000;
  }

  .p-header navOne a {
    color: white;
    text-decoration: none;
    display: block;
    margin-top:14px;
    padding: 0px 13px 15px;
    position: relative;
        text-align:right;
    /* z-index:1; */  
  }
  .p-header navOne .liRightMenu a {
    color: white;
    text-decoration: none;
    display: block;
    margin-top:14px;
    padding: 0px 5px 15px;
    position: relative;
    /* z-index:1; */  
  }  
  .p-header nav a {
    color: #ffffff;
    /* z-index:1; */  
  }   
   #menuselected{
    color:#ffffff;
	font-weight:700;
    background: url("../img/menu-freccia-up.svg") no-repeat 50% 23px;	
    z-index:4000;	
  }
  
   #menu2selected{
    color: black;
	background-color:white;
	font-weight:700;
  }

footer .ctr {
  padding-bottom: 0px;
}
footer a {
  color: rgba(0, 0, 0, 0.7);
}
footer a:hover,
footer a:active {
  color: #ffffff;
}
footer nav {
  text-align:left;
  display: inline-block;
}

footer nav a:last-child {
  margin-right: 0;
}

footer .link-list {
  text-align: left;
  font-size: 0;
  padding: 10px;
  border-top: 1px solid #bfbfbf;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) , inset 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) , inset 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) , inset 0 1px 2px rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.05);
}
footer .link-list .item {
  font-size: 9px;
  font-size: 0.5625rem;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  list-style: none;
}
footer .link-list .item:last-child {
  width: 16%;
}
@media screen and (max-width: 480px) {
  footer div ul li a{
	font-size:11px;
	font-weight:600;
	color:#ffffff;
  }  
  
  footer nav a {
    line-height: 2;
    margin:0px 8px 0px 0px;
  }
  footer .vcard .over {
    border: 0;
  }
  footer .link-list .item {
    width: 50%;
    margin-bottom: 15px;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  footer .link-list .item:last-child {
    width: 50%;
  }
}
@media screen and (max-width: 320px) {
   footer div ul li a{
	font-size:9px;
	font-weight:600;
	color:#ffffff;
  }   
}
@media screen and (min-width: 769px) {
  .bollino {
	position:absolute; top:140px; left:55%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:100px; height:100px; color:#333; font-size:24px; font-weight:700; line-height:22px;
  }
  body > div > section {
    padding-top: 0px;
    padding-bottom: 60px;
    text-align:center;
  }
  body > div > section .ctr {
    width: 90%;
    height:auto;
  }
  .s-intro {
    padding-bottom: 0px;
    padding-top: 300px;
  }

  footer .ctr {
    width: 90%;
    margin: 0 auto;
  }
  .mover {
	 min-height: 100%;
	 height: auto !important;
	 height: 100%;
	 text-align:center;
	 overflow: auto;
	 width: 1100px;
	 margin: 0px 0px -171px; /* the bottom margin is the negative value of the footer's height */
	}
  .mover, .push {
	 height: 171px; width:100%; /* .push must be the same height as .footer */
	}
  .mover {
	 position: relative;
	 width: 100%;
	 text-align:center;
	}
  .footer {
	 position: relative;
	 width: 100%;
	}
  .ml {
     display: none!important;
  	}
  div#hide {
  	 display: none;
  } 
  .liRight {
	margin-left:8%;
    text-align:right;
  }
  .liRightMenu {
	margin-right:0px;
  }   
  .p-header navOne li {
    display:inline-block;
    position:relative;
    bottom:0px;
    margin-top:14px;
    padding-right:0.5%;
    font-size:14px;
  }
  .p-header navOne li a{
	height:32px;	
  }  
  .p-header .branding {
    float: left;
    height:60px;
    margin-right:20px;
    vertical-align:middle;
  }
  .p-header .branding img {
    float: left;
    height:60px;
    margin-right:0px;
  }
  .p-header .branding a {
    display: block;
    margin-top: 0px;
  }  
  .p-header .has-subnav {
    position: relative;
  }
  .p-header navOne .top-nav ul{
    color:#ffffff;
    height:70px;    
  } 
  .p-header navOne .top-nav > li:hover > a {
    color: #cccccc;
  }

  .p-header navOne a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    position: relative;
        text-align:right;
    /* z-index:1; */  
  }  
  .s-intro {
    padding-bottom: 28px;
  }
  .s-intro .p-title {
    font-size: 40px;
    line-height: 1;
    margin: 20px 0 12px;
  }
  
  .s-intro-img {
  	background: #333333 url("../img/home/img-home.jpg") 50% 50% no-repeat;
  	background-size: cover;
  }
  .s-intro-img-business {
  	background: #333333 url("../img/home/img-home-business.jpg") 50% 50% no-repeat;
  	background-size: cover;
  }  
 
  .t-front .s-intro .ctr {
    text-align:center;
  }   
.servizioRight .Megadsl {
    position:relative;
    top:100px;
    left:0%;
    right:2%;  
    text-align:center;  
    width:100%; 
  }  
 .btnMegadsl {
    position:relative; 
    z-index:5000; 
    margin:10px;
  }  
  .servizioRight {
    position:relative;
    top:-240px;
    left:60%;
    right:40%;  
  	text-align:left;    
  }  
  
  .servizioRight h2 div {
    letter-spacing:-2;
    display:inline-block;
	font-size:60px;
	margin-top:-12px;
	font-weight:700; 
	padding-bottom:10px;   
  }     
  .servizioRight h1 {
	font-size:55px;
	font-weight:600; 
  } 
  .servizioRight h1 #title{
  	display:block;
  	line-height:60px;
  }  
  .servizioRight h1 #subtitle{
    font-size:36px;
    font-weight:500;
    margin-top:20px;
    line-height:40px;
    padding:0px;
    display:inline-block;
  } 
	.clients .servizio1 h4{
		line-height:60px;
	}    
	.clients .servizio1 h4 #subtitle {
		display:block;
    font-size: 36px;
    font-weight: 500;
	}

   .servizioRight h2{
	font-size:30px;
	font-weight:500;  
  } 
  .servizioRight img{
	width:122px;
    height:auto;    
  } 
 
  .servizioLeft {
    position:relative;
    left:0%;
    right:50%;  
  	text-align:left;     
  }   
  .servizioLeft h1 {
	font-size:55px;
	font-weight:600;
	color:#ffffff;    
  } 
   .servizioLeft h2{
	font-size:30px;
	font-weight:500;
	color:#ffffff;    
  } 
  .servizioLeft img{
	width:122px;
    height:auto;    
  }
  .t-inner .s-intro .p-title {
    margin-top: 50px;
  }
  .s-intro h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .s-intro .note {
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    font-size: 24px;
    font-size: 1.5rem;
    margin-right: 30%;
    line-height: 0.9;
    padding-top: 21px;
    position: relative;
  }

  .services {
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: center;    
  }  
  .services > li {
    padding: 23px 0;
   *zoom: 1;
  }
  .services > li:before,
  .services > li:after {
    display: table;
    content: "";
  }
  .services > li:after {
    clear: both;
  }
  .services > li p {
    width: 75%;
    margin: 0 auto;
  } 
  .services h3 {
    font-size: 24px;
    color:#222222;
    font-weight:500;
  }  
  .services h4 {
    font-size: 22px;
	color:#222222;
  }
  .services img {
    display: block;
    margin: 0 auto 3px;
    max-width: 100%;
  }
  .services p {
    line-height: 1.4;
    margin-left: 5px;
    margin-right: 5px;
  }
  .services .right-aligned-4 div {
    position:relative;
    width: 60%;
  }            
  .services .right-aligned div {
    position:relative;
    width: 60%;
  } 
  .services .left-aligned div {
    position:relative;
    width: 60%;
  } 
  .verde {
    font-weight:600;
    color:#8bb800;
  }
  .serviziDesc {
  	width:90%;
  	position:relative;
  	z-index:3000;
    font-size:24px;
    text-align:left;
    font-weight:500;
    color:#000000;
  } 
  .serviziDesc h7{
    font-size:28px;
    text-align:left;
    font-weight:600;
    color:#000000;
  }   
  .services .right-aligned .serviziOfferta {
    padding-top:20px;
    text-align:left;
    color:#222222;
  }
  .services .right-aligned-4 .serviziOfferta li{
    display:inline-block;
    padding-right:20px;
    color:#222222;
  }    
  .services .right-aligned .serviziOfferta li{
    display:inline-block;
    padding-right:20px;
    color:#222222;
  }   
  .services .right-aligned-4 .serviziOfferta h2{
	font-size:16px;
	font-weight:500;
    color:#222222;
    letter-spacing:-1px;
  }   
  .services .right-aligned .serviziOfferta h2{
	font-size:16px;
	font-weight:500;
    color:#222222;
  } 
  .services .right-aligned-4 .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;  
	font-size:20px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:2px;
    text-align:center;    
  }  
  .services .right-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;  
	font-size:20px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:2px;
    text-align:center;    
  }
  .services .right-aligned-4 .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }     
  .services .right-aligned .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }   
  .services .left-aligned .serviziOfferta {
    padding-top:20px;  
    text-align:left;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta li{
    display:inline-block;
    padding-right:20px;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta h2{
	font-size:16px;
	font-weight:500;
    color:#222222;
  }
  .services .left-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;    
    width:120px;
	font-size:20px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:2px;
    text-align:center;    
  } 
  .services .left-aligned .serviziOfferta h6{
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }        


  
  /* SEZIONE AIUTO */
 .text-primary {
    color: #ff6600;
 }

 #flip
 {
	padding:5px;
	color:#ff6600;
	text-align:left;
	width:200px;
	background:#222222;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:3200; 
	height:200px;
 }
 #panel
 {
	display:none;
	color:#ff6600;
	font-size:18px;
	line-height:18px;
	text-align:left;
	width:200px;
	background:#f4f4f4;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:8000; 
	height:200px;
 }

 #flip h5{
	color:#ff7700;
	font-size:52px;
	line-height:40px;
	padding-top:5px;
	letter-spacing:-1.5px;
 }
 .fa .fa-times{
	display:inline-block; 
	font-size:30px;
	color:#ff7700;
	width:5%;
 }
 .fa .fa-chevron-down {
    text-align:center; 
    width:100%; 
    font-size:80px; 
    color:#ff7700;
    line-height:10px;
    margin-top:-30px;
    padding:0px;
 }
 #flip div {
    text-align:center; 
    width:100%; 
    font-size:80px; 
    color:#ff7700;
    line-height:16px;
    margin-top:25px;
 }
#panel span
{
	font-size:14px;
}

#panel div
{
	font-size:14px;
	padding-bottom:5px;
}
.panelForm
{
	padding:10px 20px;
}
.panelForm h5
{
	font-weight:600;
}
.panelForm div
{
	display:inline-block;
	width:48%;
}

#flipTop
{
	padding:0px;
	width:200px;
	font-size:20px;
	text-align:right;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;		
	z-index:9000; 
	color:#ff6600;
	background:#222;
}
 #flipTop span {
	display:inline-block; 
	font-size:30px;
	color:#ff7700;
	width:5%;
 }
.btnChat {
    font-weight: 400;
    font-family: "helvetica", "Arial", sans-serif;
    color: #ffffff;
    margin-top:5px;
    min-width: 120px;
    font-size: 14px;
    padding: 5px 5px 5px 5px;
    border: 2px solid #ec4901;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    background: #ec4901;
}
* {margin: 0; padding: 0;}
}


@media screen and (min-width: 768px) and (max-width: 980px) {
  .t-front .s-intro .ctr {
    width: 90%!important;
    min-height: 300px;
  }
  .services .right-aligned-4 div {
    position:relative;
	width: 60%;
  }   
  .services .right-aligned div {
    position:relative;
	width: 60%;
  }  
  .services .left-aligned div {
    position:relative;
	width: 60%;
  }   
  .s-clients .ctr{
	width:95%;
  }  
}

@media screen and (max-width: 769px) {
  /* SEZIONE AIUTO */
 .text-primary {
    color: #ff6600;
 }

 #flip
 {
	padding:5px;
	color:#ff6600;
	text-align:left;
	width:150px;
	background:#222222;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:3200; 
	height:180px;
 }
 #panel
 {
	display:none;
	color:#ff6600;
	font-size:18px;
	line-height:18px;
	text-align:left;
	width:150px;
	background:#f4f4f4;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:3200; 
	height:200px;
 }

 #flip h5{
	color:#ff7700;
	font-size:42px;
	line-height:40px;
	padding-top:5px;
	letter-spacing:-1.5px;
 }
 .fa .fa-times{
	display:inline-block; 
	font-size:30px;
	color:#ff7700;
	width:5%;
 }
 .fa .fa-chevron-down {
    text-align:center; 
    width:100%; 
    font-size:80px; 
    color:#ff7700;
    line-height:10px;
    margin-top:-30px;
    padding:0px;
 }
 #flip div {
    text-align:center; 
    width:100%; 
    font-size:80px; 
    color:#ff7700;
    line-height:16px;
    margin-top:25px;
 }
#panel span
{
	font-size:14px;
}

#panel div
{
	font-size:14px;
	padding-bottom:5px;
}
.panelForm
{
	padding:10px 10px;
}
.panelForm h5
{
	font-weight:600;
}
.panelForm div
{
	display:inline-block;
	width:48%;
}

#flipTop
{
	padding:0px;
	width:150px;
	font-size:20px;
	text-align:right;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;		
	z-index:3300; 
	color:#ff6600;
  }
  html {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
  }
  .s-intro .ml-hidden {
    display: none;
  }  
   .t-front .s-intro .ctr {
	width: 90%;
	text-align:center;
	min-height:100px;
  }  
   .s-intro .p-subtitle-right {
   display:none;
  }     
  .p-header navOne {
    display: none;
  }
  .p-header nav {
    display: none;
  }  
  .p-header {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
    z-index:1;
    height:70px;
  }  
  body {
    padding-top: 0px;
  }
  .is-moved {
    overflow: hidden;
  }
  .is-moved .fixed > * {
    visibility: visible;
  }
  .is-moved .p-header {
    left: 196px;
  }
  .is-moved .mover {
    left: 195px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
 .side-nav-toggle {
    display: inline-block;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 22px;
    background: white url("../img/icone/icon-nav.svg") 0 0 no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }

  .is-moved .side-nav-toggle {
    background: #3b3b3b url("../img/icone/icon-nav.svg") -32px 0 no-repeat;
    background: url("../img/icone/icon-nav.svg") -32px 0 no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(#1c1c1c), color-stop(#3b3b3b));
    background: url("../img/icone/icon-nav.svg") -32px 0 no-repeat, -webkit-linear-gradient(top, #1c1c1c, #3b3b3b);
    background: url("../img/icone/icon-nav.svg") -32px 0 no-repeat, -moz-linear-gradient(top, #1c1c1c, #3b3b3b);
    background: url("../img/icone/icon-nav.svg") -32px 0 no-repeat, -o-linear-gradient(top, #1c1c1c, #3b3b3b);
    background: url("../img/icone/icon-nav.svg") -32px 0 no-repeat, linear-gradient(#1c1c1c, #3b3b3b);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7) inset , 1px 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7) inset , 1px 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7) inset , 1px 1px 0 rgba(255, 255, 255, 0.2);
  }
  .fixed {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 195px;
    padding-right: 0px;
    background: #d4d4d4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(#fafafa), color-stop(#d4d4d4));
    background-image: -webkit-linear-gradient(top, #fafafa, #d4d4d4);
    background-image: -moz-linear-gradient(top, #fafafa, #d4d4d4);
    background-image: -o-linear-gradient(top, #fafafa, #d4d4d4);
    background-image: linear-gradient(#fafafa, #d4d4d4);
    z-index: 1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
  }
  .fixed nav {
    margin-top:1px;
  }
  .fixed nav .lsn {
    border-top: 0px solid rgba(0, 0, 0, 0.07);
  }
  .fixed nav li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.27);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.27);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.27);
  }
  .fixed nav .is-active {
    position: relative;
    border-bottom-color: rgba(0, 0, 0, 0.12);
  }
  .fixed nav .is-active:before {
    content: "";
    position: absolute;
    left: 2%;
    bottom: 0;
    height: 0px;
    width: 95%;
    background: rgba(0, 0, 0, 0.27);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  }
  .fixed nav .is-active a {
  	padding-top:2px;
    background: #ffffff;
    position: relative;
    color: #ffffff;
  }
  .fixed nav a {
    color: #6e6e6e;
    text-shadow: 1px 1px 0 white;
    display: block;
    padding: 7px 20px 6px;
    background: url("../../media/icon-arrow.png") 100% 50% no-repeat;
  }
  .fixed .address {
    padding: 0px 18px 16px;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.363636364;
    position: absolute;
    left: 0;
    right: 15px;
    bottom: -10;
  }
  .fixed .address .lsn {
    margin-left: -9px;
    padding-top: 8px;
  }
  .fixed .address li {
    display: inline-block;
    margin-left: 6px;
  }
  .fixed address {
    display: block;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset , 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset , 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset , 0 1px 0 rgba(255, 255, 255, 0.15);
    padding: 10px 0;
  }
  .mover {
    padding-top: 0px;
    background: white;
    position: relative;
    top:70px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    z-index: 2;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    outline: 1px solid transparent;
    z-index:1;
  }
  
 .bgColor { 
	background-position:top left; 
	padding:10px 0px 10px 0px;
	position:relative; 
	z-index:2000; 
	filter: alpha(opacity=80);
	opacity:0.8;
  } 
  .btnBanner {
  padding:8px;
  text-align:center;
  min-width:220px;
  font-weight:600;
  font-size:20px;  
  margin-top:-25px;
  }    
  .servizioRight {
    letter-spacing:-1;
    position:relative;
    top:-90px;
    left:52%;
    right:20%;  
  	text-align:left;    
  }  
  .servizioRight h2 div {
  letter-spacing:-2;
  display:inline-block;
	font-size:40px;
	margin-top:8px;
	font-weight:700;    
  } 
  .servizioRight h1 {
	font-size:50px;
	font-weight:600;   
  } 
  .servizioRight h4 {
  	font-size:30px;
  	display:inline-block;
  }   
  .servizioRight #subtitle{
    font-size:24px;
    font-weight:500;
    margin-top:20px;
    line-height:70px;
    padding:0px;
    vertical-align:top;
  }   
   .servizioRight h2{
	font-size:22px;
	font-weight:300;
	line-height:28px;
	padding-top:10px;
	padding-bottom:0px;
	width:56%;    
  } 
  .servizioRight img{
	width:102px;
    height:auto;    
  }
  .servizioLeft {
    position:relative;
    top:-60px;
    left:1%;
    right:1%;
    text-align:left;   
  }     
  .servizioLeft h1 {
	font-size:50px;
	font-weight:600;
	color:#ffffff;    
  } 
  .servizioLeft h2{
	font-size:22px;
	font-weight:500;
	color:#ffffff;    
  } 
  .servizioLeft img{
	width:102px;
    height:auto;    
  }    
  .s-intro .btn-group {
    margin-top: 0px;
    padding-top: 0px;
  }   
  .t-front .s-intro .btn-group {
    position: absolute;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .t-front .s-intro .btn-group .btn {
    display:inline-block;
    margin-right: 0;
    display: block;
    margin-left: 0;
    margin-right: 0;
    font-size:14px;
  }
  .t-front .s-intro .btn-group .note {
    display:inline-block;
    margin: 0 10px 0 10px;
    text-align:left;
    padding-top: 10px;
    font-size:14px;
    color:#ffffff;     
  }
  
  .t-front .s-intro {
    overflow: visible;
    padding-top:0px;
    height:320px;
    margin-bottom:0px;
  }
  .t-front .s-intro .ctr {
    position: relative;
    padding-top:100px;
    padding-bottom: 0px;  
  }

.background {
  	width:100%;
	margin-top: 165px;
	padding-bottom: 10px;
}  
.background div {
  display:inline-block;
  padding:2px;
  vertical-align:middle;
}
.background div img {
	display:inline-block;
   width:40px;
   margin-right:0px;	
   padding-top:5px;
   padding-bottom:5px;
}
.s-intro .News .newsText {
  display:none;
}
  .s-intro .News {
  display:inline-block;
  font-size:14px;
  padding-top:15px;
  padding-bottom:5px;
  vertical-align:middle;
  width:80%;
  position:relative;
  z-index:2000;
  text-align:left;
}
  .s-intro .News div {
  display:inline-block;
  font-size:12px;
}
    .s-intro-img {
  margin-top:60px;
  background: #333333 url("../img/home/img-home-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  height:250px;
  }
  .s-intro-img-business {
  margin-top:60px;
  background: #333333 url("../img/home/img-home-business-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  height:250px;
  }   
   .s-intro-img-servizio-tuttoincluso-business {
  margin-top:60px;
  height:400px; 
  background: #106ea8 url("../img/banner/servizio-tuttoincluso-aziende.jpg") 30% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-internet-business {
  margin-top:60px;
  height:400px; 
  background: #61aabd url("../img/banner/servizio-internet-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-telefonia-business {
  margin-top:60px;
  height:400px;
  background: #61aabd url("../img/banner/servizio-telefonia-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-servizi-business {
  margin-top:60px;
  height:400px;
  background: #61aabd url("../img/banner/servizio-servizi-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }   
  .s-intro-img-servizio-tuttoincluso-home {
  margin-top:60px;
  height:400px;
  background: #106ea8 url("../img/banner/servizio-tuttoincluso-privati.jpg") 30% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-internet-home {
  margin-top:60px;
  height:400px;
  background: #61aabd url("../img/banner/servizio-internet-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-telefonia-home {
  margin-top:60px;
  height:400px;
  background: #61aabd url("../img/banner/servizio-telefonia-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-servizi-home {
  margin-top:60px;
  height:400px;
  background: #61aabd url("../img/banner/servizio-servizi-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-Megadsl {
  background: #fff url("../img/banner/banner-megadsl-img.jpg") 47% 50% no-repeat;
  background-size: cover;
  margin-top:60px;
  height:360px;
}  
  
  .s-intro-img-supporto {
  background: #61aabd url("../img/banner/banner-supporto.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-company {
  background: #61aabd url("../img/banner/banner-company.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-partner {
  background: #61aabd url("//www.activenetwork.it/img/banner/banner-recruitment.png") 50% 50% no-repeat;
  background-size: cover;
  height:350px;
  }   

 .businessImg1 {
    height: 310px;
    background: url("../img/home/img-tuttoincluso-aziende.jpg") 90% 100% no-repeat;
    background-size: 45%; 
    width:100%; 
  }
 .businessImg2 {
    height: 400px;
    background: url("../img/home/img-internet-aziende.jpg") 10% 100% no-repeat;   
    background-size: 45%;
    width:100%;
  }
 .businessImg3 {
    height: 400px;
    background: url("../img/home/img-telefonia-aziende.jpg") 90% 100% no-repeat;
    background-size: 45%;    
    width:100%;      
  }
 .businessImg4 {
    height: 400px;
    background: url("../img/home/img-servizi-aziende.jpg") 10% 100% no-repeat;
    background-size: 45%;    
    width:100%;      
  }
  .homeImg1 {
    height: 400px;
    background: url("../img/home/img-tuttoincluso-privati.jpg") 90% 100% no-repeat;
    background-size: 45%; 
    width:100%; 
  }
 .homeImg2 {
    height: 310px;
    background: url("../img/home/img-internet-privati.jpg") 10% 100% no-repeat;   
    background-size: 45%;
    width:100%;
  }
 .homeImg3 {
    height: 360px;
    background: url("../img/home/img-telefonia-privati.jpg") 90% 100% no-repeat;
    background-size: 45%;    
    width:100%;      
  }
 .homeImg4 {
    height: 400px;
    background: url("../img/home/img-servizi-privati.jpg") 10% 100% no-repeat;
    background-size: 45%;    
    width:100%;      
  }

.btnMegadsl {
  margin-top:20px;
  margin-bottom:20px;
}  
.btnMegadsl div{
  padding:5px 20px 5px 20px;
  font-weight:600;
  max-width:300px;
}     
  .serviziDesc {
  	width:90%;
  	position:relative;
  	z-index:3000;
    font-size:18px;
    text-align:left;
    font-weight:400;
    color:#000000;
  }  
  .serviziDesc h7{
    font-size:22px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }    
  .services li {
    padding-top:0px;
  }
  .services .right-aligned-4 div {
    position:relative;
    width: 50%;
    left:50%;
  }       
  .services .right-aligned div {
    position:relative;
    width: 50%;
    left:50%;
  }   
  .services .left-aligned div {
    position:relative;
    width: 50%;
  }    
  .riga {
    border-top:1px solid #cccccc;
  } 
   #riga {
    padding-top:2px;
  }    
  .freccia {
    float: right;
    width: 44px;
    height: 44px;
    margin-top: -70px;
    background: url("../img/freccia-right.svg") right top no-repeat;
    cursor: pointer;
  }
  .services .right-aligned .serviziOfferta {
  	width:100%;
    padding-top:20px;  	
    font-weight:600;
    color:#222222; 
    background:#f4f4f4;
    padding-bottom:8px;
    margin-bottom:-18px;
  }
  .services .right-aligned-4 .serviziOfferta li{
    width:100%;
    margin-top:3px;
    height:56px;
    margin-right:10px;
    font-weight:600;
    color:#222222; 
    border-bottom:1px solid #cccccc; 
  }    
  .services .right-aligned .serviziOfferta li{
    width:100%;
    margin-top:3px;
    height:56px;
    margin-right:10px;
    font-weight:600;
    color:#222222; 
    border-bottom:1px solid #cccccc; 
  }   
  .services .right-aligned .serviziOfferta h4{
	font-size:18px;
	font-weight:600;	
  }
  .services .right-aligned-4 .serviziOfferta h2{
	font-size:18px;
	font-weight:600;
	color:#222222;
	text-align:left;	
  }   
  .services .right-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:600;
	color:#222222;
	text-align:left;	
  } 
  .services .right-aligned-4 .serviziOfferta h5 {
    visibility:hidden;  
  } 
  .services .right-aligned-4 .serviziOfferta h6 {
	visibility: hidden;
  }    
  .services .right-aligned .serviziOfferta h5 {
    visibility:hidden;  
  } 
  .services .right-aligned .serviziOfferta h6 {
	visibility: hidden;
  }    
  .services .left-aligned .serviziOfferta {
  	width:100%;
    padding-top:20px;   
    color:#222222;
    font-weight:600;
    background:#ffffff;  
    padding-bottom:13px;
    margin-bottom:-23px;    
  }   
  .services .left-aligned .serviziOfferta li{
    width:100%;
    margin-top:3px;   
    height:56px;    
    margin-right:10px;
    font-weight:600;
    color:#222222;
    border-bottom:1px solid #cccccc;         
  }   
  .services .left-aligned .serviziOfferta h4{
	font-size:18px;
	font-weight:600;
  }
  
  .services .left-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:600;    
	color:#222222;  
	text-align:left; 			   	
  }  
  .services .left-aligned .serviziOfferta h5 {
    visibility:hidden;            
  } 
  .services .left-aligned .serviziOfferta h6 {
	visibility: hidden;
  }
  .serviziPromo {
  	width:90%;
  	position:relative;
  	z-index:3000;
    font-size:18px;
    padding-top:10px;
    text-align:left;
    font-weight:500;
    color:#000000;
    line-height:18px;
  }
  .clients .servizio1 {
    margin-right:60px;
    width:100%;
    font-size:20px;
  }   
 .clients .servizio1 h3{
    font-size:24px;
  }
 .clients .servizio1 h4{
    font-size:60px;
    margin:0px;
    font-weight:600;
  }
  .clients .servizio1 h4 #subtitle{
    font-size:30px;
    font-weight:500;
    margin-top:20px;
    line-height:70px;
    padding:0px;
  }   
  .clients .servizio2 {
    display:inline-block;
    text-align:left;
    width:58%;
    font-size:14px;
  }  
   .s-clients .prezzo{
    display:inline-block;
    text-align:right;
    width:35%;
  } 
   .clients .prezzo h2{
	font-size:28px;
  }     
  .clients .servizio2 h5{
    text-align:left;
    margin-top:10px;
  }    
  .clients li ul li{
    display:inline-block;
    padding-right:10px;
    color:#222222;
    border-bottom:1px solid #cccccc;
  }  
  .clients .costiTitle {
    color:#3782cf; 
    font-weight:600;
    margin-top:4px;    
    margin-right:20px;
    padding:2px;
    border-bottom:0px solid #ffffff;
  }  
  .clients .costi1 {
    width:70%;
    margin-right:20px;
    padding:2px;
  }   
  .clients .costi1 span{
    font-size:14px;
  }
  .clients .costi2 span{
    font-size:18px;
  }   
  #costiPromo {
	height:60px;
  }   
  .clients .costi2 {
    width:25%;
    font-weight:600;
    padding:2px;
    height:49px;
  }  
  .s-clients{
   color:#222222;
  }
  .clients li {
    width:100%; 
    color:#222222; 
    text-align:left;
  }
  .s-clients .s-title {
    font-size: 30px;
    padding-bottom: 0.6em;
  }
  .clients {
    text-align:center;
  }
  .clients li h3{
    font-size:18px;
  }
 .clients li h4{
    font-size:18px;
    margin-top:0px;
  }
  .clients li img {
    float:none;
    position:relative;
    left:10%;
    right:10%;
    width:142px;
	height:auto;
  }  
  .footerRight{
    display:inline-block;
   	text-align:right;
   	width:30%;
  }       
.bannerMegadsl ul{
width:100%;
margin-top:-110px;
}
.s-intro img {
  margin-top:-20px;
  text-align:left;
  width:90%;
}
.s-introMegadsl img {
  margin-top:80px;
  text-align:left;
  width:90%;
}

.operationFriend {
text-align:left;
font-size:22px;
font-weight:600;
width:165%;
line-height:28px;
letter-spacing:-2px;
position:absolute;
top:250px;
color:#fecb00;
left:2%;
} 
.operationFriend div{
text-align:left;
font-size:20px;
line-height:26px;
font-weight:400;
width:165%;
letter-spacing:-1px;
color:#fff;
} 
.bollino {
	position:absolute; top:150px; left:56%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:100px; height:100px; color:#333; font-size:24px; font-weight:700; line-height:22px;
}  
.bollino2 {
	position:absolute; top:150px; left:56%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:100px; height:100px; color:#333; font-size:24px; font-weight:700; line-height:22px;
}  
}
@media screen and (min-width: 769px) and (max-width: 860px) {
  .s-intro {
    padding-bottom: 0px;
    padding-top: 300px;
  }

  .liRightMenu {
	margin-right:0px;
  }   
  .p-header navOne li {
    display:inline-block;
    position:relative;
    bottom:0px;
    margin-top:14px;
    padding-right:1%;
  }
  .p-header navOne li a{
	height:32px
  }
  
  .p-header navOne top-nav li{
    position: relative;
    bottom:0px;
    height:70px;
    text-align:right;
  }
  .p-header .branding {
  float: left;
  height:70px;
  margin-right:0px;
  vertical-align:middle;
  }
.p-header .branding img {
  float: left;
  height:60px;
  margin-right:0px;
  } 
  .clients .costi1 {
    width:73%;
    margin-right:20px;
    padding:2px;
    font-size:18px;
  } 
  .clients .costi2 {
    width:26%;
    font-weight:600;
    padding:2px;
    font-size:16px;
  }     
  .clients .costi1 span{
    font-size:13px;
  } 
  .clients .costi2 span{
    font-size:17px;
  }
  #costiPromo {
	height:60px;
  }
  .clients .costiSubtitle {
	font-size:14px;
	text-align:left;
  }
  .clients .costiTitle {
	font-size:20px;
	text-align:left;
  }     

 .clients .servizio1 {
    margin-right:20px;
    width:55%;
    font-size:18px;
  }   
 .clients .servizio1 h3{
    font-size:18px;
  }
 .clients .servizio1 h4{
    font-size:60px;
    margin:0px;
    padding:0px;
    font-weight:600;
  }
  .clients .servizio2 {
    text-align:right;
    width:40%;
  }  
  .clients .servizio2 h5{
    text-align:left;
  }   
}
@media screen and (min-width: 860px) and (max-width: 910px) {  
  .clients .costi1 {
    width:75%;
    margin-right:20px;
    padding:2px;
    font-size:18px;
  }   
  .clients .costi1 span{
    font-size:14px;
  } 
  .clients .costi2 span{
    font-size:18px;
  }
  #costiPromo {
	height:60px;
  }   
  .clients .costi2 {
    width:20%;
    font-weight:600;
    padding:2px;
    font-size:18px;
  }
}
@media screen and (min-width: 860px) and (max-width: 1025px) {
  .s-intro {
    padding-bottom: 0px;
    padding-top: 300px;
  }
 .clients .servizio1 {
    margin-right:20px;
    width:58%;
    font-size:18px;
  }   
 .clients .servizio1 h3{
    font-size:18px;
  }
 .clients .servizio1 h4{
    font-size:60px;
    margin:0px;
    padding:0px;
    font-weight:600;
  }
  .clients .servizio2 {
    text-align:right;
    width:38%;
  }  
  .clients .servizio2 h5{
    text-align:left;
    font-size:14px;
  }   
  .clients .costiSubtitle {
	font-size:16px;
	text-align:left;
  }  
  .clients .costi2 span {
	font-size:20px;
  }    
  .liRight {
	margin-left:20%;
    text-align:right;
  } 
  .liRightMenu {
	margin-right:0px;
  }   
  .footerRight{
   	text-align:right;
   	width:44%;
  } 
}   
@media screen and (min-width: 1025px) and (max-width: 1240px) {
  .services .ctr {
	width: 90%;
	text-align:center;
  }
    .services .right-aligned-4 div {
    position:relative;
	width: 75%;
    left:32%;
  }   
    .services .right-aligned div {
    position:relative;
	width: 52%;
    left:46%;
  } 
  .services .left-aligned div {
    position:relative;
    width:65%;
  }
   .serviziDesc {
  	width:80%;
  	position:relative;
  	z-index:3000;
    font-size:24px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }      
} 
@media screen and (min-width: 1240px) {
  .services .ctr {
	width: 80%;
	text-align:center;
  }  
  .services .right-aligned div {
    position:relative;
	width: 68%;
    left:40%;
  } 
   .services .right-aligned-4 div {
    position:relative;
	width: 78%;
    left:30%;
  } 
  .services .left-aligned div {
    position:relative;
    width:70%;
  }  
  .clients .costiSubtitle {
	font-size:20px;
  } 
} 
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .services {
    padding:0px;
  }
  .services li{
    padding:0px;
  }  
 .businessImg1 {
    height: 550px;
    background: url("../img/home/img-tuttoincluso-aziende.jpg") 90% 100% no-repeat;
    background-size: 35%; 
    width:100%; 
  }
 .businessImg2 {
    height: 550px;
    background: url("../img/home/img-internet-aziende.jpg") 10% 100% no-repeat;   
    background-size: 35%;
    width:100%;
  }
 .businessImg3 {
    height: 550px;
    background: url("../img/home/img-telefonia-aziende.jpg") 90% 100% no-repeat;
    background-size: 35%;    
    width:100%;      
  }
 .businessImg4 {
    height: 550px;
    background: url("../img/home/img-servizi-aziende.jpg") 10% 100% no-repeat;
    background-size: 35%;    
    width:100%;      
  }
  .homeImg1 {
    height: 550px;
    background: url("../img/home/img-tuttoincluso-privati.jpg") 90% 100% no-repeat;
    background-size: 35%; 
    width:100%; 
  }
 .homeImg2 {
    height: 550px;
    background: url("../img/home/img-internet-privati.jpg") 10% 100% no-repeat;   
    background-size: 35%;
    width:100%;
  }
 .homeImg3 {
    height: 550px;
    background: url("../img/home/img-telefonia-privati.jpg") 90% 100% no-repeat;
    background-size: 35%;    
    width:100%;      
  }
 .homeImg4 {
    height: 550px;
    background: url("../img/home/img-servizi-privati.jpg") 10% 100% no-repeat;
    background-size: 35%;    
    width:100%;      
  }       
  .verde {
    font-weight:600;
    color:#8bb800;
  } 
  .services .right-aligned .serviziOfferta {
    padding-top:20px;
    text-align:left;
    color:#222222;
  } 
  .services .right-aligned .serviziOfferta li{
    width:30%;  
    display:inline-block;
    padding-left:20px;
    color:#222222;
  }   
  .services .right-aligned-4 .serviziOfferta li{
    width:20%;  
    display:inline-block;
    padding-left:20px;
    color:#222222;
  }   
  .services .right-aligned .serviziOfferta h4{
	font-size:24px;
	font-weight:500;
	letter-spacing: -1px;
  }  
  .services .right-aligned .serviziOfferta h2{
	font-size:22px;
	font-weight:500;
  } 
  .services .right-aligned-4 .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;  
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }  
  .services .right-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;  
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }
  .services .right-aligned-4 .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }     
  .services .right-aligned .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }
  .services .left-aligned .serviziOfferta {
    padding-top:20px;  
    text-align:left;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta li{
    width:30%;
    display:inline-block;
    padding-right:20px;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta h4{
	font-size:24px;
	font-weight:500;
	letter-spacing: -1px;
  }
  .services .left-aligned .serviziOfferta h2{
	font-size:22px;
	font-weight:500;
  }
  .services .left-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }  
  .services .left-aligned .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }
   .serviziDesc {
  	width:90%;
  	position:relative;
  	z-index:3000;
    font-size:24px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }  
  .liRight {
	margin-left:35%;
    text-align:right;
  }   
}  

@media screen and (min-width: 769px) and (max-width: 1025px) {
  .fixed {
    display: none;
  } 
  .s-intro {
    padding-bottom: 0px;
    padding-top: 200px;
  }
  .t-front .s-intro {
    text-align:center;
  }
  .t-front .s-intro .ctr {
	width: 90%;
	text-align:center;
	min-height: 300px;
  } 	

   .s-intro .btn-group {
    margin-top: 0px;
    padding-top: 0px;
  } 
  .servizioRight {
    letter-spacing:-1;
    position:relative;
    top:-170px;
    left:60%;
    right:2%;  
  	text-align:left;
  	width:90%;     
  }  

  
  .servizioRight h1 {
	font-size:55px;
	font-weight:600;    
  } 
   .servizioRight h2{
	font-size:30px;
	font-weight:500;  
  } 
  .servizioRight img{
	width:122px;
    height:auto;    
  }  
  .servizioLeft {
    position:relative;
    top:-60px;
    left:0%;
    right:50%;
    text-align:left;   
  }   
  .servizioLeft h1 {
	font-size:55px;
	font-weight:600;
	color:#ffffff;    
  } 
   .servizioLeft h2{
	font-size:30px;
	font-weight:500;
	color:#ffffff;    
  } 
  .servizioLeft img{
	width:122px;
    height:auto;    
  }     
  .s-intro-img {
    background: #333333 url("../img/home/img-home.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .s-intro-img-business {
    background: #333333 url("../img/home/img-home-business.jpg") 50% 50% no-repeat;
    background-size: cover;
  } 
  .s-intro-img-servizio-tuttoincluso-business {
  margin-top:80px;
  height:400px;  
  background: #106ea8 url("../img/banner/servizio-tuttoincluso-aziende.jpg") 30% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-internet-business {
  margin-top:80px;
  height:400px;  
  background: #61aabd url("../img/banner/servizio-internet-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-telefonia-business {
  margin-top:80px;
  height:400px;  
  background: #61aabd url("../img/banner/servizio-telefonia-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-servizi-business {
  margin-top:80px;
  height:400px;  
  background: #61aabd url("../img/banner/servizio-servizi-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }   
  .s-intro-img-servizio-tuttoincluso-home {
  margin-top:80px;
  height:400px;  
  background: #106ea8 url("../img/banner/servizio-tuttoincluso-privati.jpg") 30% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-internet-home {
  margin-top:80px;
  height:400px;
  background: #61aabd url("../img/banner/servizio-internet-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-telefonia-home {
  margin-top:80px;
  height:400px;
  background: #61aabd url("../img/banner/servizio-telefonia-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-servizi-home {
  margin-top:80px;
  height:400px;  
  background: #61aabd url("../img/banner/servizio-servizi-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-Megadsl {
  background: #fff url("../img/banner/banner-megadsl-img.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:80px;
  height:400px;
}  
  
  .s-intro-img-supporto {
  background: #61aabd url("../img/banner/banner-supporto.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-company {
  background: #61aabd url("../img/banner/banner-company.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-partner {
  background: #61aabd url("//www.activenetwork.it/img/banner/banner-recruitment.png") 50% 50% no-repeat;
  background-size: cover;
  height:350px;
  }   
  .s-intro-img-bannerMegadsl {
  background: #61aabd url("../img/banner/banner-megadsl-img.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:90px;
  height:350px;
}
.s-intro img {
  margin-top:-20px;
  text-align:left;
  width:100%;
}
.s-introMegadsl img {
  margin-top:-10px;
  text-align:left;
  width:110%;
}

.perSempre {
font-size:20px; 
display:inline-block;
margin:15px 0px 0px 10px; 
color:#fecb00;
letter-spacing:-2px;
}
 
.operationFriend {
text-align:left;
font-size:24px;
font-weight:600;
width:155%;
line-height:30px;
letter-spacing:-2px;
position:absolute;
top:280px;
left:5%;
color:#fecb00;
} 
.operationFriend div{
text-align:left;
font-size:20px;
font-weight:400;
width:155%;
letter-spacing:-1px;
color:#fff;
line-height:30px;
} 
.operationFriend2 {
text-align:left;
font-size:24px;
font-weight:600;
width:155%;
line-height:30px;
letter-spacing:-2px;
position:absolute;
top:280px;
left:2%;
color:#fecb00;
} 
.operationFriend2 div{
text-align:left;
font-size:20px;
font-weight:400;
width:155%;
letter-spacing:-1px;
color:#fff;
line-height:30px;
} 
.bollino {
 position:absolute; top:20px; left:46%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:100px; height:100px; color:#333; font-size:24px; font-weight:700; line-height:22px;
} 
.bollino2 {
	position:absolute; top:125px; left:65%; background:#fecb00; border-radius:50%; padding:8px 6px 6px 6px; width:50px; height:50px; color:#333; font-size:14px; font-weight:700; line-height:12px;
}

  .services .ctr {
	width: 95%;
  }
  
 .businessImg1 {
    height: 500px;
    background: url("../img/home/img-tuttoincluso-aziende.jpg") 100% 100% no-repeat;
    background-size: 42%; 
    width:100%; 
  }
 .businessImg2 {
    height: 500px;
    background: url("../img/home/img-internet-aziende.jpg") 0% 100% no-repeat;   
    background-size: 42%;
    width:100%;
  }
 .businessImg3 {
    height: 500px;
    background: url("../img/home/img-telefonia-aziende.jpg") 100% 100% no-repeat;
    background-size: 42%;    
    width:100%;      
  }
 .businessImg4 {
    height: 500px;
    background: url("../img/home/img-servizi-aziende.jpg") 0% 100% no-repeat;
    background-size: 42%;    
    width:100%;      
  }  
   .homeImg1 {
    height: 500px;
    background: url("../img/home/img-tuttoincluso-privati.jpg") 100% 100% no-repeat;
    background-size: 42%; 
    width:100%; 
  }
 .homeImg2 {
    height: 500px;
    background: url("../img/home/img-internet-privati.jpg") 0% 100% no-repeat;   
    background-size: 42%;
    width:100%;
  }
 .homeImg3 {
    height: 500px;
    background: url("../img/home/img-telefonia-privati.jpg") 100% 100% no-repeat;
    background-size: 42%;    
    width:100%;      
  }
 .homeImg4 {
    height: 500px;
    background: url("../img/home/img-servizi-privati.jpg") 0% 100% no-repeat;
    background-size: 42%;    
    width:100%;      
  } 
  .services li {
    padding-top:0px;
  } 
  .services .right-aligned-4 div {
    position:relative;
	width: 85%;
    left:30%;
  }   
  .services .right-aligned div {
    position:relative;
	width: 70%;
    left:35%;
  } 
  .services .left-aligned div {
    position:relative;
    width:70%;
  }     
  .verde {
    font-weight:600;
    color:#8bb800;
  }
  .services .right-aligned-4 .serviziOfferta {
    padding-top:20px;
    text-align:left;
    color:#222222;
  }   
  .services .right-aligned .serviziOfferta {
    padding-top:20px;
    text-align:left;
    color:#222222;
  }  
  .services .right-aligned-4 .serviziOfferta li{
    width:20%;  
    display:inline-block;
    padding-left:20px;
    color:#222222;
  }   
  .services .right-aligned .serviziOfferta li{
    width:30%;  
    display:inline-block;
    padding-right:20px;
    color:#222222;
  }
  .services .right-aligned-4 .serviziOfferta h4{
	font-size:22px;
	font-weight:500;
	letter-spacing: -1px;
  }      
  .services .right-aligned .serviziOfferta h4{
	font-size:22px;
	font-weight:500;
	letter-spacing: -1px;
  }  
  .services .right-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:500;
  } 
  .services .right-aligned-4 .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;  
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }   
  .services .right-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;  
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }   
  .services .right-aligned-4 .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }  
  .services .right-aligned .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }
  .services .left-aligned .serviziOfferta {
    padding-top:20px;  
    text-align:left;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta li{
    width:30%;
    display:inline-block;
    padding-right:20px;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta h4{
	font-size:22px;
	font-weight:500;
	letter-spacing: -1px;	
  }
  .services .left-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:500;
  }
  .services .left-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }  
  .services .left-aligned .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }
   .serviziOfferta h6 .desc1 {
    width:100%;
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }
   .serviziOfferta h6 .desc2 {
  	visibility:hidden;
    width:100%;	
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }     
  .serviziDesc {
  	width:90%;
  	position:relative;
  	z-index:3000;
    font-size:24px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }  
  .serviziDesc h7{
    font-size:28px;
    text-align:left;
    font-weight:600;
    color:#000000;
  } 
  .serviziPromo {
  	width:90%;
  	position:relative;
  	z-index:3000;
    font-size:18px;
    padding-top:20px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }             

  .liRightMenu {
	margin-right:0px;
  }    
    .s-company .clients li {
    width:42%;
    display:inline-block; 
    color:#222222; 
    text-align:justify;
    padding-bottom:20px;
  } 
}
@media screen and (min-width: 1025px) {
#label2
{
padding-top:5px;
	padding:0px;
	color:#333;
	font-size:18px;
	line-height:25px;
	letter-spacing:-2px;
	text-align:center;
	width:100%;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	z-index:2200; 

}
.text-primary{
margin-top:4px;
display:inline-block; 
text-align:center; 
font-size:50px;
width:10%;
}
.fa .fa-asterisk{
display:inline-block; 
text-align:center; 
font-size:40px;

}
.s-introMegadsl img {
  margin-top:-10px;
  text-align:left;
  width:95%;
}
  .services .ctr {
	width: 100%;
	text-align:center;
  }
  .services {
    margin-top: 10px;
  }      
  footer .ctr {
    width: 90%;
    margin: 0 auto;
  } 
  .footerRight{
    display:inline-block;
   	text-align:right;
   	width:55%;
  }   
  footer div ul li a{
	font-size:12px;
	font-weight:600;
	color:#ffffff;
  }   
  .fixed {
    display: none;
  }
  .ml {
    display: none!important;
  }
  .liRight {
	margin-left:30%;
    text-align:right;
  }
  .liRightMenu {
	margin-right:0px;
  }   
  .p-header navOne {
    display: block;
    text-align:right;
  }
  .p-header navOne top-nav li {
    display:inline-block;
    top:40px;
    height:70px;
  }

  .menuButton {
  	text-align:left;
    position:absolute; 
    top:45px; 
    right:6%; 
    height:53px; 
    background:#ff6600; 
    padding:5px;
  }
  .menuButton div{
	text-align:left;
    display:inline-block;
    height:25px; 
    padding:2px;
    vertical-align:middle;
  }
  
  .p-header navOne .top-nav {
    color:#ffffff;
    height:70px;
  } 
  .p-header .top-nav > li:hover .subnav {
    display: block;
  }

  body > div > section {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align:center;
  }
  body > div > section .ctr {
 //  width: 934px;
  }
  .ct-article  .mover .ctr {
    width: 868px;
  }
  .ct-products .mover .ctr {
    width: 934px;
  }
  .ct-services .mover .ctr {
    width: 935px;
  }
  
  .s-intro-img {
  background: #333333 url("../img/home/img-home-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-business {
  margin-top:60px;
  background: #333333 url("../img/home/img-home-business-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-servizio-tuttoincluso-business {
  margin-top:105px;
  height:450px;  
  background: #106ea8 url("../img/banner/servizio-tuttoincluso-max-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-internet-business {
  margin-top:105px;
  height:450px;  
  background: #61aabd url("../img/banner/servizio-internet-max-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-telefonia-business {
  margin-top:105px;
  height:450px;    
  background: #61aabd url("../img/banner/servizio-telefonia-max-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-servizi-business {
  margin-top:105px;  
  height:450px;  
  background: #61aabd url("../img/banner/servizio-servizi-max-aziende.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-tuttoincluso-home {
  margin-top:105px;
  height:450px;
  background: #106ea8 url("../img/banner/servizio-tuttoincluso-max-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-internet-home {
  margin-top:105px;
  height:450px;
  background: #61aabd url("../img/banner/servizio-internet-max-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-telefonia-home {
  margin-top:105px;
  height:450px;
  background: #61aabd url("../img/banner/servizio-telefonia-max-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }
  .s-intro-img-servizio-servizi-home {
  margin-top:105px;  
  background: #61aabd url("../img/banner/servizio-servizi-max-privati.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-Megadsl {
  background: #fff url("../img/banner/banner-megadsl-img.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:105px;
  height:450px;
  }    
  .s-intro-img-supporto { 
  background: #61aabd url("../img/banner/banner-supporto-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-company { 
  background: #61aabd url("../img/banner/banner-company-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  }    
  .s-intro-img-partner {
  background: #61aabd url("//www.activenetwork.it/img/banner/banner-recruitment.png") 50% 50% no-repeat;
  background-size: cover;
  }
  .Megadsl {
    position:relative;
    top:20px;
    left:5%;     
    text-align:left;  
    width:60%; 
  } 
  .Megadsl h1 {
  margin-top:-20px;
  	font-size:85px;
	font-weight:600; 
	letter-spacing:-5px;     
  } 
    .Megadsl h1 span{
    vertical-align:middle;
	font-size:60px;
	font-weight:600; 
	letter-spacing:-3px; 
  } 
  .Megadsl h2{
	font-size:30px;
	font-weight:500; 
	font-size:40px;
	line-height:45px;  
  }   
 
.bannerMegadsl .spotMegadsl {
margin-top:-30px;
color:#fff;
text-align:left;
letter-spacing:-5px;
font-size:52px;
width:120%;
line-height:50px;
font-weight:300;
}
.bannerMegadsl .spotMegadsl div{
padding-bottom:20px;
display:inline-block;
}
.bannerMegadsl .spotMegadsl .serviziTitle {
text-align:left;
font-size:70px;
padding:40px 0px 20px 0px;
}
.bannerMegadsl .spotMegadsl .serviziTitle span {
text-align:left;
font-weight:600;
}
.bannerMegadsl .spotMegadsl .serviziPrezzo {
text-align:left;
font-size:110px;
letter-spacing:-12px;
font-weight:600;
}
.perSempre {
font-size:30px; 
display:inline-block;
margin:15px 0px 0px 10px; 
color:#fecb00;
letter-spacing:-1px;
}
.bannerMegadsl .spotMegadsl div span {
text-align:left;
font-size:70px;
vertical-align:baseline;
font-weight:600;
}  
.operationFriend {
text-align:left;
font-size:32px;
font-weight:600;
width:150%;
line-height:46px;
letter-spacing:-2px;
position:absolute;
top:320px;
color:#fecb00;
left:5%;
margin-bottom:50px;
} 
.operationFriend div {
text-align:left;
font-size:26px;
font-weight:300;
width:150%;
line-height:35px;
letter-spacing:-1px;
color:#fff;
}       
.operationFriend2 {
text-align:left;
font-size:32px;
font-weight:600;
width:150%;
line-height:46px;
letter-spacing:-2px;
position:absolute;
top:320px;
color:#fecb00;
left:2%;
margin-bottom:50px;
} 
.operationFriend2 div {
text-align:left;
font-size:26px;
font-weight:300;
width:150%;
line-height:35px;
letter-spacing:-1px;
color:#fff;
} 
.bollino {
	position:absolute; top:150px; left:56%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:120px; height:120px; color:#333; font-size:28px; font-weight:700; line-height:26px;
}
.bollino2 {
	position:absolute; top:10px; left:45%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:120px; height:120px; color:#333; font-size:28px; font-weight:700; line-height:26px;
}

  .servizioRight {
    position:relative;
    top:-240px;
    left:60%;
    right:2%;  
  	text-align:left;
  	width:50%;     
  }   
  .servizioRight h1 {
	font-size:60px;
	font-weight:600;  
	line-height:40px; 
	vertical-align:top;
	padding-top:20px;
	padding-bottom:10px;
  }
  .servizioRight h1 #title{
  	display:inline-block;
  }  
  .servizioRight h1 #subtitle{
    font-size:36px;
    font-weight:500;
    margin-top:0px;
    line-height:50px;
    padding:0px;
    vertical-align:top;
  }    
   .servizioRight h2{
	font-size:30px;
	font-weight:300;  
	letter-spacing:-0.5px;
  } 
  .servizioRight img{
	width:142px;
    height:auto;    
  } 
  .servizioLeft {
    position:relative;
    top:-60px;
    left:0%;
    right:50%;
    text-align:left;   
  }  
  .servizioLeft h1 {
	font-size:60px;
	font-weight:600;
	color:#ffffff;    
  } 
   .servizioLeft h2{
	font-size:30px;
	font-weight:500;
	color:#ffffff;    
  } 
  .servizioLeft img{
	width:142px;
    height:auto;    
  }      
  .s-intro {
    padding-bottom: 0;
    padding-top: 250px;
  }
  .s-intro .p-title {
    font-size: 40px;
    margin: 0px 0 12px;
  }
  .t-front .s-intro .p-title {
    font-size: 40px;
    font-weight:400;
  }
  .t-inner .s-intro .p-title {
    margin-right: 312px;
    margin-top: 90px;
  }
  .t-front .s-intro .ctr {
    min-height: 300px;
  }
  .s-intro .note {
    margin-right: 40%;
    padding-top: 0px;
    font-size: 20px;
    line-height:24px;
  }
  .s-intro .note:before {
    top: -28px;
    margin-left: -48px;
  }
  .s-intro .btn-group {
    margin-top: 20px;
  }
  .s-intro .btn-group .btn {
    margin-right: 26px;
  }
  .s-intro .description {
    display: inline-block;
    vertical-align: middle;
    width:28%;
    margin-right: 1em !important;
  }
 .businessImg1 {
    height: 550px;
    background: url("../img/home/img-tuttoincluso-aziende.jpg") 90% 100% no-repeat;
  }
 .businessImg2 {
    height: 550px;
    background: url("../img/home/img-internet-aziende.jpg") 0% 100% no-repeat;   
  }
 .businessImg3 {
    height: 550px;
    background: url("../img/home/img-telefonia-aziende.jpg") 90% 100% no-repeat;     
  }
 .businessImg4 {
    height: 550px;
    background: url("../img/home/img-servizi-aziende.jpg") 10% 100% no-repeat;     
  } 
 .homeImg1 {
    height: 550px;
    background: url("../img/home/img-tuttoincluso-privati.jpg") 90% 100% no-repeat;
  }
 .homeImg2 {
    height: 550px;
    background: url("../img/home/img-internet-privati.jpg") 10% 100% no-repeat;   
  }
 .homeImg3 {
    height: 550px;
    background: url("../img/home/img-telefonia-privati.jpg") 90% 100% no-repeat;     
  }
 .homeImg4 {
    height: 550px;
    background: url("../img/home/img-servizi-privati.jpg") 10% 100% no-repeat;     
  }
  
    .services .right-aligned div {
    position:relative;
	width: 62%;
    left:45%;
  } 
    
   .services .right-aligned .serviziOfferta {
    padding:20px 0px 0px 0px;
    margin:0px;
    text-align:left;
    color:#222222;
  } 
  .services .right-aligned-4 .serviziOfferta li{
    width:21%;  
    display:inline-block;
    padding-left:10px;
    color:#222222;
    text-align:left;
  }    
  .services .right-aligned .serviziOfferta li{
    width:32%;  
    display:inline-block;
    padding-left:10px;
    color:#222222;
  }   
  .services .right-aligned .serviziOfferta h4{
	font-size:24px;
	font-weight:500;
	letter-spacing: -1px;
  }  
  .services .right-aligned .serviziOfferta h2{
	font-size:22px;
	font-weight:500;
	letter-spacing:-0.8px;
  } 
  .services .right-aligned-4 .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;    
    width:120px;  
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center; 
    letter-spacing:-1px;   
  }   
  .services .right-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;    
    width:120px;  
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }  
  .services .right-aligned-4 .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }     
  .services .right-aligned .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }  
  .services .left-aligned .serviziOfferta {
    padding-top:20px;  
    text-align:left;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta li{
    width:30%;
    display:inline-block;
    padding-right:20px;
    color:#222222;
  }   
  .services .left-aligned .serviziOfferta h4{
	font-size:24px;
	font-weight:500;
	letter-spacing: -1px;
  }
  .services .left-aligned .serviziOfferta h2{
	font-size:22px;
	font-weight:500;
  }
  .services .left-aligned .serviziOfferta h5 {
    margin-top:10px;
    margin-bottom:20px;
    width:120px;
	font-size:18px;
	font-weight:600;
    color:#ffffff;
    background:#ff5500;
    padding:1px;
    text-align:center;    
  }    
  .services .left-aligned .serviziOfferta h6 {
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }
   .serviziDesc {
  	width:85%;
  	position:relative;
  	z-index:3000;
    font-size:24px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }          
      
  /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
}
@media screen and (max-device-height: 481px) {
  .fixed nav {
    padding-top: 0;
  }
  .fixed .address {
    background: none;
    padding-top: 16px;
  }
}
@media screen and (min-width: 420px) and (max-width: 600px) {
.soloOnline {
position:absolute; 
top:75px; 
right:50%; 
left:50%; 
width:300px;
color:#ff6600; 
font-size:18px; 
font-weight:700;
}
.s-introMegadsl img {
  margin-top:80px;
  text-align:left;
  width:130%;
}

.s-intro img {
  margin-top:-90px;
  text-align:center;
  width:95%;
}
.s-intro h2{
  display:none;
}
  .t-front .s-intro {
    position: relative;
    height: 252px;
    margin-bottom:80px;
  }
  .t-front .s-intro .ctr {
    position: relative;
    padding-top:80px;
    padding-bottom:0px;  
  }
  .btnBanner{
  	position: relative;
  	top:-20px;
  	left:25%;
    padding-top:0px;
  }
  .s-intro-img-servizio-tuttoincluso-business {
  margin-top:60px;
  height:350px;

  background-color: #aece00;
  }
  .s-intro-img-servizio-internet-business {
  margin-top:60px;
  height:350px; 

  background: #3782cf;
  }
  .s-intro-img-servizio-telefonia-business {
  margin-top:60px;
  height:350px;

  background: #ff6600;
  }
  .s-intro-img-servizio-servizi-business {
  margin-top:60px;
  height:350px;

  background:#d0a702;
  }   
  .s-intro-img-servizio-tuttoincluso-home {
  margin-top:60px;
  height:350px;

  background-color: #aece00;
  }
  .s-intro-img-servizio-internet-home {
  margin-top:60px;
  height:350px; 

  background: #3782cf
  }
  .s-intro-img-servizio-telefonia-home {
  margin-top:60px;
  height:350px;

  background: #ff6600;
  }
  .s-intro-img-servizio-servizi-home {
  margin-top:60px;
  height:350px;

  background:#d0a702;
  }  
     
  .s-intro-img-Megadsl {
  background: #ffffff url("../img/banner/banner-megadsl-img.jpg") 20% 50% no-repeat;
  background: #ffffff
  margin-top:100px;
  height:350px;
}    
.s-intro .p-title-left {
	position:relative;
  text-align:left; 
  width:85%;
  top:80px;
  color:#222222;
  font-size: 36px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 400;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.s-intro .p-subtitle-left {
	position:relative;
  text-align:left; 
  width:85%;
  top:80px;;
  color:#222222;
  font-size: 24px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 1px 1px 0 rgba(0, 0, 0, 0.1);
  font-weight: 300;
  padding-bottom: 0px;
  margin: 21px 0 4px;
} 
.s-intro .p-title-right {
    position: relative;
    left: 45%;
    top: -50px;
    text-align: left;
    width: 60%;
    color: #222222;
    font-size: 36px;
    line-height: 1.1;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0px rgba(0, 0, 0, 0.8);
    font-weight: 400;
    padding-bottom: 0px;
    margin: 21px 0px 4px;
    display:none;
}  
.s-intro .p-subtitle-right {
    position: relative;
    left: 45%;
    top: -50px;
    text-align: left;
    width: 60%;
    color: #222222;
    font-size: 24px;
    line-height: 1.1;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0px rgba(0, 0, 0, 0.8);
    font-weight: 300;
    padding-bottom: 0px;
    margin: 21px 0px 4px;
} 
   .servizioRight {
    margin-top:-50px;
    position:relative;
    top:0px;
    left:2%;
    right:2%;  
    text-align:center;  
    width:100%; 
    line-height:24px;
  } 
  
.Megadsl {
    position:relative;
    top:22px;
    left:2%;
    right:1%;  
    text-align:left;  
    width:80%; 
  } 
  .Megadsl h1 {
  	margin-top:5px;
	font-size:50px;
	font-weight:600;
	padding-bottom:5px;
	letter-spacing:-4px;   
	line-height:52px; 
  } 
  .Megadsl h2{
	font-size:25px;
	font-weight:500;   
	letter-spacing:-1.5px;
	line-height:30px;
  }     

.btnBanner {
  position:relative;	
  padding:15px;
  text-align:center;
  min-width:220px;
  font-weight:600;
  font-size:24px; 
  margin-left:-20px; 
  margin-top:-10px;
}
 .background {
    width: 100%;
    position:relative;
    margin-top:40px;
    margin-bottom:0px;
}  
  .servizioRight h1 {
	font-size:40px;
	font-weight:600; 
	text-align:left; 
	letter-spacing:-0.5px;	  
	padding-bottom:10px; 
  }
   .servizioRight h1 #subtitle {
	font-size:24px;
	font-weight:500; 
	text-align:left; 
	letter-spacing:-0.5px;	  
	padding-bottom:10px; 
  }  
   .servizioRight h2{
	font-size:20px;
	font-weight:400;
	letter-spacing:-0.5px;
  text-align:left; 
  line-height:24px;	
  width:100%;    
  }
   .servizio1 h4 #subtitle {
	font-size:24px;
	font-weight:500; 
	text-align:left; 
	letter-spacing:-0.5px;	  
	line-height:50px; 
  }    
  .servizioRight img{
	width:92px;
    height:auto;    
  } 
  .s-intro .News {
display: inline-block;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
width: 80%;
position: relative;
z-index: 2000;
text-align: left;
}
  .servizioLeft {
    position:relative;
    top:-60px;
    left:1%;
    right:1%;
    text-align:left;   
  }  
  .servizioLeft h1 {
	font-size:40px;
	font-weight:600;
	color:#ffffff; 
	text-align:left;    
  } 
   .servizioLeft h2{
	font-size:18px;
	font-weight:600;
	letter-spacing:-0.5px;
	color:#ffffff;
    text-align:left; 	    
  } 
  .servizioLeft img{
	width:92px;
    height:auto;    
  }      
  .t-front .s-intro .btn-group {
    position: absolute;
    margin-top: 20px;
    width: 100%;
    text-align:center;
    padding-left: 1%;
    padding-right: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .t-front .s-intro .btn-group .btn {
    float: none;
    margin-right: 0;
    display: block;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .t-front .s-intro .btn-group .note {
    margin: 0 10px 0 10px;
    text-align:center;
    padding-top: 10px;
    color:#ffffff;
  }  
  .services .right-aligned-4 div{
	width:70%;
	left:30%;   
  }   
  .services .right-aligned div{
	width:45%;
	left:55%;   
  }  
  .services .left-aligned div{
	width:45%;   	
  } 
  .services .ctr{
    width: 100%;
    margin:0px;
    padding:0px;
  }  
  .serviziDesc {
  	position:relative;
  	z-index:3000;
  	top:0;
    font-size:18px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }
  .serviziDesc h7{
    font-size:22px;
    text-align:left;
    font-weight:600;
    color:#000000;
  }
     
 .businessImg1 {
    height: 300px;
    background: url("../img/home/img-tuttoincluso-aziende.jpg") 100% 100% no-repeat; 
    width:100%; 
    background-size:60%;
  }
 .businessImg2 {
    height: 380px;
    background: url("../img/home/img-internet-aziende.jpg") 0% 100% no-repeat;   
    width:100%;
    background-size:60%;    
  }
 .businessImg3 {
    height: 380px;
    background: url("../img/home/img-telefonia-aziende.jpg") 100% 100% no-repeat;
    width:100%; 
    background-size:60%;         
  }
 .businessImg4 {
    height: 380px;
    background: url("../img/home/img-servizi-aziende.jpg") 0% 100% no-repeat;
    width:100%;    
    background-size:60%;      
  } 
 .homeImg1 {
    height: 300px;
    background: url("../img/home/img-tuttoincluso-privati.jpg") 100% 100% no-repeat; 
    width:100%; 
    background-size:60%;
  }
 .homeImg2 {
    height: 380px;
    background: url("../img/home/img-internet-privati.jpg") 0% 100% no-repeat;   
    width:100%;
    background-size:60%;    
  }
 .homeImg3 {
    height: 380px;
    background: url("../img/home/img-telefonia-privati.jpg") 100% 100% no-repeat;
    width:100%; 
    background-size:60%;         
  }
 .homeImg4 {
    height: 380px;
    background: url("../img/home/img-servizi-privati.jpg") 0% 100% no-repeat;
    width:100%;    
    background-size:60%;      
  } 
  .s-intro-img-bannerMegadsl {
  background: #61aabd url("../img/banner/banner-megadsl-img.jpg") 50% 50% no-repeat;
  background-size: cover;
  margin-top:80px;
  max-width:600px;
  height:250px;
  } 
.bannerMegadsl ul{
width:100%;
margin-top:-90px;
}

.bannerMegadsl ul li{
//width:48%;
padding-left:20px;
display:inline-block;
}
.bannerMegadsl .serviziMegadsl {
margin-top:20px;
border-radius:5px; 
background:#43a3df; 
border-radius:50%; 
width:200px; 
height:200px;
color:#ffffff;
text-align:left;
letter-spacing:-1px;
padding:35px 10px 10px 10px;
font-size:13px; 
line-height:22px;
font-weight:600;
}

.bannerMegadsl .spotMegadsl {
color:#fff;
text-align:left;
padding-top:10px;
letter-spacing:-2px;
font-size:30px;
width:200%;
line-height:34px;
}
.bannerMegadsl .spotMegadsl div{
padding-bottom:10px;
display:inline-block;
}
.bannerMegadsl .spotMegadsl .serviziTitle {
text-align:left;
font-size:40px;
padding:10px 0px 10px 0px;
}
.bannerMegadsl .spotMegadsl .serviziTitle span {
text-align:left;
font-weight:600;
}
.bannerMegadsl .spotMegadsl .serviziPrezzo {
text-align:left;
font-size:80px;
letter-spacing:-12px;
font-weight:600;
}
.bannerMegadsl .spotMegadsl div span {
text-align:left;
font-size:40px;
vertical-align:baseline;
font-weight:600;
}  
.operationFriend {
text-align:left;
font-size:22px;
font-weight:600;
width:155%;
line-height:26px;
letter-spacing:-2px;
background-color:#00adcd;
position:absolute;
top:185px;
left:5%;
} 
.operationFriend div{
text-align:left;
font-size:18px;
font-weight:400;
width:155%;
letter-spacing:-1px;
background-color:#00adcd;
} 
.operationFriend2 {
text-align:left;
font-size:22px;
font-weight:600;
width:155%;
line-height:26px;
letter-spacing:-2px;
background-color:#00adcd;
position:absolute;
top:185px;
left:5%;
} 
.operationFriend2 div{
text-align:left;
font-size:18px;
font-weight:400;
width:155%;
letter-spacing:-1px;
background-color:#00adcd;
}
.bollino {
	position:absolute; top:140px; left:65%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:100px; height:100px; color:#333; font-size:24px; font-weight:700; line-height:22px;
}  
.bollino2 {
	position:absolute; top:135px; left:65%; background:#fecb00; border-radius:50%; padding:8px 6px 6px 6px; width:50px; height:50px; color:#333; font-size:14px; font-weight:700; line-height:12px;
}  
 .btnMegadsl {
  margin-top:-60px;
  margin-bottom:20px; 
  }   
 .btnMegadsl div {
  font-weight:600;
  padding:5px 20px 5px 20px;
  }   
    .riga {
    border-top:1px solid #cccccc;
  } 
   #riga {
    padding-top:2px;
  }    
  .freccia {
    float: right;
    width: 44px;
    height: 44px;
    margin-top: -44px;
    background: url("../img/freccia-right.svg") right top no-repeat;
    cursor: pointer;
  }   
   .services .right-aligned-4 .serviziOfferta {
  	width:100%;
    font-weight:600;
    color:#222222; 
    background:#f4f4f4;
    padding-bottom:8px;
    margin-bottom:-18px;
  }     
  .services .right-aligned .serviziOfferta {
  	width:100%;
    font-weight:600;
    color:#222222; 
    background:#f4f4f4;
    padding-bottom:8px;
    margin-bottom:-18px;
  }  
  .services .right-aligned-4 .serviziOfferta li{
    width:100%;
    margin-top:3px;
    height:56px;
    margin-right:10px;
    font-weight:600;
    color:#222222; 
    border-bottom:1px solid #cccccc; 
  }   
  .services .right-aligned .serviziOfferta li{
    width:100%;
    margin-top:3px;
    height:56px;
    margin-right:10px;
    font-weight:600;
    color:#222222; 
    border-bottom:1px solid #cccccc; 
  }   
  .services .right-aligned .serviziOfferta h4{
	font-size:18px;
	font-weight:600;
    width:200px;		
  } 
  .services .right-aligned-4 .serviziOfferta h2{
	font-size:18px;
	font-weight:600;
	color:#222222;
  }    
  .services .right-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:600;
	color:#222222;
  } 
  .services .right-aligned-4 .serviziOfferta h5 {
    visibility:hidden;
    position:relative;
    top:-25px;
    display:inline-block;
    margin-left:20px;    
    padding:10px;
    width:150px;
	font-size:24px;
	font-weight:600;
    color:#ffffff;
    padding:1px;
    text-align:center;   
  } 
  .services .right-aligned .serviziOfferta h5 {
    visibility:hidden;
    position:relative;
    top:-25px;
    display:inline-block;
    margin-left:20px;    
    padding:10px;
    width:150px;
	font-size:24px;
	font-weight:600;
    color:#ffffff;
    padding:1px;
    text-align:center;   
  }
  .services .right-aligned-4 .serviziOfferta h6 {
    display:none;
    padding-top:20px;
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }     
  .services .right-aligned .serviziOfferta h6 {
    display:none;
    padding-top:20px;
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }    
  .services .left-aligned .serviziOfferta {
  	width:100%;
    padding-top:10px;   
    color:#222222;
    font-weight:600;
    background:#ffffff;  
    padding-bottom:13px;
    margin-bottom:-23px;    
  }   
  .services .left-aligned .serviziOfferta li{
    width:100%;
    margin-top:3px;   
    height:56px;    
    margin-right:10px;
    font-weight:600;
    color:#222222;
    border-bottom:1px solid #cccccc;         
  }   
  .services .left-aligned .serviziOfferta h4{
	font-size:18px;
	font-weight:600;
  }
  .services .left-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:600;    
	color:#222222;   			   	
  }
  
  .services .left-aligned .serviziOfferta h5 {
    visibility:hidden;   
    position:relative;
    top:-25px;
    display:inline-block;
    margin-left:20px;    
    padding:10px;
    width:150px;
	font-size:24px;
	font-weight:600;
    color:#ffffff;
    padding:1px;
    text-align:center;         
  } 
  .services .left-aligned .serviziOfferta h6 {
    display:none;
    padding-top:20px;
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }
  .s-clients .ctr {
	margin:10px;
	padding-top:0px;
	width:100%;
  } 
  .bgColor {
	padding-top:0px;
	padding:10px 0px 10px 0px;
  }  

   .clients .servizio1 {
    margin:0px;
    padding-top:10px;
    width:100%;
    font-size:18px;
    font-weight:500;   
  }   
  .clients .servizio1 h4{
    font-size:36px;
    margin:0px;
    padding:0px;
    font-weight:600;
  }
  .clients .servizio2 {
    text-align:left;
    width:100%;
    font-size:14px;
    padding:10px;
  }  
   .s-clients .prezzo{
    text-align:center;
    width:100%;
  } 
   .clients .prezzo h2{
	font-size:28px;
  }     
  .clients .servizio2 h5{
    text-align:left;
    margin-top:10px;
    font-weight:500;    
  }   
  .clients li img {
    position:relative;
    left:20%;
    right:20%;
    width:0px;
	height:auto;
  } 
  .clients .costi1 {
    width:70%;
    margin-right:20px;
    padding:2px;
    height:43px;
  }  
  .clients .costi1 span{
    font-size:14px;
  }  
  .clients .costi2 span{
    font-size:18px;
  }       
  .clients  #costiPromo{
    height:80px;
    font-size:18px;
    font-weight:700;
    letter-spacing:-0.8px;
    vertical-align:middle;
  }   
  .clients .costi2 {
    width:15%;
    font-weight:600;
    padding:2px;
    height:43px;
  }
  .clients .costiSubtitle {
	font-size:14px;
  }    
         
  footer div {
	text-align:center;
  }
  .footerRight {
	text-align:center;
	padding:5px;
    display:inline-block;
   	width:80%;	
  }
  .footerMenu  {
	text-align:left;
  }  
  /* SEZIONE AIUTO */
.text-primary {
    color: #ff6600;
}

#flip
{
	padding:5px;
	color:#ff6600;
	font-size:32px;
	line-height:30px;
	text-align:left;
	width:120px;
	background:#222222;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:2200; 
	height:130px;
}
 #flip h5{
	font-size:30px;
	color:#ff7700;
	line-height:22px;
	padding-top:5px;
 }
 .fa .fa-times{
	display:inline-block; 
	font-size:30px;
	color:#ff7700;
	width:5%;
 }
 #flipTop span {
	display:inline-block; 
	font-size:30px;
	color:#ff7700;
	width:5%;
 }

 .fa .fa-chevron-down {
    text-align:center; 
    width:100%; 
    font-size:70px; 
    color:#ff7700;
    line-height:10px;
    margin-top:-30px;
    padding:0px;
 }
 #flip div {
    text-align:center; 
    width:100%; 
    font-size:70px; 
    color:#ff7700;
    line-height:12px;
    margin-top:25px;
 }
#panel
{
	padding:0px;
	width:150px;
	background:#f4f4f4;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:2200; 
	color:#222222;
}
#panel span
{
	font-size:14px;
}

#panel div
{
	font-size:14px;
	padding-bottom:5px;
}
.panelForm
{
	padding:10px 10px;
	width:150px;
}
.panelForm h5
{
	font-weight:600;
}
.panelForm div
{
	display:inline-block;
	width:48%;
}
#flipTop {
	padding:8px 5px 5px 5px;
	height:36px;
	width:150px;
	background:#333;
	font-size:20px;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;		
	z-index:3300; 
	color:#ff6600;
}
.btnChat {
    font-weight: 400;
    font-family: "helvetica", "Arial", sans-serif;
    color: #ffffff;
    margin-top:5px;
    min-width: 120px;
    font-size: 14px;
    padding: 5px 5px 5px 5px;
    border: 2px solid #ec4901;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    background: #ec4901;
}
* {margin:0; padding:0;}            
}


@media screen and (max-width: 420px) {
.soloOnline {
position:absolute; 
top:75px; 
right:50%; 
left:50%; 
width:300px;
color:#ff6600; 
font-size:18px; 
font-weight:700;
}

.s-intro img {
  margin-top:-110px;
  margin-bottom:45px;
  text-align:left;
}
.s-intro h2 {
  display:none;  
  }
.s-introMegadsl img {
  margin-top:80px;
  text-align:left;
  width:200%;
}
  .btnMegadsl {
  margin-top:120px;
  } 	
  .t-front .s-intro {
  overflow:visible;
  padding-top:20px;
  height:240px;
  margin-bottom:100px;
  }
  .t-front .s-intro .ctr {
  position: relative;
  padding-top:80px;
  padding-bottom:14px;  
  }  
.s-intro .p-title-right {
  position:relative;
  left:2%;
  top:-80px;
  text-align:center; 
  width:95%;
  color:#222222;
  font-size: 36px;
  letter-spacing:-0.5px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 400;
  padding-bottom: 0px;
  margin: 21px 0 4px;
}
.s-intro .p-subtitle-right {
  position:relative;
  left:2%;
  top:-80px;
  text-align:center; 
  width:95%;
  color:#222222;
  font-size: 24px;
  line-height: 1.1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65), 1px 1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 300;
  padding-bottom: 0px;
  margin: 21px 0 4px;
      display:none;
} 

.background {
  width:100%;
  position:relative;
  margin-top:-50px;
}  
.background div {
  display:inline-block;
  padding:2px;
  vertical-align:middle;
}
.background div img {
   display:inline-block;
   width:40px;
   margin-right:0px;	
   padding-top:15px;
}
.s-intro .News .newsText {
  display:none;
}
  .s-intro .News {
  display:inline-block;
  font-size:14px;
  padding-top:15px;
  padding-bottom:5px;
  vertical-align:middle;
  width:80%;
  position:relative;
  z-index:2000;
  text-align:left;
}
  .s-intro .News div {
  display:inline-block;
  font-size:12px;
}

   .servizioRight {
    margin-top:-70px;
    position:relative;
    top:0px;
    left:2%;
    right:2%;  
    text-align:center;  
    width:100%; 
    line-height:24px;
  } 
  
  .servizioRight h1 {
    line-height:18px;
	font-weight:600;
	text-align:left;
	letter-spacing:-1px;
	padding-bottom:40px;    
  } 
    .servizioRight h2 {
    line-height:24px;
	padding-bottom:10px;    
  } 
  .servizioRight #title{
  	display:block;
  	font-size:36px;
  	letter-spacing:-1px;
  }  
  #subtitle {
    font-size:24px;
    font-weight:400;
    padding-top:-20px;
    margin-top:-20px;
    line-height:10px;
  } 
.clientsForm li {
text-align: left;
font-size: 16px;
padding-bottom: 10px;
display: inline-block;
width: 65%;
}  
.clientsForm li input{
text-align: left;
font-size: 16px;
padding-bottom: 10px;
display: inline-block;
width: 60%;
} 
.Megadsl {
    position:relative;
    top:50px;
    left:1%; 
    text-align:left;  
    width:90%;
    line-height:30px;
  } 
  .Megadsl h1 {
  margin-top:20px;
	font-size:56px;
	font-weight:600;
	padding-bottom:5px;
	letter-spacing:-2px;     
  } 
  .Megadsl h2{
	font-size:24px;
	font-weight:500;
	letter-spacing:-1px;    
  }         
  .servizio1 h4 {
	font-size:24px;
	font-weight:500; 
	text-align:left; 
	letter-spacing:-0.5px;	  
	line-height:20px; 
  }   
   .servizio1 h4 #subtitle {
	font-size:20px;
	font-weight:500; 
	text-align:left; 
	letter-spacing:-0.5px;	  
	line-height:20px; 
  }   
  .servizioRight h2 {
   font-size:18px;
   font-weight:400;
   letter-spacing:-0.8px;
   text-align:left; 
   width:100%;
   height:150px;	 
   margin-top:-30px;   
  } 
.btnBanner {
    padding: 10px;
    text-align: center;
    min-width: 210px;
    font-weight: 600;
    font-size: 24px;
    margin-top: 0px;
}  
  .servizioRight img{
	 width:92px;
   height:auto;    
  } 
   .servizioLeft {
   padding-top:0px;
   position:relative;
   top:0px;
   left:1%;
   right:1%;  
   text-align:left; 
  }   
  .servizioLeft h1 {
	font-size:40px;
	font-weight:600;
	color:#ffffff; 
	text-align:left;    
  } 
   .servizioLeft h2{
	font-size:18px;
	font-weight:600;
	letter-spacing:-0.5px;
	color:#ffffff;
   text-align:left; 	    
  } 
  .servizioLeft img{
	width:92px;
    height:auto;    
  }       

  .s-intro-img {
  background: #333333 url("../img/home/img-home-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  height:250px;
  }
  .s-intro-img-business {
  margin-top:60px;
  background: #333333 url("../img/home/img-home-business-max.jpg") 50% 50% no-repeat;
  background-size: cover;
  height:250px;
  } 
   .s-intro-img-servizio-tuttoincluso-business {
  margin-top:60px;
  height:350px; 
  background-color: #aece00;
  }
  .s-intro-img-servizio-internet-business {
  margin-top:60px;
  height:350px; 
  background: #3782cf;
  }
  .s-intro-img-servizio-telefonia-business {
  margin-top:60px;
  height:350px;

  background: #ff6600;
  }
  .s-intro-img-servizio-servizi-business {
  margin-top:60px;
  height:350px;
  background:#d0a702;
  }   
  .s-intro-img-servizio-tuttoincluso-home {
  margin-top:60px;
  height:350px;
  background-color: #aece00;
  }
  .s-intro-img-servizio-internet-home {
  margin-top:60px;
  height:350px; 
  background: #3782cf
  }
  .s-intro-img-servizio-telefonia-home {
  margin-top:60px;
  height:350px;

  background: #ff6600;
  }
  .s-intro-img-servizio-servizi-home {
  margin-top:60px;
  height:350px;
  background:#d0a702;
  }    
  .s-intro-img-supporto {
  background: #61aabd url("../img/banner/banner-supporto.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-company {
  background: #61aabd url("../img/banner/banner-company.jpg") 50% 50% no-repeat;
  background-size: cover;
  }  
  .s-intro-img-partner {
  background: #61aabd url("//www.activenetwork.it/img/banner/banner-recruitment.png") 50% 50% no-repeat;
  background-size: cover;
  height:280px;
  }  
  .s-intro-img-bannerMegadsl {
  background: #ffffff url("../img/banner/banner-megadsl-img.jpg") 30% 50% no-repeat;
  background-size: cover;
  margin-top:90px;
  padding-top:20px;
  height:370px;
  }  
 
.bannerMegadsl ul{
width:100%;
margin-top:-80px;
}
.bannerMegadsl ul li{
width:100%;
padding-right:80px;
display:inline-block;
}
.bannerMegadsl .serviziMegadsl {
visibility:hidden;
margin-top:20px; 
background:#43a3df; 
border-radius:50%; 
width:200px; 
height:200px;
color:#ffffff;
text-align:left;
letter-spacing:-1px;
padding:35px 10px 10px 10px;
font-size:13px; 
line-height:22px;
font-weight:600;
}
.bannerMegadsl .spotMegadsl {
color:#fff;
text-align:left;
letter-spacing:-2px;
font-size:30px;
width:250%;
line-height:34px;
}
.bannerMegadsl .spotMegadsl div{
padding-bottom:10px;
display:inline-block;
}
.bannerMegadsl .spotMegadsl .serviziTitle {
text-align:left;
font-size:40px;
padding:0px 0px 10px 0px;
}
.bannerMegadsl .spotMegadsl .serviziTitle span {
text-align:left;
font-weight:600;
}
.bannerMegadsl .spotMegadsl .serviziPrezzo {
text-align:left;
font-size:70px;
letter-spacing:-12px;
font-weight:600;
}
.bannerMegadsl .spotMegadsl div span {
text-align:left;
font-size:40px;
vertical-align:baseline;
font-weight:600;
} 
.operationFriend {
text-align:left;
font-size:18px;
font-weight:600;
width:155%;
line-height:26px;
letter-spacing:-1.5px;
position:absolute;
top:180px;
color:#fecb00;
left:10px;
} 
.operationFriend div{
text-align:left;
font-size:16px;
font-weight:400;
width:155%;
letter-spacing:-1.5px;
color:#fff;
background-color:#00adcd;
} 
.operationFriend2 {
text-align:left;
font-size:18px;
font-weight:600;
width:155%;
line-height:26px;
letter-spacing:-1.5px;
position:absolute;
top:240px;
color:#fecb00;
left:10px;
} 
.operationFriend2 div{
text-align:left;
font-size:16px;
font-weight:400;
width:155%;
letter-spacing:-1.5px;
color:#fff;
background-color:#00adcd;
} 
.bollino {
	position:absolute; top:140px; left:65%; background:#fecb00; border-radius:50%; padding:20px 10px 10px 10px; width:100px; height:100px; color:#333; font-size:24px; font-weight:700; line-height:22px;
}  
.bollino2 {
	position:absolute; top:125px; left:65%; background:#fecb00; border-radius:50%; padding:8px 6px 6px 6px; width:50px; height:50px; color:#333; font-size:14px; font-weight:700; line-height:12px;
} 
  
.btnMegadsl {
  margin-top:-80px;
  margin-bottom:20px;
}  

/* SEZIONE SOLO ON LINE */
#label
{
	padding:5px;
	color:#ff6600;
	font-size:21px;
	line-height:22px;
	letter-spacing:-2px;
	text-align:left;
	width:250px;
	background:#222222;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	top:0px;
	right:30px;
	position:fixed;			
	z-index:2200; 
	height:60px;
}

#label2
{
	margin-top:-100px;
	padding-bottom:100px;
	color:#333;
	font-size:18px;
	line-height:25px;
	letter-spacing:-2px;
	text-align:center;
	width:98%;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	z-index:2200; 
}
.text-primary2{
margin-top:4px;
display:inline-block; 
font-size:30px;
width:5%;
}
.fa .fa-asterisk{
display:inline-block; 
font-size:30px;
color:#f00000;
width:5%;
}
/* SEZIONE AIUTO */
.text-primary {
    color: #ff6600;
    width:20%;
}

 #flip
 {
	padding:5px;
	color:#ff6600;
	text-align:left;
	width:120px;
	background:#222222;
	vertical-align:top;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:8000; 
	letter-spacing:-1px 
	height:85px;
 }
 #flip h5{
	font-size:30px;
	color:#ff7700;
	line-height:22px;
	padding-top:5px;
 }
 .fa .fa-times{
	display:inline-block; 
	font-size:30px;
	color:#ff7700;
	width:5%;
 }
 .fa .fa-chevron-down {
    text-align:center; 
    width:100%; 
    font-size:70px; 
    color:#ff7700;
    line-height:10px;
    margin-top:-30px;
    padding:0px;
 }
 #flip div {
    text-align:center; 
    width:100%; 
    font-size:70px; 
    color:#ff7700;
    line-height:12px;
    margin-top:25px;
 }
#panel
{
	padding:0px;
	width:150px;
	background:#f4f4f4;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;
	position:fixed;			
	z-index:9000; 
	color:#222222;
}
#panel span
{
	font-size:14px;
}

#panel div
{
	font-size:14px;
	padding-bottom:5px;
}
.panelForm
{
	padding:10px 10px;
	width:150px;
}
.btnChat {
    font-weight: 400;
    font-family: "helvetica", "Arial", sans-serif;
    color: #ffffff;
    margin-top:5px;
    min-width: 120px;
    font-size: 14px;
    padding: 5px 5px 5px 5px;
    border: 2px solid #ec4901;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    background: #ec4901;
}
.panelForm h5
{
	font-weight:500;
	font-size:12px;
}
.panelForm div
{
	display:inline-block;
	width:48%;
}

#flipTop
{
	padding:8px 5px 5px 5px;
	height:36px;
	width:150px;
	background:#333;
	font-size:20px;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	bottom:0px;
	right:20px;		
	z-index:9000; 
	color:#ff6600;
}

* {margin: 0; padding: 0;}
 
 
  .services .ctr {
    width: 100%;
    margin:0px;
    padding:0px;
  }   
      
  .services img {
    float: center;
  }
  .services {
    text-align: left;
    width: auto !important;
    margin:0px;
    padding:0px;
    width:100%;  
  }
  .services .right-aligned-4 div{
	width:100%;
	left:0%;   
  }    
  .services .right-aligned div{
	width:100%;
	left:0%;   
  }  
  .services .left-aligned div{
	width:100%;   	
  }     
  .services h3 strong {
    font-size:18px;
    color:#222222;
    font-weight:600;
  }
  .services h4 {
    font-size:14px;
	color:#222222;
	font-weight:600;
  }
  .bgColor {
	padding:10px 0px 10px 0px;
  }
  .serviziDesc {
  	position:relative;
  	z-index:3000;
  	top:0;
    font-size:18px;
    text-align:left;
    font-weight:400;
    color:#000000;
  } 
  .serviziDesc h7{
    font-size:22px;
    text-align:left;
    font-weight:500;
    color:#000000;
  }  
  .riga {
    border-top:1px solid #cccccc;
  } 
   #riga {
    padding-top:2px;
  }    
  .freccia {
    float: right;
    width: 44px;
    height: 44px;
    margin-top: -44px;
    background: url("../img/freccia-right.png") right top no-repeat;
    cursor: pointer;
  }
  .services .right-aligned .serviziOfferta {
  	width:100%;
    font-weight:600;
    color:#222222; 
    background:#f4f4f4;
    padding-bottom:8px;
    margin-bottom:-18px;
  } 
  .services .right-aligned-4 .serviziOfferta li{
    width:100%;
    margin-top:3px;
    height:56px;
    margin-right:10px;
    font-weight:600;
    color:#222222; 
    border-bottom:1px solid #cccccc; 
  }    
  .services .right-aligned .serviziOfferta li{
    width:100%;
    margin-top:3px;
    height:56px;
    margin-right:10px;
    font-weight:600;
    color:#222222; 
    border-bottom:1px solid #cccccc; 
  }   
  .services .right-aligned .serviziOfferta h4{
	font-size:18px;
	font-weight:600;
    width:200px;		
  } 
  .services .right-aligned-4 .serviziOfferta h2{
	font-size:18px;
	font-weight:600;
	color:#222222;
  }    
  .services .right-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:600;
	color:#222222;
  } 
  .services .right-aligned-4 .serviziOfferta h5 {
    visibility:hidden;
    position:relative;
    top:-25px;
    display:inline-block;
    margin-left:20px;    
    padding:10px;
    width:150px;
	font-size:24px;
	font-weight:600;
    color:#ffffff;
    padding:1px;
    text-align:center;   
  }   
  .services .right-aligned .serviziOfferta h5 {
    visibility:hidden;
    position:relative;
    top:-25px;
    display:inline-block;
    margin-left:20px;    
    padding:10px;
    width:150px;
	font-size:24px;
	font-weight:600;
    color:#ffffff;
    padding:1px;
    text-align:center;   
  } 
  .services .right-aligned-4 .serviziOfferta h6 {
    display:none;
    padding-top:20px;
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }   
  .services .right-aligned .serviziOfferta h6 {
    display:none;
    padding-top:20px;
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }    
  .services .left-aligned .serviziOfferta {
  	width:100%;
    padding-top:10px;   
    color:#222222;
    font-weight:600;
    background:#ffffff;  
    padding-bottom:13px;
    margin-bottom:-23px;    
  }   
  .services .left-aligned .serviziOfferta li{
    width:100%;
    margin-top:3px;   
    height:56px;    
    margin-right:10px;
    font-weight:600;
    color:#222222;
    border-bottom:1px solid #cccccc;         
  }   
  .services .left-aligned .serviziOfferta h4{
	font-size:18px;
	font-weight:600;
  }
  .services .left-aligned .serviziOfferta h2{
	font-size:18px;
	font-weight:600;    
	color:#222222;   			   	
  } 
  .services .left-aligned .serviziOfferta h5 {
    visibility:hidden;   
    position:relative;
    top:-25px;
    display:inline-block;
    margin-left:20px;    
    padding:10px;
    width:150px;
	font-size:24px;
	font-weight:600;
    color:#ffffff;
    padding:1px;
    text-align:center;         
  } 
  .services .left-aligned .serviziOfferta h6 {
    display:none;
    padding-top:20px;
    line-height:18px;
	font-size:12px;
	font-weight:500;
	color:#222222;
  }   
   .s-clients .ctr {
    text-align:left;
    width:100%;
	margin-top:0px;
	padding:10px;    
  }  
   .s-clients .titoliSezione {
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
  }  
  .clients .servizio1 {
    margin:0px;
    padding:0px;
    width:100%;
    font-size:18px;
    font-weight:500;   
  }   
  .clients .servizio1 h3{
    font-size:24px;
  }
  .clients .servizio1 h4{
    font-size:24px;
    margin-top:20px;
    margin-bottom:10px;
    padding:0px;
    font-weight:600;
  } 
  
  .clients .servizio2 {
    text-align:left;
    padding:10px;
    width:100%;
    font-size:14px;
    margin-top:20px;
  }  
   .s-clients .prezzo{
    text-align:center;
    width:100%;
  } 
   .clients .prezzo h2{
	font-size:28px;
  }     
  .clients .servizio2 h5{
    text-align:left;
    margin:10px 0px 10px 0px;
    padding:0px;
    font-weight:500;
    width:100%;        
  }  
      
  .clients {
  	width:100%;
    padding:0px;   
    color:#222222;
    font-weight:500; 
    margin-bottom:-23px;    
  }   
  .clients ul li{
    width:100%;
    margin-top:3px;      
    margin-right:10px;
    color:#222222;        
  }    
   .clients li h4{
	font-size:18px;
	font-weight:600;
  }
   .clients li h5{
	font-size:14px;
	font-weight:500;
  }  
   .clients li ul li{
    display:inline-block;
    padding-right:10px;
    color:#222222;
    font-size:14px;
    border-bottom:1px solid #cccccc;    
  } 
  .clients .costiTitle {
    color:#3782cf; 
    font-weight:600;
    letter-spacing:-0.8px;
    margin-top:4px;    
    margin-right:10px;
    padding:2px;
    border-bottom:0px solid #ffffff;
  }   
   .clients  #costiPromo{
    font-size:14px;
    font-weight:600;
    letter-spacing:-0.8px;
    vertical-align:middle;
  } 
   .clients  #costiPromo{
    font-size:14px;
    font-weight:300;
    letter-spacing:-0.8px;
    vertical-align:middle;
  }      
   .clients .costi1 {
    width:56%;
    margin-right:10px;
    padding:2px;
    height:43px;
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.5px;
    vertical-align:middle;
  }   
   .clients .costi2 {
    width:35%;
    font-weight:600;
    padding:2px;
    height:43px;
    font-size:18px;
    vertical-align:middle;
  }  
    .clients .costi2 span{
    width:33%;
    font-weight:600;
    height:43px;
    font-size:18px;
    vertical-align:middle;
  }   
  .clients li img {
    float:none;
    position:relative;
    left:10%;
    right:10%;
    width:172px;
	  height:auto;
  }   
  footer div {
	text-align:center;
  }
  .footerRight {
	text-align:right;
	padding:5px;
    display:inline-block;
   	width:60%;	
  }
  .footerMenu  {
	text-align:left;
  }
  footer ul li {
  	display:block;
	font-size:11px;
	font-weight:600;
	color:#ffffff;
  } 
  footer div ul li {
	font-size:11px;
	font-weight:600;
	color:#ffffff;
  }    
  
}
@media screen and (max-width: 1025px) {
   .clients .costi1 {
    width:70%;
    margin-right:10px;
    padding:2px;
    height:43px;
    font-weight:500;
    letter-spacing:-0.5px;
    vertical-align:middle;
  }   
   .clients .costi2 {
    width:21%;
    letter-spacing:-0.8px;
    font-weight:600;
    padding:2px;
    height:43px;
    font-size:17px;
    vertical-align:middle;
  }
  .costi2 span{
	font-size:17px;
  } 
    .servizioRight h1 #subtitle{
    font-size:30px;
    font-weight:500;
    margin-top:0px;
    line-height:50px;
    padding-top:10px;
  } 
}
@media screen and (max-width: 768px) {
  .products-features li {
    min-height: 6em;
  }
}

.s-support {
  padding-top:50px;
  background:#555555;
  color:#ffffff; 
  width:100%;
}
.s-support .s-title {
  background:#222222;
  text-transform:uppercase;
  font-family: "Dosis", "Helvetica", Arial, sans-serif;
}  
.s-service-list {
  padding-top: 60px;
}

/* SEZIONE OPERATION FRIEND */
#panel2, #flip2
{
	padding:0px;
	width:298px;
	background: url("../img/banner_d+_operationfriend.png") left center no-repeat;
	text-align:center;
	top:0px;
	left:35px;
	position: relative;			
	z-index:300; 
}
#flipTop2
{
	padding:0px;
	height:0px;
	width:298px;
	text-align:center;
	top:0px;
	left:20px;		
	z-index:200; 
}
#panel2
{
	background:#f4f4f4;
	border-radius:5px;
	padding:0px;
	display:none;
	top:95px;
	left:22px;
	width:320px;
	z-index:200;
	position: relative; 
}
* {margin:0px; padding:0px;}

/* SEZIONE BEACTIVE PER IL SOCIALE */

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 20px auto;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  z-index:6000;
  line-height:26px;
  vertical-align:top;
}

.popup h2 {
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  font-weight:700;
  font-size:18px;
  line-height:30px;
}

popup .close {
  position:absolute;
  top: 10px;
  right: 10px;
  line-height:26px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  text-align:center;
  color:#333;
  background:#ebebeb;
  width:30px;
  height:30px;
  border-radius:2px;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height:30%;
  overflow: auto;
  color:#333;
  font-size:14px;
}
.popup .content a {
  color:blue;
}
@media screen and (max-width: 700px){
  .box{
    width: 90%;
  }
  .popup{
    width: 90%;
    left:5px;
    right:5px;
  }
}
/* SEZIONE SOLO ON LINE */
#label
{
	padding:5px;
	color:#ff6600;
	font-size:32px;
	line-height:40px;
	letter-spacing:-2px;
	text-align:left;
	width:250px;
	background:#000;
	vertical-align:top;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	top:0px;
	right:30px;
	position:fixed;			
	z-index:2200; 
	height:60px;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */