/* 
Custom Stylesheet add-on
Author: Andrea Nepori - www.camillomiller.com
*/


/* 
===========================================

GENERAL PURPOSE

===========================================
*/

body {
	background-color: #ecf0f1;
	}

img {
	max-width: 100%;
	}

section {
     padding: 50px 0; 
     }
     
.centered {text-align: center;}

.right {text-align: right;}

section.rose {background-color: #f36851;}

section.green {background-color: #A2D753;}

section.lightgray {background-color: #eeeeee;}

.large { max-width: 350px!important;}



/*
*****************
** BUTTON LINK **
*****************
*/

a.a_button, a.a_button:visited {
	padding: 22px 40px;
	font-size: 18px;
	border-radius: 10px;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 40px;
	max-width: 200px;
	}
	
/* GREEN BUTTON */	
	
a.green, a.green:visited {
	background-color: #A2D753;
	color: #2C3E50;
	text-decoration: none;
	
}

a.green:hover, a.green:active {
	background-color: #8dc22e;
	color: #2C3E50;
	text-decoration: none;
}

/* ROSE BUTTON */

a.rose, a.rose:visited {
	background-color: #F36851;
	color: white;
	text-decoration: none;
}

a.rose:hover, a.rose:active {
	background-color: #e4492c;
	color: white;
	text-decoration: none;
}

/*BLUE BUTTON*/

a.blue, a.blue:visited {
	background-color: #2C3E50;
	color: white;
	text-decoration: none;
}

a.blue:hover, a.blue:active {
	background-color: #33495e;
	color: white;
	text-decoration: none;
}


/* PREVENTIVO */

#contattoadv p.testopreventivo {
	font-size: 18px;
	color: #2C3E50;
	
}

#contattocorporate p.testopreventivo {
	font-size: 18px;

}


a.preventivo, a.preventivo:visited {
	
	
	font-size: 20px;
	padding: 22px 40px;
	
	margin-bottom: 0px;
	margin-top: 5px;
}

a.preventivo:hover, a.preventivo:active {
	
	
	font-size: 20px;
	padding: 22px 40px;
	
	margin-bottom: 0px;
	margin-top: 5px;
}


/* BIG BUTTON */

a.big, a.big:visited {
	background-color: #e4492c;
	color: #ffffff;
	padding: 30px 60px;
	font-size: 26px;
	border-radius: 10px;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 0px;
	max-width: 300px;
}

a.big:active, a.big:hover {
	background-color: #da3f22;
	color: #ffffff;
	
}

/* 
===========================================

HEADER 

===========================================
*/

#header {
	background: #2c3e50;
	height: auto;	
	position: relative;
}

#logo {
	margin: 40px 0;
	
	}

/*
*********************
** Menu Principale **
*********************
*/

#nav {
	position: absolute;
	top: 45%;
	font-family: "Montserrat", "Varela Round", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
}

#nav ul {
	 float: right;
     list-style: none;
     color: white;
     font-size: 16px;
     height: 40px;
     margin-top: auto;
     margin-bottom: auto;
     display: block;
     }
     
#nav ul li {
	 display: inline;
	 float: left;
	 margin: 0 13px;
	 
	 }    


	 
#nav ul li a, #nav ul li a:visited {
	text-decoration: none;
	color: white;
	
}

#nav ul li a:hover, #nav ul li a:active {
	text-decoration: none;
	color: #a2d753;

}

/*current page*/

#nav ul li a.current, #nav ul li a.current:visited {
	text-decoration: none;
	color: #a2d753;
	
}

#nav ul li a.current:hover, #nav ul li a.current:active {
	text-decoration: none;
	color: #a2d753;

}

/* 
===========================================

SubHeader 

===========================================
*/

#subheader {
	background-color: #a2d753;
}

.desc {
	margin-top: 25px;
}

.tagline {
	color: #2c3e50;
	font-size: 24px;
	
}

.tagline_white {
	color: white;
	font-size: 24px;
}

#subheader h1 {
	color: #2c3e50;
	text-transform: uppercase;
	font-size: 38px;
	margin-bottom: 5px;
}

#subheader h2 {
	color: white;
	font-size: 32px;
	
}

#subheader p.sub_desc{
	color: white;
	font-size: 22px;
	line-height: 28px;
}

#subheader p{ 
	 margin-top: 15px;
	 font-size: 20px;
	 line-height: 26px; 
	 color: white;
	 

}

img.illustrazione {
	margin-bottom: 20px;
}

img.illustrazione_network {
	margin: 30px 0 20px 0;
	
}



/* 
===========================================

Bubbles 

===========================================
*/

#bubbles h3.network{
	text-transform: uppercase;
	color: #F36851;
	margin: 10px 0;
	font-size: 36px;
	
}

