/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

body {
	 background-color:#fff; color:#1a2254;
}
#partnerUfficiale { position: absolute; z-index: 9999; top: 160px; left: 50%; margin-left: 180px;
text-align: center; background-color: #fff; width: 200px; padding: 10px;
}
#partnerUfficiale img{ width: 150px;}
#partnerUfficiale p{ font-size: 15px; color:#000000; font-style:italic;}
a,
a:hover {
	text-decoration:none;
}

.line{display: block; clear:both;}
ul,
ol {
	list-style:none;
}
#lingue{ position: absolute; width:20px; top: 20px; left:10px; z-index:2;}
#lingue a{ color:#FFF;}
#lingue li{ display:block; width:20px; height:20px; margin-bottom:10px; background-color:#fff; text-align:center; font-size:12px; padding-top:8px;}
.logoTop{ width: 380px; margin-left: 30px;}

.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.main {
	width:100%;
	margin:0px 0;
	text-align:center;
}
#slideHome{margin: 30px 0px;}
.content {
	text-align:left;
	width: 95%; max-width: 960px;

	margin: 0 auto;
}

.content2 {
	text-align:left;
	width: 95%; max-width: 960px;
	padding-top:125px;
	margin: 0 auto;
}
.content-text {
	margin: 0px 0px 50px 0px;
	width: 500px; float:right; font-size:16px; overflow:auto;
}

.exibition{ position: absolute; right: 10px; top: 20px; z-index:9999; }

#slogan{ width: 100%; max-width: 800px; margin: 0 auto; margin-top:100px; }
#slogan h1{ text-transform: uppercase; text-align:left; color:#FFF;}
#slogan h2{  text-align:left; color:#FFF;}

#slogan ul{}
#slogan li{ text-align:left;   width: 110px; height: 110px;  border: 1px solid #FFF; display:block; float:left;  margin: 50px 30px 0px 0px; }
#slogan li a{ display:block;  width: 110px; height: 110px; float:left; background-image:url(../img/+.png); background-repeat:no-repeat; color:#FFF; padding: 70px 0px 0px 10px;}
#slogan li a:hover{ display:block; width: 110px; height: 110px; float:left; background-image:url(../img/hover.png); background-repeat:no-repeat; padding: 70px 0px 0px 10px; color:#000;}

