ul.open {padding:0;}
.row {width: auto; min-width: 100%;}
.features img {
    float: left;
    padding: 10px 20px 0 0;
}
img.img-responsive {
    float: left;
        width: 100%;
}
.quattro {text-align: center;}
.quattro h4 {font-size:90px}
.pull-left {float: left;}
.pull-right {float: right;}
li.subnavbtn.active a{color:#fff}
li.subnavbtn a{color:#000}
.video { color:#000; font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.video h1 {text-align: center; font-weight: bold;}
.video h2 {font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.video h3 {text-align: center; font-weight: 500;}
.azura { color:#000; font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.azura h1 {text-align: center; font-weight: bold; font-family: "Montserrat", Arial, Helvetica, sans-serif; padding:7px;}
.azura h2 {font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.azura h3{text-align: center; font-weight: 500;}
.azura h4 {text-align: center; font-weight: 500;color:#000; font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.azura h5 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size:17px;}
.free-domanda h3 {text-align: center; font-weight: bold;  font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.free-domanda h4 {font-size:20px;font-weight: bold;  font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.free-domanda h6 {font-size:15px; font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.free-domanda i {color:#000;}
.cookiealert {  color:#fff; padding:12px; font-family: "Montserrat", Arial, Helvetica, sans-serif;  background: #22bb5f !important ;  }
.bordonero {	border:2px solid #000;     font-family: 'Architects Daughter', cursive !important;
    font-size: 25px;}
.sottomenu {    font-family: 'Architects Daughter', cursive !important;  font-size: 19px;}
.wall1 {  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  font-family: 'Architects Daughter', cursive;  padding:10px;background-position: center; background-image: url('../images/audio-wall.jpg'); background-size:cover}
.wall2 {  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  font-family: 'Architects Daughter', cursive;  padding:10px;background-position: center; background-image: url('../images/video-wall.jpg'); background-size:cover}
.display-4 {text-shadow: 0 0 5px #000; color:#fff;     font-family: 'Architects Daughter', cursive;}
.lead, .wall1 p, .wall2 p {text-shadow: 0 0 5px #000; color:#fff;     font-family: 'Architects Daughter', cursive;}
.novita , .inarrivo { position: relative;}

.sub-menu {background-color: #2b2b2b; width: 100%; padding:10px 15px; color:#fff;float:left; min-height: 50px;}
.sub-menu a {padding-right:15px; font-family: 'Architects Daughter', cursive; color:#fff; font-size:18px; text-decoration: none;}
.sub-menu a:hover { font-family: 'Architects Daughter', cursive; color:#fff; font-size:18px; border-bottom: 0.25em solid #22bb5f;
    text-decoration: none;}
    .sub-menu a.active { font-family: 'Architects Daughter', cursive; color:#fff; font-size:18px; border-bottom: 0.25em solid #22bb5f;
        text-decoration: none;}

.inarrivo:before {content: "IN ARRIVO";   color: #fff;
  padding: 1px 8px;
  background-color: #ff0000;
  font-size: 12px;
  font-weight: 900;
  clear: left;
  margin-bottom: 5px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  position: absolute;
  border-radius: 3px;
  right: 10px;
top:-20px;}


	.novita:before {
	    content: "NOVITA";
	    color: #fff;
	    padding: 1px 8px;
	    background-color: #22bb5f;
	    font-size: 12px;
	    font-weight: 900;
	    clear: left;
	    margin-bottom: 5px;
	    font-family: "Montserrat", Helvetica, Arial, sans-serif;
	    position: absolute;
	    border-radius: 3px;
	    right: 10px;
		top:-20px;}

.serverpc {
	margin-top:-20px;
	margin:0 auto;
	position: absolute;
}
.blocco-servizi {
	padding:10px;
	box-sizing: border-box;
		color:#fff;
		border-bottom:3px solid #fff;
		background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
}
.blocco-servizi-img {float:left; width:10%;}
.blocco-servizi-destra {float:left; text-align: center; width: 90%;}
.blocco-servizi-titolo {float:left; width: 100%; text-align: left;;}
.blocco-servizi-desc {float:left; width: 100%; text-align: left;;}
.blocco-servizi h2 { color:#fff;     font-family: 'Architects Daughter', cursive; font-weight: bold; font-size:25px}
.blocco-servizi-desc h6 {color:#fff;     font-family: 'Architects Daughter', cursive;font-weight: 400; font-size:17px;}
.blocco-servizi-link {    font-family: 'Architects Daughter', cursive;      background-color: #000!important; color: #FFF!important;
    text-transform: uppercase}
.dropdown-menu {background-color: #22bb5f;}
#lingua.dropdown {position:static;margin-bottom:20px;}
/*==========6. PLANS AND PRICING==============*/

/* Animation */

.PlanPricing {
	margin-top:100px;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
@media (min-width:767px) {
.PlanPricing:hover {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -o-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 z-index:2;
}
}
.PlanPricing .planName {
	background:#202b34;
	padding-top:50px;
	padding-bottom:10px;
	text-align:center;
}
.PlanPricing .price {
	background:#2cc76a;
	padding:5px;
	color:#FFF;
	font-size:42px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	display:block;
	width:100px;
	height:100px;
	line-height:100px;
	margin:0 auto;
	position:relative;
	margin-top:-107px;
	margin-bottom:10px;
	line-height: 2.2;
}
.PlanPricing.Recommended .price {
	background:#f45c57;
}
.PlanPricing .planName h3 {
	color:#FFF;
	text-align:center;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.PlanPricing .planName p {
	color:#999;
	text-align:center;
}
.PlanPricing .planFeatures {
	background:	#e8e9ea;
	text-align:center;
	padding:10px;
}
.PlanPricing .planFeatures ul {
	margin:0;
	padding:0;
	list-style:none;
}
.PlanPricing .planFeatures ul li {
	padding:13px 0;
	list-style:none;
}
.PlanPricing p {
	margin:0;
}
.PlanPricing .btn {
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*==========7. COMPARE PLANS ==============*/

.ComparePlans {
	margin-top:20px;
}
.ComparePlans .planFeatures {
	text-align:center;
	padding:10px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.ComparePlans .CompareList .planFeatures {
	text-align:right;
}
.ComparePlans .planFeatures ul {
	margin:0;
	padding:0;
	list-style:none;
}
.ComparePlans .planFeatures ul li {
	padding:13px 0;
	list-style:none;
}
.ComparePlans .planHead1 {
	height:60px;
	background:#FFF;
}
.ComparePlans .planHead2 {
	height:60px;
	background:#2cc76a;
}
.ComparePlans .planHead3 {
	height:60px;
	background:#f45c57;
}
.ComparePlans .planHead2 h3, .ComparePlans .planHead3 h3 {
	color:#FFF;
	text-align:center;
	padding:0;
  font-style: italic;
	margin:0;
	text-transform:uppercase;
	padding-top: 14px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.planFeatures i {color:#000;}
.ComparePlans .pricing1 .planFeatures {
	border-right:solid 1px #2cc76a;
	border-left:solid 1px #2cc76a;
}
.ComparePlans .pricing2 .planFeatures {
	border-right:solid 1px #f45c57;
	border-left:solid 1px #f45c57;
}
.ComparePlans .btn {
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
a, a:link {text-decoration: none !important;}
 .bottone-clienti {
    color: #fff;
    padding: 8px 8px;
    background-color: #22bb5f;
    font-size: 15px;
    margin-bottom: 5px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    border-radius: 3px;
}
.bottone-clienti-blog {
    color: #000 !important;
    padding: 8px 8px;
    background-color: #fff;
    font-size: 15px;
    margin-bottom: 5px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    border-radius: 3px;
}

  .blocco { margin: 0 auto;
    max-width: 1100px; background-color: #fff;
    margin-bottom: 20px;
   box-sizing: border-box;
    display:block}
  .active {color:#fff !important;}
  * {margin:0; padding:0; box-sizing: border-box;}
  .header-top {background: #2b2b2b; width:100%; float:left; min-height:60px; padding:10px; box-sizing: border-box; }
  .header-1350 { margin: 0 auto; max-width:1350px; }
  .header-1250 { margin: 0 auto; max-width:1250px; }
  .header-1250-slide { margin: 0 auto; max-width:1250px; }
  .header-1100 { margin: 0 auto; max-width:1100px; }
  .header-1100-logo {float:left; width:10%;}
  .header-1100-menu2 {float:right; width:90%; text-align:right;}
  .header-1100-menu2 a {color:#fff; font-family: 'Quicksand', sans-serif;text-decoration:none;}
  .header-1100-menu2-contatti {float:left;  text-align: center; color:#fff;font-family: 'Quicksand', sans-serif;text-decoration:none;}
  .header-1100-menu2-contatti a, i {color:#fff;}
  .header-1100-menu2-contatti i {letter-spacing: 4px;}
	.menu {background-color: #22bb5f; width:100%; float:left; min-height:60px; padding:10px; box-sizing: border-box;}
  .slide {width:100%;float:left;
      background-color: #383838;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 120px 0px;
      position: relative;
      background-position: center;
      box-sizing: border-box;
			border-top:2px solid #000;
  }
  .slide h1 {text-shadow: 0 0 5px #000;
    font-size: 1.9rem; color:#fff;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase; font-weight: bold;word-wrap: break-word;}
  .slide h3{text-shadow: 0 0 5px #000;
    font-size: 1.2rem; color:#fff;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase; font-weight: 300; word-wrap: break-word;}
  /*  .slide:before {content: '';
     position: absolute;
     bottom: -4px;
     left: 0px;
     border-bottom: 54px solid #fff;
     border-right: 34px solid transparent;
     width: 0;
     z-index: 2;}
     .slide:after {content: '';
      position: absolute;
      bottom: -4px;
      right: 0px;
      border-bottom: 54px solid #fff;
      border-left: 34px solid transparent;
      width: 0;
      z-index: 2;} /*


  /* The navigation menu */
.navbar {
  overflow: hidden;
   margin: 0 auto; max-width:1100px; text-align:center; position: inherit;
}

/* Navigation links */
.navbar a {
  float: left;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  color:#000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  text-transform: uppercase;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  color:#000;
}


/* Subnav button */
.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  font-family: 'Montserrat', sans-serif;
  color:#000;
  padding: 14px 16px;
  background-color: inherit;
  margin: 0;
  text-transform: uppercase;

}

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
background-color: #22bb5f;
}
.dropdown {position:static;}
/* Style the subnav content - positioned absolute */
.subnav-content {
  display:none;
  position: absolute !important;
  left: 0;
  right:0;
  padding: 50px 20px;
  background: #2b2b2b;
  width: 100%;
  margin-top: 13px;
  z-index: 1;
  position: relative;
}

.subnav-content-1100{
  margin:0 auto; max-width:1100px; color:#fff;
}
.subnav-content-1100 h3 {     font-family: 'Quicksand', sans-serif; color:#fff; font-size:28px; font-weight: bold;}
.subnav-content-1100 p {      font-family: 'Quicksand', sans-serif; color:#fff; font-size:17px}

.subnav-content-1250{
  margin:0 auto; max-width:1100px; color:#fff;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}

.tastoazzurro {
background-color: rgba(108,170,240 ,0.6);
color: #fff;
padding: 15px;
border-radius: 8px;
margin-bottom: 5px;
}

.btn-success-lingua, .btn-success:hover, .btn-success:focus, .btn-success:active {
	    text-transform: initial;  background-color: #22bb5f!important;
    color: #FFF!important;color: #fff;font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

 .btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #22bb5f!important;
    color: #FFF!important;     font-style: italic;
   font-family: "Montserrat", Arial, Helvetica, sans-serif;text-transform: uppercase;}

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active {  background-color: #eb534e!important;
      font-style: italic;  color: #FFF!important;font-family: "Montserrat", Arial, Helvetica, sans-serif;text-transform: uppercase; }

.subnav-content-1100 a {text-align:center; float:none;}
.offerta {color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; text-align: center; padding: 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width:100%;
    border: 1 px solid transparent;font-family: 'Quicksand', sans-serif;
    border-radius: 4px; width: 100%;  float: left; margin-top:30px;}
.img-thumbnail {border:0;   font-family: 'Quicksand', sans-serif;}


.blog h4 {font-size: 24px;  text-align: center; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic;}
.blog p {font-size:18px; font-weight: 400; text-align: center;font-family: "Montserrat", Arial, Helvetica, sans-serif; }

.europa {width:100%;float:left;  position: relative;}
.europa h4 {font-size: 24px;  text-align: center; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic;}
.europa p {font-size:18px; font-weight: 400; text-align: center;font-family: "Montserrat", Arial, Helvetica, sans-serif; }
.francia {animation: pulse 2s infinite; left: 22.5%; top: 71.5%; border:1px solid #000; position: absolute; width: 16px;height: 16px;background-color: #2cc76a; border-radius: 50%;}
.germania {animation: pulse 2s infinite; left: 34.5%; top: 64.5%; border:1px solid #000; position: absolute; width: 16px;height: 16px;background-color: #2cc76a; border-radius: 50%;}
.inghilterra {animation: pulse 2s infinite; left: 21.3%; top: 56.2%; border:1px solid #000; position: absolute; width: 16px;height: 16px;background-color: #2cc76a; border-radius: 50%;}
.why {
    background: #1c2833;
    background-size: cover;
    margin-top: 80px;
    float:left;
    width: 100%;
    padding:15px;
    box-sizing: border-box;
    border-top: 3px solid #398439;
}
.why h4 { font-weight: bold;color:#fff;font-family: 'Architects Daughter', cursive; font-size:35px;}
.why h6 { color:#fff;font-family: 'Architects Daughter', cursive; font-size:27px;}

    /*==========10. FOOTER ==============*/

.footer-home {margin-top: 0px !important;
    border-top: 3px solid #398439;
    position: relative;
    color: #fff;
    background-color: #111;
    width: 100%;
    float:left;
    min-height: 230px;
    background-size: cover;
    overflow: hidden;     font-family: 'Quicksand', sans-serif;}



    .footer {
    	position: relative;
    	color: #fff;
    	background-color: #111;
    	background-size:cover;
    	overflow:hidden;
    	margin-top:80px;
    }
    .footer h1, .footer h3 {
    	color:#FFF;
    }
    .footerlinks {
    	margin:20px 0;
    }
    .footerlinks p {
    	color:#2cc76a;
    	text-transform:uppercase;
    	padding-top:15px;
    }
    .footerlinks ul {
    	margin:0;
    	padding:0;
    	list-style:none;
    }
    .footerlinks ul li {
    	color:#FFF;
    	padding:2px 0;
    }
    .footerlinks ul li a {
    	color:#FFF;
    }
    .copyright {
    	margin:30px 0;
    }
    .nomobile {display: inline-block;}
    #blog {min-height: 56px;}


		.copyright {font-weight: bold;color:#fff;font-family: 'Architects Daughter', cursive; font-size:17px;}
		.copy-sinistra {float:left; width: 20%;}
		.copy-destra {float:right; width:80%; text-align: right;}

      @media screen and (max-width: 1340px) {
        .subnav .subnavbtn {font-size: 13px;}
      }

    @media screen and (max-width: 1110px) {
      .wall1 {margin-bottom:12px;}
      .btn-danger, .btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active {margin-bottom:22px;}

      			.francia {animation: pulse 2s infinite; left: 23.5%; top: 75.5%; border:1px solid #000; position: absolute; width: 12px;height: 12px;background-color: #2cc76a; border-radius: 50%;}
      			.germania {animation: pulse 2s infinite; left: 34.5%; top: 69.5%; border:1px solid #000; position: absolute; width: 12px;height: 12px;background-color: #2cc76a; border-radius: 50%;}
      			.inghilterra {animation: pulse 2s infinite; left: 21.5%;top: 62.2%; border:1px solid #000; position: absolute; width: 12px;height: 12px;background-color: #2cc76a; border-radius: 50%;}
      			.blocco-servizi-img {float:left; width:100%; text-align: center;}
      			.blocco-servizi-destra, .blocco-servizi-titolo, .blocco-servizi-desc {float:left; text-align: center; width: 100%; text-align: center}
.subnav .subnavbtn { font-size:14px;}


        .header-1100, .header-1250 {width: 100%; float:left;}
        .header-1100-logo { width: 100%; float:left; text-align: center;}
        .header-1250-slide { width:100%; float:left; text-align:center; padding-left:10px; padding-right:10px;}
        .header-1100-menu2-contatti { width: 100%; float:left;text-align: center;}
        .header-1100-menu2-contatti a {font-size:13px;}
        .nomobile {display:none;}
        .blocco { width:100%; float:left;}
        .header-1100-menu2 {width:100%; padding-top:20px; text-align: center;}

      	.copy-sinistra, .copy-destra {float:left; width: 100%; text-align: center;}

    }

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

  .subnav-content-1100 img {
    display:none;
  }

.wall1 {margin-bottom:12px;}
.btn-danger, .btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active {margin-bottom:22px;}

			.francia {animation: pulse 2s infinite; left: 23.5%; top: 75.5%; border:1px solid #000; position: absolute; width: 12px;height: 12px;background-color: #2cc76a; border-radius: 50%;}
			.germania {animation: pulse 2s infinite; left: 34.5%; top: 69.5%; border:1px solid #000; position: absolute; width: 12px;height: 12px;background-color: #2cc76a; border-radius: 50%;}
			.inghilterra {animation: pulse 2s infinite; left: 21.5%;top: 62.2%; border:1px solid #000; position: absolute; width: 12px;height: 12px;background-color: #2cc76a; border-radius: 50%;}
			.blocco-servizi-img {float:left; width:100%; text-align: center;}
			.blocco-servizi-destra, .blocco-servizi-titolo, .blocco-servizi-desc {float:left; text-align: center; width: 100%; text-align: center}

  .header-1100, .header-1250 {width: 100%; float:left;}
  .header-1100-logo { width: 100%; float:left; text-align: center;}
  .header-1250-slide { width:100%; float:left; text-align:center; padding-left:10px; padding-right:10px;}
  .header-1100-menu2-contatti { width: 100%; float:left;text-align: center;}
  .header-1100-menu2-contatti a {font-size:13px;}
  .nomobile {display:none;}
  .blocco { width:100%; float:left;}
  .header-1100-menu2 {width:100%; padding-top:20px; text-align: center;}
  .navbar {width:100%;float:left;}
  .subnav { width: 100%;float:left; text-align: center; margin-bottom:5px;}
	.copy-sinistra, .copy-destra {float:left; width: 100%; text-align: center;}
  .sub-menu {display:none;}
  .inarrivo {margin-top:20px;}
  .inarrivo:before {display:none;}
  .novita:before {display:none;}
}