#bubbles h3.corporate{
	text-transform: uppercase;
	color: #a2d753;
	margin: 10px 0;
	font-size: 36px;
}

#bubbles p{
	color: #2C3E50;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 40px;
	
}


/* 

===========================================

QUOTE

===========================================

*/

#quote {
	background-color: #f36851;
	padding: 25px 0 35px 0;
}

.quote_sentence {
	background: #f36851 url('../images/quotes.png') no-repeat top left;
}

#quote p {
	font-size: 20px;
	font-family: "Lora", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 10px 0 0 20px;
	line-height: 26px;
	color: #eee;
	margin: 0 0 0 0;
}

#quote h3 {
	color: #a2d753;
	font-size: 24px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
}

#quote h4 {
	margin: 0;
	color: white;
	font-size: 18px;
	text-align: center;
}

/* 

===========================================

SOCI

===========================================

*/

#soci h3 {
	color: #2C3E50;
	font-size: 24px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
}

#soci h3.collaboratori {font-size: 20px;}

#soci h4 {
	margin: 0;
	color: #8dc22e;
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
}

#soci img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	}
	
/* 

===========================================

SERVIZI

===========================================

*/

#sceglinoi {
	 background-color: #8dc22e;
	
	 padding: 40px 0;
	 }
	
#sceglinoi img {

	max-width: 90%;
	margin: 20px 0 10px 0;
}

#sceglinoi h2 {
	font-size: 36px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}

#sceglinoi h3 {
	font-size: 30px;
	color: #2C3E50;
	text-align: center;
	margin-bottom: 10px;
}

#sceglinoi p {
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	
}

p.isayweblink {
	margin: 16px 0;
	font-size: 16px;
	line-height: 23px;
	color: #2c3e50;
}

#servizi img.isayweb_logo {
	max-width: 120px;
	margin: 5px 0;
	}

a.a_button.preventivo_isayweb {
padding: 20px 21px;
margin-top: 18px;
}
/* 

===========================================

Contatti

===========================================

*/


#contattocorporate {
	background-color: #2c3e50;
}

#contattocorporate p {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}


.google-maps {
	position: relative;
	padding-bottom: 35%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.5);
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


#contattoadv {
	background-color: #eee;
}

#contattoadv p {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0;
}

#contattonetwork {
	background-color: #a2d753;
}

#contattonetwork h3 {
	padding-left: 10px;
	color: #2C3E50;
	
}

#contattonetwork p{
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	padding-left: 10px;}


.indirizzo {
	margin-top: 10px;

}

/*_--------_*/



#formcontatto {
	background-color: #eee;
}

#formcontatto h2 {
	color: #2C3E50;
	font-size: 32px;
	
}

#formcontatto h3 {
	color: #2c3e50;
	font-size: 18px;
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 0px;
	
	
}

#formcontatto h4 {
	color: #2c3e50;
	font-size: 16px;
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 0px;


}

#formcontatto form {
	max-width: 100%;
	margin: 0 auto;
	
}

#formcontatto input, #formcontatto textarea {
	border: 0;
	border-radius: 0px;
	width: 90%;
	padding: 12px;
	font: "Varela Round", "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: 20px;

}

#formcontatto input[type="submit"] {
	background: #A2D753 ;
	width:200px;
	font-family: "Varela Round", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: none;
	font-size: 18px;
	padding: 12px;
	color: #111;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.5);
}

#formcontatto input[type="submit"]:hover {
	background: #8dc22e ;
	width:200px;
	font-family: "Varela Round", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: none;
	font-size: 18px;
	padding: 12px;
	color: #111;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.5);
}

#formcontatto select{
 	background: white;
 	font-family: "Varela Round", "Helvetica Neue", Arial, Helvetica, sans-serif;
 	background: url('images/down_arrow_select.jpg') no-repeat right white;
 	width: 268px;
  	padding: 12px;
  	font-size: 14px;
  	line-height: 14px;
  	border: 0;
  	border-radius: 0;
  	height: 40px;
  	color: #444;
  	-webkit-appearance: none;
}

#formcontatto label{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: normal;
}

#formcontatto p {
	color: #444;
	margin-bottom: 5px;
	max-width: 90%;
}

#formcontatto p.disclaimer {
	color: #444;
	margin-bottom: 15px;
	font-size: 12px;
	max-width: 90%;
}
	
#formcontatto a, #formcontatto a:visited {
	text-decoration: none;
	color: #F36851;
}	

#formcontatto a:hover, #formcontatto a:active {
	text-decoration: underline;
	color: #F36851;
}
 
/*===== FORM ALERT =========*/

#note p.alert {
		width: 90%;
		padding: 20px;
		margin-bottom: 15px ;
		text-align: center;
		margin: 0 0 0 0;
		max-width: 87%;
		position:relative;
		color: white;

}

