/* Fonts */
@font-face {
    font-family: 'raleway';
    src: url('/fonts/raleway-bold-webfont.eot');
    src: url('/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('/fonts/raleway-bold-webfont.woff') format('woff'),
         url('/fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('/fonts/raleway-light-webfont.eot');
    src: url('/fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-light-webfont.woff2') format('woff2'),
         url('/fonts/raleway-light-webfont.woff') format('woff'),
         url('/fonts/raleway-light-webfont.ttf') format('truetype'),
         url('/fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset di base*/
html, body{
	background: #004896;
	color: #fff;
	font-family: raleway,helvetica,arial,sans-serif;
	font-size: 17px;
	line-height: 1.4em;
	padding:0;
	margin:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover, a:focus{
	color: #fff;
	text-decoration: underline;
}
#top{
    position: absolute;
    top: 0;
    left: 50%;
}
#main header a, .main header a{
	color: #fff;
	text-decoration: none;
}
#main table a{
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-family: raleway,helvetica,arial,sans-serif;
	font-weight: bold;
	line-height: 1.3em;
}
time{
	display: block;
}
/* Testo selezionato */
::selection {
    background-color: #34495e; 
    color: #ffffff;
}
::-moz-selection {
    background-color: #34495e; 
    color: #ffffff;   
}


/* Classi generiche */
/* Leva il padding alle colonne di Bootstrap */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.list-unstyled{
	margin-bottom: 0;
}
.bgchiaro{
	background: #ecf0f1;
}
.bgchiaro2{
	background: #81d0f4;
}
.bgbianco{
	background: #fff;
}
.bgblu{
	background: #004896; 
}
.bgbludark{
	background: #003070;
}
.bgcolor{
	background: #d43c2e;
}
.bgtransparent{
	background: transparent;
}
.bianco{
	color: #fff;
}
.blu{
	color: #34495e;
}
.color{
	color: #d43c2e;
}
.text-center{
	text-align: center;
}
.img-center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.text-right{
	text-align:right;
}
.nowrap{
	white-space: nowrap;
}
.margin-top{
	margin-top: 2em;
}
.no-margin-top{
	margin-top: 0;
}
.margin-bottom{
	margin-bottom: 2em;
}
.percent100{
	width: 100%;
}


/* Preload */
body{
  height:100vh;
}
#preloader{
	position: fixed;
	z-index: 9999;
	background: #004896;
	width: 100%;
	height: 100%;
}
.spinner {
  margin: 200px auto 10px auto;
  width: 72px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
	height: 100%;
	width: 6px;
	background-color: #81d0f4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    float: left;
    margin: 0 3px;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  background-color: #81d0f4;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  background-color: #81d0f4;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  background-color: #81d0f4;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  background-color: #81d0f4;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.spinner .rect6 {
  background-color: #81d0f4;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
#preloader span::before { 
	display:block;
	text-align:center;
    content: "Piscine Ascoli Piceno";	
    white-space: nowrap;
	color: #fff;
	font-weight: normal;
	font-size: 0.7em;
	
    /*font-size: 1.75em;*/
}
#preloader span{
	display: block;
	width: 100%;
	text-align: center;
	color: #ecf0f1;
	font-size:1.5em;
	font-weight:bold;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* Header */
#head{
	height: 100%;
	color: #fff;
}
#head-container{
	position: relative;
	z-index:2;
}
/* Logo */
#logo{
	text-align: center;
}
#img-logo{
	margin: 3em 0 1em 0;
}
/* Slogan principale */
#slogan h1{
	font-size: 1.5em;
	margin-bottom: 2em;
	margin-top: 0;
	
}
#img-logo{
	margin: 5em auto 2em auto;
	width: 50%;
}

/* Carousel head */
#carousel-head{
	z-index:1;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Titoli  */
