/* Font family e colore di sfondo */

body {
 background-color: #fff;
 font-family: Open Sans, Helvetica, Arial, sans-serif;
}

h1 { font-family: oswald;}
h2 { font-family: oswald; font-size: 24px;}
h6 { font-family: oswald; font-size: 24px; display:inline-block;}
a {color: #01313e; outline:none;}

header { max-width:1030px; margin-left: auto; margin-right: auto;}
.logo { text-align: left;}
.powerby { text-align: right;}

.headline { background-color: #01313e; text-align: center; padding-top: 10px; padding-bottom: 20px; color:#fff; font-size:20px;}
.headline2 { background-color: #01313e;  padding-top: 15px; padding-bottom: 15px; color:#fff; font-size:13px; margin-top: 70px;}
.headline h1 {color: #fff; font-size: 30px; display:block;}
.frecciona { background-image:url(../img/frecciona.jpg); background-size: 75%; background-repeat:no-repeat; background-position: left bottom;}

.ingranaggi { font-size: 47px; color: #ccc; margin-right: -15px; padding-top:25px;}
.ingranaggiDida { font-size: 12px; text-align: left; line-height:14px; padding-top:25px;}

.center { text-align: center;}
.bordoPadding { padding-top: 20px; padding-bottom: 20px; }
.preventivo { background-image:url(../img/fondo.png); background-repeat: repeat-x; background-position:bottom; padding-top: 15px; position: relative;  }
.servizi { background-image:url(../img/fasciona.jpg); background-repeat:no-repeat; background-color: #cccccb; background-size: auto 100%; background-position: center top; padding-top: 15px; max-height: 335px; padding-bottom: 60px;}

input[type="text"] { border: 1px solid #333; width: 100%; height:42px;}
input[type="radio"] { }
input[type="submit"] {padding: 8px; color: #fff; text-transform:uppercase; background-color: #01313E; font-weight: bold; border: none;}
select { border: 1px solid #333; width: 100%; height:42px;}

.rocket { position: absolute; width:25%; left:60%; top:25%; z-index:1;}
.rocket i { color: #fff; opacity: 0.5; font-size: 100px;}

.check { width: auto; float: left;}
.verde { font-family: oswald; font-size: 28px; color:#fff; background-color: #99cc33; opacity: 0.7; padding-top: 5px; padding-bottom: 5px; border: 1px solid #709e40;}
.mail i { font-size: 35px;
transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	padding-top: 10px;}
	
.sms i {font-size: 50px;
transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-moz-transform: rotate(15deg); padding-top: 10px; }

.mail {padding-left: 30px; padding-top: 40px; background-image:url(../img/nuvola1.png); background-size: 99.5%;  padding-bottom:80px; background-repeat: no-repeat;}
.sms {padding-right: 5px; padding-top: 50px; padding-bottom: 30px; padding-left: 0px; background-image:url(../img/nuvola2.png); background-size:cover; background-repeat: no-repeat;}
.bannerone { background:url(../img/nuvole.jpg) fixed no-repeat 20% 0px; height:270px; margin-bottom: 110px;  background-position:top; } 
.razzi { height: 400px; position: absolute; margin-top: -20px; z-index:1000; margin-left: 135px;}
.razzi:hover {transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);  
transition: all .5s;   }

.blu {color: #01313E; opacity:1;}

footer a {color: #fff; text-decoration:underline; font-weight:bold;}
.img-responsive {width: 100%;}
.logoImg { width: 50%;}
footer img { width:80%;}
.footy {text-align: left; padding-top: 10px;}
.firstRow {margin-left: 40px;}
.parallax { background-size: cover;}
.parallax2 { background-size: cover;}
.parallax3 { background-size: cover;}

.para1 {
	background: url(../img/para1.png) fixed no-repeat 0% 80%;
	height: 330px;
	width: 300px;
	background-position: left 50px;
	position: absolute;
	left: 23px; z-index:3000;
	
} 
.para2 {
	background: url(../img/para2.png) fixed no-repeat 0% 80%;
	height: 340px;
	width: 340px;
	background-position: bottom;
	position: absolute;
	left: 665px;
	top: 0px;

} 
.spegni { display: none;}
.accendi { display: block;}
.razziClass { width: auto; height: 100%}
.plfClass { height: auto; width: 100%;}
.nowrap {display: block; white-space: nowrap; text-align: center; margin-left: -10px;}
.caratteristiche {font-size:15px;}

/*a[title="Tabella Misure Anelli"] {
    color: #d64945 !important;
}*/

/* #numeroNewsletterSlide div:last-of-type:last-child.slider-tick-label {color: #F09;}*/
 #numeroNewsletterSlide .slider-tick-label:nth-of-type(1) {margin-left:0px;}
 #numeroNewsletterSlide .slider-tick-label:nth-of-type(2) {margin-left:-10px;}
 #numeroNewsletterSlide .slider-tick-label:nth-of-type(3) {margin-left:-5px;}
 #numeroNewsletterSlide .slider-tick-label:nth-of-type(4) {margin-left: 15px;} 
 
 
 #numeroSmsSlide .slider-tick-label:nth-of-type(1) {margin-left: 0px; font-size: 13px;}
 #numeroSmsSlide .slider-tick-label:nth-of-type(2) {margin-left:-45px; font-size: 13px;}
 #numeroSmsSlide .slider-tick-label:nth-of-type(3) {margin-left:-35px; font-size: 13px;}
 #numeroSmsSlide .slider-tick-label:nth-of-type(4) {margin-left: 35px; font-size: 13px;} 
 #numeroSmsSlide .slider-tick-label:nth-of-type(5) {margin-left: 45px; font-size: 13px;} 

@media (min-width: 360px) and (max-width: 1024px)
{.ingranaggiDida { font-size: 11px; line-height: 13px;}
	.headline h1 {color: #fff; font-size: 22px; display:block;}
	.mail {  background-size:97%; background-position: center center;} 
	.sms {  background-size:97%;  background-position: center center; padding-top: 45px;} 
	.bannerone {  background: #CDCBCC url(../img/nuvole.jpg) scroll no-repeat 50% 50%; height:240px; background-size: cover; background-position:bottom; margin-bottom: 50px;} 
	.razzi { height: 280px; position: absolute; margin-top: -20px; z-index:1000; margin-left: 15%;}
	.logo {padding-top: 10px;}
	.nowrap {display: inline; white-space: normal;  margin-left: auto;} .plfClass { width: 60%;} .addthis_sharing_toolbox {margin-top: 10px;}
	}

@media (max-width: 360px) { 
.frecciona { background-image: none; }
.logo img{ text-align: center;}
.check { width: 100%;}
.logoImg { width: 100%;}
footer img { width:60%;}
.pfl .plfClass { width: 60%;}
.headline {font-size: 14px;}
.headline h1 {color: #fff; font-size: 18px; display:block;}
.preventivo {background-color: #E1E0E0; background-image: none;}
.footy { text-align: center; font-size: 11px;}
.bordoPadding img { width: 80%; text-align: center; display: inline-block;}
.firstRow {margin-left: 0px;}
.caratteristiche img  { width: 80%; text-align: center; display: inline-block;}
	.servizi { height: auto !important; max-height: 600px; }
	.mail {  background-size:84%; background-position: center center;} 	.sms {  background-size:82%; padding-top:40px; margin-top: -25px; background-position: center center;} 
	.bannerone {   background: #CDCBCC url(../img/nuvole.jpg) scroll no-repeat 50% 0px; height:90px; background-size: cover; background-position:bottom; margin-bottom: 40px;} 
	.razzi { height: 160px; position: absolute; margin-top: -20px; z-index:1000; margin-left: 5%;}
	.nowrap {display: inline; white-space: normal;  margin-left: auto;} .plfClass { width: 60%;}
	.addthis_sharing_toolbox {margin-top: 20px;}
	
	#numeroNewsletterSlide .slider-tick-label:nth-of-type(1) {margin-left:0px; font-size: 11px;}
 #numeroNewsletterSlide .slider-tick-label:nth-of-type(2) {margin-left:-10px; font-size: 11px;}
 #numeroNewsletterSlide .slider-tick-label:nth-of-type(3) {margin-left:-5px; font-size: 11px;}
 #numeroNewsletterSlide .slider-tick-label:nth-of-type(4) {margin-left: 15px; font-size: 11px;} 
 
 
 #numeroSmsSlide .slider-tick-label:nth-of-type(1) {margin-left: 0px;  font-size: 11px;}
 #numeroSmsSlide .slider-tick-label:nth-of-type(2) {margin-left:-35px;  font-size: 11px;}
 #numeroSmsSlide .slider-tick-label:nth-of-type(3) {margin-left:-25px;  font-size: 11px;}
 #numeroSmsSlide .slider-tick-label:nth-of-type(4) {margin-left: 25px; font-size: 11px;} 
 #numeroSmsSlide .slider-tick-label:nth-of-type(5) {margin-left: 35px;  font-size: 11px;} 
	
}

@media (min-width: 361px) and (max-width: 640px)
{.preventivo {background-color: #E1E0E0; background-image: none;}
.footy { text-align: center; font-size: 11px;}
.caratteristiche img  { width: 50%; margin-left: 25%; margin-right: 25%; text-align: center; display: inline-block;}
.bordoPadding img { width: 50%; margin-left: 25%; margin-right: 25%;  text-align: center; display: inline-block;}
.plf img { width: 30%;} .plfClass { width: 40%;}
.firstRow {margin-left: 0px;}
.mail {  background-size:40%; background-position: center center;} 
	.sms {  background-size:40%;  background-position: center center; padding-top: 45px;} 
		.servizi { height: auto !important; max-height: 600px; }
		.razzi { height: 280px; position: absolute; margin-top: -20px; z-index:1000; margin-left: 7% !important;}
		.addthis_sharing_toolbox {margin-top: 20px;} }

@media (max-width: 1024px) {
	
.para1 { display:none !important;}	.para2 { display:none !important;}	
	}
@media (min-width: 769px) and (max-width: 1024px) {.razzi {  margin-left: 22%;}}