#note {
		position: relative;
		margin-bottom: 20px;}

.notice { 

		width: 100%;
		padding: 20px 20px 5px 20px;
		border: 1px #fff solid;
		text-align: center;
		margin: 0 0 0 0;
		max-width: 93%;
		position: relative;
		background: #d35400;
		color: white;
		}

#note p.error {background: #DF0044; color: white;}
#note p.thanks {background: #27ae60; color: white;}



.close {
position: absolute;
right: 12%;
top: 37%;
width: 18px;
height: 18px;
cursor: pointer;
background: url('images/notice-close.png') no-repeat;
}



/*
===========================================

SERVIZI

===========================================

*/
#servizi {
	background-color: #fff;
}

#servizi img{
	/* border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; */
	max-width: 200px;
}

#servizi h3 {
	color: #2C3E50;
	font-size: 24px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
}

#servizi h4 {
	margin: 0;
	color: #e4492c;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 30px;
}

/* 
===========================================

SITI DEL NETWORK

===========================================
*/

#siti h2 {
	color: #2C3E50;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 50px;
}

#siti h3 {
	color: #7ab510;
	font-size: 22px;
	padding-top: 5px;
	text-transform: uppercase;
}

#siti img {
	
	margin: 15px;
	max-width: 65%;
	
}

#siti ul {
	list-style: none;
	margin-bottom: 0px;
	
}

#siti ul li {
	line-height: 26px;
	padding-left: 10px;
	margin-bottom: 0;
	font-size: 15px;
}

#siti ul li a, #siti ul li a:visited {
	color: #2C3E50;
	text-decoration: none;
	
}

#siti ul li a:hover, #siti ul li a:active {
	color: #7ab510;
	text-decoration: none;
}

/* ACCORDION NETWORK */

.accordion-toggle {cursor: pointer;}
.accordion-content {display:none;}
.accordion-content.default {display: none;}

h4.accordion-toggle {
	font-family: "Montserrat", "Varela Round", Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 20px 10px 15px;
	background-color: #A2D753;
	color: white;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 2px;
}
.downarrow, .uparrow{
	float: right;
	padding-top: 6px;
}

.accordion-content {
	padding: 15px;
}



/* 

===========================================

Advertising

===========================================*/

#advertising {
	background-color: #a2d753;
}

#advertising h3 {
	color: #Fff;
	font-size: 26px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

#advertising p {
	color: #2C3E50;
	font-size:17px;
	text-align: center;
	
}

/*=========================================
ADVERTORIAL
===========================================

*/

.illustrazione_advertorial {
	
	margin: 0px;
	max-width: 350px;
}

#spiegazione {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#spiegazione ul li {

	color: #2C3E50;
	margin-bottom: 13px;
	font-size: 16px;
	
	
}
#spiegazione p {
	margin: 25px 0 10px 0;
	color: #E4492C;
	text-align: center;
 	padding: 10px 30px;
	font-size: 18px;
	line-height: 22px;
	
}

#spiegazione img {
	 max-width: 350px;
 }
 
  #spegazione h2 {
 	margin: 0px 0 40px 0;
 	color: #2C3E50;

 	text-transform: uppercase;
 }

 #spiegazione h3 {
 	margin: 15px 0 10px 0;
 	color: #2C3E50;
 	text-transform: uppercase;
 }
 
 #linkadvertorial {
	background-color: #2c3e50;
}

#linkadvertorial p {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin: 0 10px 30px 0;
	padding: 0 80px;
}


/*=========================================
AFFILIAZIONE
===========================================



#affiliazione {
	padding: 50px 0 40px 0;
}

#affiliazione img {
	
	padding-top: 10px;
}
*/

#affiliazione h3 {
	padding-left: 10px;
	color: #2C3E50;
}
 
#affiliazione p {
	padding-left: 10px;
	color: white;
	font-size: 18px;
	line-height: 22px;
} 

 
 /*=========================================
 AFFILIAZIONE
 ===========================================
 */
 
 #adv_contact img {
	 max-width: 250px;
 }

 #adv_contact h3 {
 	margin: 15px 0 10px 0;
 	color: #2C3E50;
 	text-transform: uppercase;
 }
 
 #adv_contact p {
 	color: #333;
 	text-align: center;
 	padding: 10px 50px;
	font-size: 16px;
	line-height: 22px;
	 
 }
 
/*

===========================================

PRIVACY

===========================================

*/

.lingue {margin-bottom: 0px;}

.lingue a, .lingue a:visited{
	color:  #2C3E50;
	text-decoration: none;
	font-size: 16px;
	}
	
.lingue a:hover, .lingue a:active{
	color:  #fff;
	text-decoration: none;
	font-size: 16px;
}

#privacy {
	background-color: #fff;
}