.container-titolo{
	color: #34495e;
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.container-titolo h1{
	margin-top: 0;
	margin-bottom: 0.3em;
}
.container-titolo h3, 
.container-titolo .h3{
	font-family: raleway,helvetica,arial,sans-serif;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: normal;
	margin: 0;
}
/* Social Sharer */
#social-sharer{
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
}
#links-sharer::before{
	content: "Condividi su:";
	display: block;
	margin-bottom: 0.3em;
}
#links-sharer li{
	display:inline-block;
}
#links-sharer li a{
	text-align: center;
	float: left;
	display: block;
	font-size: 35px;
	line-height: 35px;
	width: 65px;
	height: 65px;
	padding: 15px 0;
	color: #fff;
	background: transparent; 
	border: 1px solid transparent;
	margin: 0 0.2em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
#links-sharer li a:hover, 
#links-sharer li a:focus{
	background: #fff; 
	border: 1px solid #003070;
	color: #003070;
}

/* Informazioni contatto */
#info div{
	margin-bottom: 5px;
}
#info span{
	float:left; 
	color: #81d0f4;
	margin: 0 10px 0 0;
}
#info span.icon-location, #info span.icon-facebook{
	margin-bottom: 20px;
}

/* Container testi */
#quando div, #altre-piscine {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* Piscine tasti */
#altre-piscine{
	padding-top: 1px;
}
#altre-piscine ul li a{
	color: #ecf0f1;
	padding: 0.35em 1em;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
#altre-piscine ul li a:hover,
#altre-piscine ul li a:focus,
#altre-piscine ul li a:active{
	text-decoration: none;
}
#oderzo a{
	/*background: #d43c2e;*/
    background:rgb(212,60,46);
    background: transparent\9;
    background:rgba(212,60,46,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0fd43c2e,endColorstr=#0fd43c2e);
    zoom: 1;
    border: 1px solid #d43c2e;
}
#oderzo a:hover,
#oderzo a:focus,
#oderzo a:active{
	background:rgb(212,60,46);
    background: transparent\9;
    background:rgba(212,60,46,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd43c2e,endColorstr=#ffd43c2e);
    zoom: 1;
}
#spilimbergo a{
	background:rgb(42,128,185);
    background: transparent\9;
    background:rgba(42,128,185,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f2a80b9,endColorstr=#0f2a80b9);
    zoom: 1;
    border: 1px solid #2a80b9;
}
#spilimbergo a:hover,
#spilimbergo a:focus,
#spilimbergo a:active{
    background:rgb(42,128,185);
    background: transparent\9;
    background:rgba(42,128,185,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2a80b9,endColorstr=#ff2a80b9);
    zoom: 1;	
}
#fontanafredda a{
	/*background: #16a09e;*/
	background:rgb(22,160,158);
    background: transparent\9;
    background:rgba(22,160,158,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f16a09e,endColorstr=#0f16a09e);
    zoom: 1;
    border: 1px solid #16a09e;
}
#fontanafredda a:hover,
#fontanafredda a:focus,
#fontanafredda a:active{
	background:rgb(22,160,158);
    background: transparent\9;
    background:rgba(22,160,158,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff16a09e,endColorstr=#ff16a09e);
    zoom: 1;
}
#vazzola a{
	/*background: #8f44ad;*/
	background:rgb(143,68,173);
    background: transparent\9;
    background:rgba(143,68,173,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f8f44ad,endColorstr=#0f8f44ad);
    zoom: 1;
    border: 1px solid #8f44ad;
}
#vazzola a:hover,
#vazzola a:focus,
#vazzola a:active{
	background:rgb(143,68,173);
    background: transparent\9;
    background:rgba(143,68,173,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8f44ad,endColorstr=#ff8f44ad);
    zoom: 1;
}
#martellago a{
	/*background: #4aae27;*/
	background:rgb(74,174,39);
    background: transparent\9;
    background:rgba(74,174,39,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f4aae27,endColorstr=#0f4aae27);
    zoom: 1;
    border: 1px solid #4aae27;
}
#martellago a:hover,
#martellago a:focus,
#martellago a:active{
    background:rgb(74,174,39);
    background: transparent\9;
    background:rgba(74,174,39,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4aae27,endColorstr=#ff4aae27);
    zoom: 1;
}
#monfalcone a{
	/*background: #d56400;*/
	background:rgb(213,100,0);
    background: transparent\9;
    background:rgba(213,100,0,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0fd56400,endColorstr=#0fd56400);
    zoom: 1;
    border: 1px solid #d56400;
}
#monfalcone a:hover,
#monfalcone a:focus,
#monfalcone a:active{
    background:rgb(213,100,0);
    background: transparent\9;
    background:rgba(213,100,0,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd56400,endColorstr=#ffd56400);
    zoom: 1;
}