.prosegui{ background-color:#E9CF17; float:left; width: 160px; padding: 15px; text-align:right; background-image:url(../img/prosegui.png); background-repeat:no-repeat; font-size:16px; margin-top:50px;}
.prosegui a{ color:#FFF;}

.prosegui2{ background-color:#1a2254; float:RIGHT; width: 160px; padding: 15px; text-align:right; background-image:url(../img/prosegui2.png); background-repeat:no-repeat; font-size:16px; margin-top:25px; margin-right:25PX;}
.prosegui2 a{ color:#FFF;}

.prosegui3{ background-color:#fff; float:RIGHT; width: 160px; padding: 15px; text-align:right; background-image:url(../img/prosegui3.png); background-repeat:no-repeat; font-size:16px; }
.prosegui3 a{ color:#000;}

.prosegui4{ background-color:#980F5A;  width: 300px; padding: 15px; text-align:right; background-image:url(../img/prosegui2.png); background-repeat:no-repeat; font-size:15px; margin: 0 auto;}
.prosegui4 a{ color:#FFF;}



#realizzazioniHome{ width:100%;max-width:1155px; margin: 0 auto; }
#realizzazioniHome img{ float:left;}
#realizzazioniHomeh1{ width: 385px; height: 385px; float:left; }
#realizzazioniHomeh1 h1{ font-size: 45px; text-align:left; line-height: 40px; padding:250px 0px 0px 25px;}

#footer{ margin-top: 50px; background-color:#fdb913; padding: 50px 0px 50px 0px; }
#footer a{ color:#474747;}

#footertesto{ width:100%; max-width: 960px; margin: 0 auto; color:#1a2254; font-size:16px; height: 230px;:}
#dati{ width:300px; text-align: left; float:left; font-size: 17px;}
#social{ width: 570px; float:right;}
#social img{ float:left;}
.credits{ font-size:16px; float:right; margin-top: 120px; width: 570px; text-align:right;}

/*Form styles*/
.styled { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff;}
.styled fieldset { padding: 10px; border:none;}
.styled fieldset legend {font-size: 14px; font-weight: bold; color: #000; text-transform: capitalize; padding: 5px 10px; background: #fff; display: block; margin-bottom: 0;}
.styled fieldset ol, .styled fieldset ol li {list-style: none;}
.styled fieldset li.form-row {margin-bottom: 3px; padding: 2px 0; width: 100%; overflow: hidden; position: relative;}
.styled label {font-size: 15px; display: block; float: left; width: 100%; margin-left: 5px; line-height: 24px;}
.styled input.text-input{background: #F4F4F4; border: 1px solid #CCCCCC;  padding: 3px; width: 320px; font-size: 15px; height: 30px;}
.styled .text-area {background: #F4F4F4; border: 1px solid #CCCCCC; padding: 3px; width: 320px; font-size: 15px;}
.styled input.text-input.default.active, .styled .text-area.default.active {color: #CCC; font-style: italic;}
.styled input.text-input.default.active, .styled .text-area.default.active {color: #CCC; font-style: italic;}
.styled fieldset li.button-row {margin-bottom: 0; padding: 2px 5px;}
form input.btn-submit {padding: 7px 20px; color: #fff; background: #B92765; font-size: 25px; border: none; }
form input.btn-submit2 {padding: 7px 20px; color: #fff; background: #B92765; font-size: 25px; border: none; }

/* Form Validation */
.styled span.error {font-size: 11px; background: none; display: block; padding: 2px; text-align: center;}
.styled fieldset li.error {color: #000; background: #D4BDEB url(../media/images/checkers.png) repeat;padding: 5px 0;}
.styled fieldset li.error label {text-align: left;}

/* Specific Form Rules */
#form-contact {width: 100%; margin: 0 auto; padding-top: 50px;   }

.privacyLink{ font-size: 12px; color:#CCC;}

.success {order: 1px solid; margin: 0; padding: 10px; text-align: center; color: #4F8A10; background-color: #ebf6d9; border-color: #DFF2BF;}


@media screen and (max-width: 768px) { 
#form-contact {  }
}

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	
	font-size:18px;
	font-weight:900;
	margin-top: 10px;
	z-index: 100;
}
.nav img{ float:left; padding-right: 0px; border-right: 2px solid #FFF; margin-right:20px;}
.nav-list {
	text-align:left;
	padding-top: 30px;
	
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
	text-transform:uppercase;
	
}
.nav-item a {
	display:block;
	color:#1a2254;
	padding:10px 12px;
}
.nav-item > a:hover {
	background:#1a2254;color:#fff;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#ccc;
	border-bottom:1px solid #ccc;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#ccc;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#1a2254 url(../img/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
	z-index: 100;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #ccc;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../img/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media screen and (max-width: 1024px) { 
	#realizzazioniHome img{ width: 320px;}
	#realizzazioniHomeh1{ width: 320px; height: 320px; float:left; }
	#realizzazioniHomeh1 h1{ padding:200px 0px 0px 25px;}
	.exibition{ display:none; }
	.logoTop{ width: 250px; margin-left: 50px;}
	.logoNeg{ width:280px; }
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:0px 0 0;
		
	}
	.nav-list {
		display:none;
		padding-top:50px;
	}
	.nav-item {
		width:100%;
		float:none;
		background-color: #ccc;
		
	}
	.nav-item > a {
		padding:15px;
		text-align:right;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	.nav img{ }
}

@media screen and (max-width: 768px) { 
#partnerUfficiale { position: absolute; z-index: 1; top: 110px; left: 50%; margin-left: 80px;
text-align: center; background-color: #fff; width: 150px; padding: 10px;
}
#partnerUfficiale img{ width: 100px;}
#partnerUfficiale p{ font-size: 12px; color:#000000; font-style:italic;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.exibition{ display:none; }
	.logoNeg{ width:260px;}
	.logoTop{ margin-left: 40px;}
	.content-text {width: 400px;}
	#realizzazioniHome img{ width: 235px;}
	#realizzazioniHomeh1{ width: 235px; height: 235px; float:left; }
	#realizzazioniHomeh1 h1{ padding:130px 0px 0px 25px; font-size: 30px;}
	#dati{ width:250px;  padding-left:10px;}
#social{ width: 450px; }
.credits{  margin-top: 100px; width: 450px; padding-right: 10px;}

.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:0px 0 0;
		
	}
	.nav-list {
		display:none;
		padding-top:50px;
	}
	.nav-item {
		width:100%;
		float:none;
		background-color: #ccc;
		
	}
	.nav-item > a {
		padding:15px;
		text-align:right;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	.nav img{ width:250px;}
}

@media only screen  and (min-device-width : 320px)  and (max-device-width : 480px)  and (orientation : landscape) {
	.logoTop{ width:200px; margin-left: 50px;}
	.prosegui{ display: inherit;}
	.exibition{ display:none; }
	.content-text {
	margin: 50px 0px 50px 0px;
	width: 100%; float:none; font-size:16px; overflow:auto;
}
	#realizzazioniHome img{ width: 210px;}
	#realizzazioniHomeh1{ width: 210px; height: 210px; float:left; }
	#realizzazioniHomeh1 h1{ padding:80px 0px 0px 25px; font-size: 30px;}
	
	#footer{ margin-top: 50px; background-color:#fdb913; padding: 50px 0px 50px 0px; }
#footer a{ color:#FFF;}

#footertesto{ width:100%; max-width: 960px; margin: 0 auto; color:#FFF; font-size:16px; height: 350px; text-align:center;}
#dati{ width:100%; text-align: center; float:none; margin-bottom:50px;}
#social{ width: 100%; float:none; overflow:auto; }
#social img{ float:left;}
.credits{ font-size:10px; float:none; margin-top: 50px; width: 100%; text-align:center;}
	
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:0px 0 0;
		
	}
	.nav-list {
		display:none;
		padding-top:50px;
	}
	.nav-item {
		width:100%;
		float:none;
		background-color: #ccc;
		
	}
	.nav-item > a {
		padding:15px;
		text-align:right;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	.nav img{ width:250px;}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
	.logoTop{ width:200px; margin-left: 50px;}
	.exibition{ display:none; }
	#slogan{ margin-top:50px; }
	.prosegui{ display:none;}
	.scopri{ display:none;}
	#realizzazioniHomeh1{ width: 235px; height: 180px; float:left; }
	#realizzazioniHomeh1 h1{ padding:50px 0px 0px 25px; font-size: 30px;}
	.content-text {
	margin: 50px 0px 50px 0px;
	width: 100%; float:none; font-size:16px; overflow:auto;
}
	#footer{ margin-top: 50px; background-color:#fdb913; padding: 50px 0px 50px 0px; }
#footer a{ color:#FFF;}

#footertesto{ width:100%; max-width: 960px; margin: 0 auto; color:#FFF; font-size:16px; height: 350px; text-align:center;}
#dati{ width:100%; text-align: center; float:none; margin-bottom:50px;}
#social{ width: 100%; float:none; overflow:auto; }
#social img{ float:left;}
.credits{ font-size:10px; float:none; margin-top: 50px; width: 100%; text-align:center;}
	
	
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:0px 0 0;
		
	}
	.nav-list {
		display:none;
		padding-top:50px;
	}
	.nav-item {
		width:100%;
		float:none;
		background-color: #ccc;
		
	}
	.nav-item > a {
		padding:15px;
		text-align:right;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	
	.nav img{ width:250px;}
}