#privacy h1 {
	text-align: center;
}

#privacy h2 {
    color: #8dc22e;
    font-size: 20px;
    line-height: 28px;
    
    }

#privacy p {
	color: #2C3E50;
}

#privacy hr {
	margin: 60px 0;
}

#privacy ul {
	color: #2C3E50;
	list-style: disc;
	padding: 0 0 0 30px}

/* 

===========================================

FOOTER 

===========================================

*/

#footer {
	height: auto;
	background-color: #2c3e50;
	padding: 40px 0;
	
}

.logofooter img {
	margin: 5px 0 30px 0;
	display: inline-block;
}

#footer h3{
	color: white;
	text-transform: uppercase;
	font-size: 24px;
}


#footer ul{
	margin: 20px 0;
	color: white;
	list-style: none;
}

#footer ul li {
	font-size: 14px;
	line-height: 10px;
	
}

#footer ul li a, #footer ul li a:visited {
	text-decoration: none;
	color: white;

}

#footer ul li a:hover, #footer ul li a:active {
	text-decoration: none;
	color: #a2d753;

}

/*
*****************
** SOCIAL LIST **
*****************
*/

#footer ul.social {
	margin: 30px 0;
	list-style: none;
	display: block;
	
}

#footer ul.social li {
	display: inline;
	margin: 0 5px;

	
}

ul.social img:hover {
	opacity: 0.5;
}

/*============ 

SLickNav 

============*/



.slicknav_menu{
	display: none;
	position: relative;
	margin-top: 30px;
	text-align: right;
	padding: 0px;
	
}

ul.slicknav_nav {
	border-top: 1px #efefef solid;
	padding-top: 15px;  
}

ul.slicknav_nav li {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}

/*==============
BLOG
================*/

#blog {
	background: #A2D753;
			
		}
h2.comingsoon {
	color: white;
	margin-top: 50px;
	text-align: center;
}		




/*============ 

IE HTML 5 fix 

============*/

header, nav, article, footer, address, section { 
	display: block; 
}

/* Corner flag */

#cornerflag{
	position: relative;
}
#cornerflag img {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1000;
	max-width: 15px;
}
#nav ul li.flaginmenu {display: none;}



/*============ 

MEDIA QUERIES

============*/


@media only screen and (max-width: 959px) {
/* responsive MENU */
	.slicknav_menu{
		display: none;
	}

	ul#menu {
		display: block;
	}
	
	#nav ul li {
	display: inline;
	float: left;
	margin: 0 0 0 16px;
	font-size: 14px;
	}
	
	
/* END responsive MENU */

/* PREVENTIVO */	

p.testopreventivo {
	font-size: 17px;
	color: white;

}

a.preventivo, a.preventivo:visited {
	
	color: white;
	font-size: 19px;
	padding: 25px 40px;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 12px;
}

a.preventivo:hover, a.preventivo:active {
	
	color: white;
	font-size: 19px;
	padding: 25px 40px;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 12px;
}


ul.social img {
max-width: 46px;
}

#siti img {
	 margin: 40px 15px 0 15px;
	
	}

}

@media only screen and (max-width: 768px) {
/* SLICK MENU */
	.slicknav_menu{
		display: block;
		margin-top: 0px;
	}

	ul#menu {
		display: none;
	}
	
/* END SLICK MENU */
	
	#logo {
	margin: 40px 0 20px 0;
	text-align: center;
	}
	
	
	
	#soci img {
	max-width: 260px;}
	
/* PREVENTIVO */	
	
	p.testopreventivo {
		font-size: 17px;
	
	}
	
	a.preventivo, a.preventivo:visited {
		
		color: white;
		font-size: 19px;
		padding: 25px 40px;
		text-decoration: none;
		margin-bottom: 0px;
		margin-top: 12px;
	}
	
	a.preventivo:hover, a.preventivo:active {
		
		color: white;
		font-size: 19px;
		padding: 25px 40px;
		text-decoration: none;
		margin-bottom: 0px;
		margin-top: 12px;
	}
	
#siti img {
	 margin: 40px 15px 0 15px;
	
	}
	
}





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

/* SLICK MENU */
	.slicknav_menu{
		display: block;
	}

	ul#menu {
		display: none;
	}


/* END SLICK MENU */
	
	#logo {
	margin: 40px 0 20px 0;
	text-align: center;
	}
	
	#soci img {
	max-width: 260px;}
	
	.close {
	position: absolute;
	right: 2%;
	top: 37%;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: url('images/notice-close.png') no-repeat;
	}
	
	#linkadvertorial p {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin: 0 10px 30px 0;
	padding: 0 15px;
}

	#cornerflag img {display: none;}

	#nav ul li.flaginmenu {display: inline;}
	.flaginmenu img {max-width: 30px;}

}