/* Casi speciali */

/* Classe generica per padding su e giu delle sezioni */
.padding-top-bottom{
	padding-top: 4em;
	padding-bottom: 4em;
}

/* Tasto personalizzato */
.btn-default, #main .btn-default{
	font-size: 16px;
	font-family: raleway,helvetica,arial,sans-serif;
	padding: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	filter: none;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat-x;
	text-shadow: none;
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
	margin-top: 20px;
	
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
#main .btn-default:hover, #main .btn-default:focus, #main .btn-default:active {
	color: #34495e;
	border: 1px solid #fff;
	background-color: #fff;
	background-image: none;
	text-decoration: none;
	background-position: 0 0;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}
 .btn-default:first-child{	
    margin-left: 0;
} .btn-default:last-child{
    margin-right: 0;	
}
.btn span{
	margin-right: 10px;
}

/* Slogan */
h3.slogan{
	font-size: 1.1em;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 150px 10% 150px 10%;
}

/* Mappa con uno o più markers */
#container-map{
	position: relative;
	z-index: 2;
	margin-bottom: 0;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.50);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.50);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.50);
}
#map_canvas, #map_all_canvas{
	width: 100%;
	height: 80vh;
}

/* News Rss */
#news-rss{
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.50);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.50);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.50);
}
#news-rss article{
	display: table;
	width: 100%;
	background-size: cover;
}
#news-rss article:hover,
#news-rss article:active,
#news-rss article:focus{
}
#news-rss article span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	/*z-index:2;*/
    
    /* SCURO */
    background:rgb(45,62,80);
    background: transparent\9;
    background:rgba(45,62,80,0.85);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d82d3e50,endColorstr=#d82d3e50);
    zoom: 1;
    
    /* CHIARO */
    /*background:rgb(216,219,221);
    background: transparent\9;
    background:rgba(216,219,221,0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5d8dbdd,endColorstr=#e5d8dbdd);
    zoom: 1;*/
    
    padding: 0px;
    margin:0;
    border: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#news-rss article:hover span{

}

#news-rss article.piscina0:hover span {
	background-image: none;
    background: rgb(212,60,46);
    background: transparent\9;
    background: rgba(212,60,46,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2d43c2e,endColorstr=#b2d43c2e);
    zoom: 1;	
}
#news-rss article.piscina1:hover span{
	background-image:none;
    background:rgb(42,128,185);
    background: transparent\9;
    background:rgba(42,128,185,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b22a80b9,endColorstr=#b22a80b9);
    zoom: 1;
}
#news-rss article.piscina2:hover span{
	background-image:none;
    background:rgb(22,160,158);
    background: transparent\9;
    background:rgba(22,160,158,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b216a09e,endColorstr=#b216a09e);
    zoom: 1;
}
#news-rss article.piscina3:hover span{
	background-image:none;
    background:rgb(143,68,173);
    background: transparent\9;
    background:rgba(143,68,173,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b28f44ad,endColorstr=#b28f44ad);
    zoom: 1;
}
#news-rss article.piscina4:hover span{
	background-image:none;
    background:rgb(74,174,39);
    background: transparent\9;
    background:rgba(74,174,39,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b24aae27,endColorstr=#b24aae27);
    zoom: 1;
}
#news-rss article.piscina5:hover span{
	background-image:none;
    background:rgb(213,100,0);
    background: transparent\9;
    background:rgba(213,100,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2d56400,endColorstr=#b2d56400);
    zoom: 1;
}
#news-rss article span a{
	display: block;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 30px;
	margin: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
#news-rss article span a:after{	
	display:block;
	color: #6a7d91;
	font-size: 0.8em;
	font-weight:bold;
	padding:15px 5px 0 5px;
	margin: 15px 20% 0 20%;	
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
#news-rss article.piscina0 span a:after{
	content: 'ODERZO';
	border-top: 1px solid #d43c2e;
}
#news-rss article.piscina1 span a:after{
	content: 'SPILIMBERGO';
	border-top: 1px solid #2a80b9;
}
#news-rss article.piscina2 span a:after{
	content: 'FONTANAFREDDA';
	border-top: 1px solid #16a09e;
}
#news-rss article.piscina3 span a:after{
	content: 'VAZZOLA';
	border-top: 1px solid #8f44ad;
}
#news-rss article.piscina4 span a:after{
	content: 'MARTELLAGO';
	border-top: 1px solid #4aae27;
}
#news-rss article.piscina5 span a:after{
	content: 'MONFALCONE';
	border-top: 1px solid #d56400;
}
#news-rss article:hover span a,
#news-rss article:active span a,
#news-rss article:focus span a{
	text-decoration: none;
	border-color: #fff;
}
#news-rss article:hover span a:after{
	padding:15px 5px 0 5px;
	margin: 15px 10% 0 10%;	
	border-top: 1px solid #fff;
	color: #2d3e50;
}


/* Footer */
#foot, #foot a{
	position: relative;
	z-index: 2;
	color: #fff;
}

/* Social icons */
#socials ul {
	text-align:center;
	margin: 1em 0 3em 0;
} 
#socials li {
	display:inline;
	margin: 0.5em;
} 
#socials li a {
	display:inline-block;
	font-size: 2em;
	line-height: 1em;
	background: none;	
	border: 1px solid transparent;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 0.7em 0.5em;
	margin-right: -2px; /* evita i margini fra elementi inline block */
	margin-left: -2px; /* evita i margini fra elementi inline block */
	text-align: center;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#socials li a:hover, #socials li a:focus{
	border: 1px solid #fff;
	background: #d43c2e;
	text-decoration: none;
}

/* Dati piscina */
#foot-dati{
	padding: 3em 1em 1.5em 1em;
}
#foot-dati h3{
	margin-top: 0;
}

/* Copyright e Siteland */
#copyright, #bysiteland{
	text-align: center;
}
#copyright{
	margin-top: 3em;
	margin-bottom: 1.5em;
}
#bysiteland{
	margin-bottom: 3em;
}


/* Link Go to Top */
#gototop{
	position: fixed; 
	z-index: 99;
	display:none; 
	bottom:20px; 
	right: 20px;
}
#gototop a{
	/*position: fixed;*/
	display: block;
	padding: 20px;
	background: #fff;
	color: #003070;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #2d3e50;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#gototop a:hover, #gototop a:focus{
	border: 1px solid #fff;	
	background: #003070;
	color: #fff;
	text-decoration: none;
}


/* GESTIONE RESPONSIVA */
/* aggiustamenti nei piccoli device */
@media (max-width: 320px){ /* iphone 4-5 */
	
	#altre-piscine ul li a {
		padding: 0.35em 1em;
	}
}
@media (min-width: 321px) and (max-width: 375px){ /* nexus 5, iphone 6, s3, s4 */
	.container-titolo {
    	padding-top: 2em;
    	padding-bottom: 2em;
	}
	/* Slogan principale */
	#slogan h1{
		font-size: 1.75em;
		margin-bottom: 2em;
		margin-top: 0;
	}
	#img-logo{
		margin: 5.5em auto 2.5em auto;
		width: 60%;
	}
	#altre-piscine ul li a {
		padding: 0.35em 1em;
	}
	h3.slogan{
		font-size: 1.25em;
	}
	
	/* Informazioni contatto */
	#info div{
		margin-bottom: 5px;
	}
	#info span{
		float:left; 
		color: #81d0f4;
		margin: 0 10px 0 0;
	}
	#info span.icon-location, #info span.icon-facebook{
		margin-bottom: 20px;
	}

	/* Container testi */
	#quando div, #altre-piscine {
		margin-top: 2.5em;
		margin-bottom: 2.5em;
	}
	
}
@media (min-width: 376px) and (max-width: 431px){ 	
	#info span.icon-location, #info span.icon-facebook{
		margin-bottom: 20px;
	}
}

@media (min-width: 432px) and (max-width: 499px){ 	
	#info span.icon-location, #info span.icon-facebook{
		margin-bottom: 0px;
	}
}
@media (min-width: 376px) and (max-width: 499px){ /* nexus 6, iphone 6 plus */
	.container-titolo {
    	padding-top: 3em;
    	padding-bottom: 3em;
	}
	/* Slogan principale */
	#slogan h1{
		font-size: 2em;
		margin-bottom: 2.5em;
		margin-top: 0;
	}
	#img-logo{
		margin: 7.5em auto 2.5em auto;
		width: 60%;
	}
	#altre-piscine ul li a {
		padding: 0.5em 1em;
	}
	h3.slogan{
		font-size: 1.35em;
		margin: 200px 10% 200px 10%;
	}
	#social-sharer{
		margin-top: 150px;
	    margin-bottom: 100px;
	}
	
	/* Informazioni contatto */
	#info{
	    padding-left: 10%;
    	padding-right: 10%;
	}
	#info div{
		margin-bottom: 5px;
	}
	#info span{
		float:left; 
		color: #81d0f4;
		margin: 0 10px 0 0;
	}

	/* Container testi */
	#quando div, #altre-piscine {
		margin-top: 3.5em;
		margin-bottom: 3.5em;
	}
}
@media (min-width:500px) and (max-width: 767px){ /* phone landscape tablet vertical (nexus 7) */
	.container-titolo {
    	padding-top: 4em;
    	padding-bottom: 4em;
	}
	.container-titolo h1{
		font-size: 2.5em;
	}
	
	/* Slogan principale */
	#slogan h1{
		font-size: 3em;
		margin-bottom: 1.5em;
		margin-top: 0;
	}
	#img-logo{
		margin: 10.5em auto 3em auto;
		width: 60%;
	}
	
	.container-titolo h3{
		font-size: 1.3em;
	}
	#altre-piscine ul li a {
		padding: 1em 1em;
	}
	h3.slogan{
		font-size: 1.5em;
		margin: 250px 15% 250px 15%;
	}
	#social-sharer{
		margin-top: 175px;
	    margin-bottom: 125px;
	}
	
	/* Informazioni contatto */
	#info{
	    padding-left: 7%;
    	padding-right: 7%;
	}
	#info div{
		margin-bottom: 10px;
	}
	#info span{
		float:left; 
		color: #81d0f4;
		margin: 0 10px 0 0;
	}
	#info span.icon-location, #info span.icon-facebook{
		margin-bottom: 0px;
	}

	/* Container testi */
	#quando div, #altre-piscine {
		margin-top: 3.5em;
		margin-bottom: 3.5em;
	}
	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	
	#head-container {
		top: 10%;
	}
	
	/* Slogan principale */
	#slogan h1{
		font-size: 3.75em;
		margin-bottom: 1.5em;
		margin-top: 0;
	}
	#img-logo{
		margin: 7em auto 3em auto;
		width: 60%;
	}
	
	.container-titolo {
    	padding-top: 4em;
    	padding-bottom: 4em;
	}
	.container-titolo h1{
		font-size: 2.5em;
	}
	.container-titolo h3{
		font-size: 1.3em;
	}	
	/*#img-logo{
		margin: 6em auto 3em auto;
		width: 60%;
	}*/
	#altre-piscine ul li a {
		padding: 1em 1em;
	}
	h3.slogan{
		font-size: 1.5em;
		margin: 250px 15% 250px 15%;
	}
	#social-sharer{
		margin-top: 175px;
	    margin-bottom: 125px;
	}	
	
	/* Informazioni contatto */
	#info{
	    padding-left: 0%;
    	padding-right: 0%;
	}
	#info div{
		margin-bottom: 10px;
	}
	#info span{
		float:left; 
		color: #81d0f4;
		margin: 0 10px 0 0;
	}
	#info span.icon-location, #info span.icon-facebook{
		margin-bottom: 0px;
	}

	/* Container testi */
	#quando div, #altre-piscine {
		margin-top: 4em;
		margin-bottom: 4em;
	}
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	#head-container {
		top: 0%;
	}
	
	/* Slogan principale */
	#slogan h1{
		font-size: 3.25em;
		margin-bottom: 1em;
		margin-top: 0;
	}
	#img-logo{
		margin: 7em auto 3em auto;
		width: 40%;
	}
	
	.container-titolo {
    	padding-top: 4em;
    	padding-bottom: 4em;
	}
	.container-titolo h1{
		font-size: 2.5em;
	}
	.container-titolo h3{
		font-size: 1.3em;
	}
	#altre-piscine{
		margin-right: 10%;
    	margin-left: 10%;
	}
	#altre-piscine ul li a {
		padding: 1em 1em;
		margin-bottom:35px;
	}
	#altre-piscine ul li:nth-last-child(-n+3) a {
		margin-bottom: 0;
	}
	
	h3.slogan{
		font-size: 1.5em;
		margin: 250px 15% 250px 15%;
	}
	#social-sharer{
		margin-top: 175px;
	    margin-bottom: 125px;
	}
	
	/* Copyright e Siteland */
	#copyright{
		text-align: left;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	#bysiteland{
		text-align: right;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	
	/* Link Go to Top */
	#gototop{
		bottom:15px; 
		right: auto;
		left: 50%;
		margin-left: -32px
	}
	
	/* Informazioni contatto */
	#info div{
		margin-bottom: 10px;
	}
	#info span{
		float:left; 
		color: #81d0f4;
		margin: 0 10px 0 0;
	}
	#info span.icon-location, #info span.icon-facebook{
		margin-bottom: 0px;
	}

	/* Container testi */
	#quando div, #altre-piscine {
		margin-top: 4em;
		margin-bottom: 4em;
	}
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {	
			
	#head-container {
		top: 0%;
	}
	
	/* Slogan principale */
	#slogan h1{
		font-size: 3.25em;
		margin-bottom: 1em;
		margin-top: 0;
	}
	#img-logo{
		margin: 10em auto 3em auto;
		width: 40%;
	}	
	
	.container-titolo {
    	padding-top: 5em;
    	padding-bottom: 5em;
	}
	.container-titolo h1{
		font-size: 3.5em;
	}
	.container-titolo h3{
		font-size: 1.4em;
	}
	#altre-piscine{
		margin-right: 10%;
    	margin-left: 10%;
	}
	#altre-piscine ul li a {
		padding: 1em 1em;
		margin-bottom:35px;
	}
	h3.slogan{
		font-size: 1.5em;
		margin: 300px 15% 300px 15%;
	}
	#social-sharer{
		margin-top: 250px;
	    margin-bottom: 200px;
	}
	
	/* Informazioni contatto */
	#info div{
		margin-bottom: 10px;
	}
	#info span{
		float:left; 
		color: #81d0f4;
		margin: 0 10px 0 0;
	}
	#info span.icon-location, #info span.icon-facebook{
		margin-bottom: 0px;
	}

	/* Container testi */
	#quando div, #altre-piscine {
		margin-top: 5em;
		margin-bottom: 5em;
	}	
}