/* 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: #d8dbdd;
	color: #34495e;
	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: #4d82b7;
	text-decoration: none;
}
a:hover, a:focus{
	color: #6a75e9;
	text-decoration: underline;
}
/*.main a, #main a, form a{	
	color: #1d59a9;
	text-decoration: none;
}
.main a:hover, #main a:hover, form a:hover,
.main a:focus, #main a:focus, form a:focus{
	color: #01901a;
	text-decoration: underline;
}*/
#top{
    position: absolute;
    top: 0;
    left: 50%;
}
#main header a, .main header a{
	color: #626262;
	text-decoration: none;
}
#main table a{
	text-decoration: none;
	font-weight: normal;
	color: #626262;
}
h1,h2,h3,h4,h5,h6{
	font-family: raleway,helvetica,arial,sans-serif;
	font-weight: bold;
}
time{
	display: block;
}
dt{
	font-weight: bold;
	color: #626262;
}
dd{
	margin-bottom:1em;
	text-align:left;
}
pre{
	font-size: 0.75em;
}
/* Testo selezionato */
::selection {
    background-color: #6a75e9; 
    color: #ffffff;
}
::-moz-selection {
    background-color: #6a75e9; 
    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: #d8dbdd;
}
.bgbianco{
	background: #fff;
}
.bgblu{
	background: #34495e; 
}
.bgbludark{
	background: #2d3e50;
}
.bgcolor{
	background: #6a75e9;
}
.bianco{
	color: #fff;
}
.blu{
	color: #34495e;
}
.color{
	color: #6a75e9;
}
.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: #2d3e50;
	margin-top: -100px;
	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: 10px;
	background-color: #6a75e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    float: left;
    margin: 0 1px;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	/*background-color: #6a75e9;*/
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
	/*background-color: #16a09e;*/
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
	/*background-color: #8f44ad;*/
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
	/*background-color: #4aae27;*/
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.spinner .rect6 {
	/*background-color: #6a75e9;*/
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
#preloader span::before { 
	display:block;
	text-align:center;
    content: "ARCA NUOTO";	
    white-space: nowrap;
	color: #6783a0;
	font-weight: normal;
	font-size: 0.7em;
	
    /*font-size: 1.75em;*/
}
#preloader span{
	display: block;
	width: 100%;
	text-align: center;
	color: #6a75e9;
	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);
  }
}


/* Navbar e menù */
.navbar-header{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background: #6a75e9;
}
.navbar{
	z-index: 1001;
	margin-bottom: 0;
}
.navbar-default{
	background: transparent;
	box-shadow: none;
	border-color: transparent;	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.navbar-fixed-top{
	border-width: 0;
	border-bottom: 0;
}
/* Logo e slogan */
.navbar-default .navbar-brand, .navbar-brand{
	height: 100px;
	background: #6a75e9;
	padding: 15px 15px;
	color: #fff;
	text-align: center;
	/* Modifica 25-01-2023 */
	display: flex;
	justify-content: center;
	align-items: center;
	/*display: table-cell;
    vertical-align: middle;*/
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
	color: #fff;
    background: #6a75e9;
}
.navbar-brand h2{
	font-size: 1.5em;
	margin: 0;/* Aggiunta 25-01-2023 */
}
.navbar-brand h2 span{
	font-weight: normal;
}
/* Links menù */
.navbar-default .navbar-nav>li>a, 
.navbar-default .navbar-nav>div>li>a{
	text-transform: uppercase;
	color: #34495e;
}
.navbar-brand, .navbar-nav>li>a, .navbar-nav>div>li>a{
	text-shadow: none;
}
/* Classe colore alla navbar allo scroll */
.onscroll{
	background: #ecf0f1;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);
}
/* Bottone mostra nascondi menù */
.navbar-toggle {
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;	
	width: 30px;
	height: 3px;
	border-radius: 0;
	margin-bottom: 5px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.navbar-default .navbar-toggle .icon-bar:last-child{
	margin-bottom: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .icon-list div {
	background-color: transparent;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.navbar-default .icon-list div, .navbar-default .icon-esc div{
	height: 100px;
	padding: 41px 30px 41px 0;
	margin: 0px;
}
.navbar-default .icon-esc .icon-bar{
	background-color: #fff;
}
.navbar-default .icon-esc div{
	/*background-color: #d8dbdd;*/
}
.icon-esc #icon-bar1{
	-ms-transform: translate(0px,8px) rotate(45deg);
	-webkit-transform:translate(0px,8px) rotate(45deg);
	-moz-transform:translate(0px,8px) rotate(45deg);
	-o-transform:translate(0px,8px) rotate(45deg);
	transform:translate(0px,8px) rotate(45deg);
}
.icon-esc #icon-bar2{
	opacity: 0;
}
.icon-esc #icon-bar3{
	-ms-transform: translate(0px,-8px) rotate(-45deg);
	-webkit-transform: translate(0px,-8px) rotate(-45deg);
	-moz-transform: translate(0px,-8px) rotate(-45deg);
	-o-transform: translate(0px,-8px) rotate(-45deg);
	transform: translate(0px,-8px) rotate(-45deg);
}
/* Bandierina menù 1 livello (cell) */
.navbar-collapse{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; 
}
.navbar-default .navbar-collapse{
	border: 0;
	max-height: none;
	background: #d8dbdd;
	
	/* inizio aggiunta 22-11-2017 */
    z-index: -1;
    width: 100%;
    height: 100vh;
    max-height: none;
    position: absolute;
    overflow-y: scroll;
    /* fine aggiunta 22-11-2017 */
}

/* inizio aggiunta 22-11-2017 */
.navbar-collapse::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* fine aggiunta 22-11-2017 */

.navbar-nav {
	margin: 0 -15px;
}
.navbar-nav>li>a, .nav>li>a, .navbar-nav>div>li>a, .nav>div>li>a {
	font-family: raleway,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	position: relative;
	display: block;
	text-align: center;
	padding: 15px 30px;
	border-bottom: 1px solid #d8dbdd;
	background: #ecf0f1;
}
.navbar-nav>li:last-child>a, .nav>li:last-child>a {	
	border-bottom: 1px solid #d8dbdd;
}
.navbar-nav>li:first-child>a, .nav>li:first-child>a {	
	border-top: 1px solid #d8dbdd;
}
.nav>li>a:hover, .nav>li>a:focus,
.nav>div>li>a:hover, .nav>div>li>a:focus{
	text-decoration: none;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>div>li>a:hover, .navbar-default .navbar-nav>div>li>a:focus{
	color: #6a75e9;
	background: #fff;
	/*border-bottom:1px solid #f00;*/
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>div>.open>a, .navbar-default .navbar-nav>div>.open>a:hover, .navbar-default .navbar-nav>div>.open>a:focus{
	color: #6a75e9;
	background: #ecf0f1;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>div>.active>a, .navbar-default .navbar-nav>div>.active>a:hover, .navbar-default .navbar-nav>div>.active>a:focus{
	-webkit-box-shadow: none;
	filter: none;
	box-shadow: none;
	color: #34495e;
	background: #fff;
	font-weight: bold;
}
/* links 2 livello */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a{
	background-color: transparent;
	color: #34495e;
}
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
 	background-color: transparent;
 	color: #6a75e9;
 }
.dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: #ecf0f1;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
 	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu{
	border-bottom:1px solid #e3e3e3;
	background: #ecf0f1;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .dropdown-menu>li>a {
	font-family: raleway,helvetica,arial,sans-serif;
	font-size: 1.15em;
	line-height: 1.2em;
	color: #34495e;
	text-align: center;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	border-color: #d8dbdd;
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 6px 15px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #6a75e9;
	background-color: transparent;
	filter: none;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:active,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	color:#6a75e9;
	background-color:transparent;
	background-image:none;
	filter:none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #1d59a9;
	background-image:none;
	background-color:transparent;
	filter:none;
}
.dropdown-menu>li.active>a, .navbar-default .navbar-nav .open .dropdown-menu>li.active>a{
	color: #6a75e9;
}

/* inizio aggiunta 22-11-2017 */
#mega-dropdown>li.has-child>a{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
}
/* fine aggiunta 22-11-2017 */
/* 3° livello */
.navbar-nav>li>ul>li>ul>li>a {
	color: #34495e;	
	
	/* inizio aggiunta 22-11-2017 */
	display: block;
	text-align: center;	
	padding-top: 5px;	
	padding-bottom: 5px;
	text-decoration: none;
	/* fine aggiunta 22-11-2017 */
}
/* inizio aggiunta 22-11-2017 */
.navbar-nav>li>ul>li>ul{
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-nav>li>ul>li:last-child>ul{
	padding-bottom: 0;
}
/* fine aggiunta 22-11-2017 */
.navbar-nav>li>ul.dropdown-menu>li>ul>li>a:hover, .navbar-nav>li>ul.dropdown-menu>li>ul>li>a:focus{
	color: #6a75e9;
}
.navbar-nav>li>ul.dropdown-menu>li>ul>li.active>a{
	color: #6a75e9;
}



/* Header */
#head{
	color: #fff;
	margin-top: 100px;
}
#head.nohome{
	color: #34495e;
}
/* Logo ARCA */
#logo-arca{
	text-align: center;
}
#img-logo{ /* modificato 06/05/2022 (Riki)*/
	width: 150px; 
	margin: 2em 0 2em 0;
}
#img-logo-scritta{
	width: 80%;
	margin: 0 0 3em 0;
}
/* Titolo per pag non home */
.container-titolo{
	text-align: center;
	padding-top: 3em;
	padding-bottom:3em;
}
.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: 1em;
}
#links-sharer li{
	display:inline-block;
}
#links-sharer li a{
	text-align: center;
	float: left;
	display: block;
	font-size: 27px;
	line-height: 35px;
	width: 56px;
	height: 56px;
	padding: 9px 8px;
	color: #fff;
	background: #6a75e9; 
	border: 1px solid transparent;
	margin: 0 0.2em;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	-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 #6a75e9;
	color: #6a75e9;
}
/* Carousel head */
#carousel-head{
	color: #fff;
	line-height: 1.4em;
}
#carousel-head div a span{
	padding: 20px;
	text-align: center;
	position: absolute;
	bottom: 0;
	display: block;
	height: auto;
	width: 100%;
	color: #fff;
	/*background: #6a75e9;*/
    background:rgb(106,117,233);
    background: transparent\9;
    background:rgba(106,117,233,0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e56a75e9,endColorstr=#e56a75e9);
    zoom: 1;
}
#carousel-head div a span:nth-child(n) {
    filter: none;
}

#carousel-head .slick-dots{
	position: absolute;
	top: -45px;
    right: 10px;
    text-align: right;
}

/* Altre piscine */
#altre-piscine p span{
	display: block;
	text-align: center;
	padding: 20px;
	margin: 0;
}
#altre-piscine ul li a{
	color: #ecf0f1;
	padding: .5em 1em; /* Aggiornamento 17-03-21 */
	display: block;
	background: #2d3e50;
	border-bottom: 1px solid #34495e;
	border-left-width: 10px;
	border-left-style: solid;
	text-transform: uppercase;
	-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{
	border-left-width: 30px;
	text-decoration: none;
}
#oderzo a{
	border-left-color: #d43c2e;
}
#spilimbergo a{
	border-left-color: #2a80b9;
}
#fontanafredda a{
	border-left-color: #16a09e;
}
#vazzola a{
	border-left-color: #8f44ad;
}
#martellago a{
	border-left-color: #4aae27;
}
#monfalcone a{
	border-left-color: #d56400;
}
#pasiano a{
	border-left-color: #6a75e9;
}
#pordenone a{ /* aggiunto 24-09-2020 */
	border-left-color: #cd4186;
}
#portogruaro a{ /* Aggiunta 17-03-21 */
	border-left-color: #d0a800;
}
/* Main */
#load-more{clear:both;}
#main{
    font-size: 1.05em;
    line-height: 1.5em;
	padding-top: 4em;
	padding-bottom: 4em;
}
#main.nohome{
	padding-top: 0;
	padding-bottom: 4em;
}

/* Box */
.box{
	background: #fff;
	border: 1px solid #d8dbdd;
	-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;
}
.box-big{
	border: 0;
}
.box-content{
	padding: 1.4em;
}
.box-content-big{
	padding: 3em 1.4em;
}
.box-content-big h2:first-child,
.box-content-big h3:first-child,
.box-content-big h4:first-child,
.box-content-big h5:first-child,
.box-content-big h6:first-child{
	margin-top: 0;
}
.box figure{
	position: relative;
	overflow: hidden;
}
.box figure img{	
	-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;
	
	/* inizio aggiunta 22-11-2017 */
	margin-left: auto;
    margin-right: auto;
   	/* fine aggiunta 22-11-2017 */
}
.box figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-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;
}
.box:hover figure figcaption, .box:focus figure figcaption{
    background:rgb(106,117,233);
    background: transparent\9;
    background:rgba(106,117,233,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b26a75e9,endColorstr=#b26a75e9);
    zoom: 1;
}
.box figure figcaption .continua{
	color: transparent;
	font-size: 3em;
	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	margin-top: -0.4em;
	margin-left: -1em;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.box:hover figure figcaption .continua, .box:focus figure figcaption .continua{	
	color: #fff;
	margin-left: 0;
}
#main .box a{
	color: #34495e;
	text-decoration : none;
}
#main .box-content a:hover,
#main .box-content a:focus{
	text-decoration : underline;
}
.box a h2{
	font-size: 1.32em;
	line-height: 1.45em;
	margin-top: 0;
	-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;
}
.box:hover, .box:focus{
	border: 1px solid #6a75e9;
}
/*.nohome .box:hover, .nohome .box:focus{
	border: 0;
}*/
#main .box-big a{
	color: #6a75e9;
}
.box-big:hover, .box-big:focus{
	border-top: 0;
	border-bottom:0;
}
.nohome .box-big:hover, .nohome .box-big:focus{
	border: 0;
	border-top: 0;
	border-bottom:0;
}
.box:hover a, .box:focus a, .box:hover h2, .box:focus h2{
	text-decoration: none;
}
.box:hover figure img, .box:focus figure img{
	-moz-transform: scale(1.1) rotate(-1deg);
	-webkit-transform: scale(1.1) rotate(-1deg);
	-o-transform: scale(1.1) rotate(-1deg);
	-ms-transform: scale(1.1) rotate(-1deg);
	transform: scale(1.1) rotate(-1deg);
}
.nohome .box:hover figure img, .nohome .box:focus figure img{
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
/* badge n°foto */
.nfoto{
	position: absolute;
	left: 50%;
	width: 80px;
	height: 80px;
	padding: 18px 12px;
	margin: -40px 0 0 -40px;
	background: #6a75e9;
	color: #fff;
	font-family: 'opensanscondensed',helvetica,arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.nfoto span{
	display:block;
	font-size: 2em;
}
/* Play dei thumb dei video */
.video-thumb{
	display:block;
	width: 100%;
	height: 400px;
	background-color: #ecf0f1;
	background-repeat: no-repeat;
    background-position: center center; 
	background-size: cover;
}
.video-thumb .play{
	position: absolute;
	outline: none;
	font-size: 30px;
	line-height: 80px;
	z-index: 1;
	border: 0;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	text-align: center;
	background: #6a75e9;
	color: #fff;
	border: 1px solid #6a75e9;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.video-thumb .play:hover, .video-thumb .play:focus{
	background: #fff;
	color: #6a75e9;
	border: 1px solid #6a75e9;	
}
/* Navigatore del carousel (es: gallerie) */
#carousel-nav .slick-slide{
	margin-right: 1px;
	margin-top: 1px;
	-webkit-filter: grayscale(100%);  
    -webkit-filter: grayscale(1);  
    filter: grayscale(100%);  
    filter: url('../img/gray.svg#grayscale');  
    filter: gray;
}
#carousel-nav .slick-center{	
	-webkit-filter: grayscale(0%);  
    -webkit-filter: grayscale(0);  
    filter: none;  
}

/* Titoli secondari */
.box-secondario h3{
	text-align: center;
	margin: 0;
	padding: 0.5em;
	color: #34495e;
	border-top: 1px solid #d8dbdd;
}
/* Badge */
	.badge{
		background-color: #6a75e9;
		font-family:helvetica,arial,verdana,sans-serif;
	}
/* Tabelle */
	.table{
		border-bottom: 1px solid #d8dbdd;
	} 
	.table tbody>tr>td{background:transparent;}
	.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
		background-color: transparent;
	}
	.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
		border-top: 1px solid #d8dbdd;
	}
	.table-hover tbody tr:hover td{background-color: #ecf0f1;}
	#main .box-big .table a{
	    color: #34495e;
	}
	#tabella-documenti, #tabella-links{
		margin-bottom: 0;
		border-bottom: 0;
		border-top: 1px solid #d8dbdd;
	}
	.table>tbody>tr>td.vertical-middle{
		vertical-align: middle;
	}
/* Commenti */
#commenti{
	border-top: 1px solid #d8dbdd;
}

/* Casi speciali */

/* Classe generica per padding su e giu delle sezioni */
.padding-top-bottom{
	padding-top: 4em;
	padding-bottom: 4em;
}
/* Atleti */
.box-atleti{}
.box-atleti h2{
	margin-top: 0;
	margin-bottom: 0;
	padding: 1em 0;
	text-align:center;
}
.box-atleti ul{
	border-top: 1px solid #d8dbdd;
}
.box-atleti ul li{
	list-style: none;
	border-bottom: 1px solid #d8dbdd;
}
.box-atleti ul li:last-child{
	margin-bottom: 1em;
}
#main .box-big.box-atleti  a{
	color: #34495e;
}
.box-atleti h3{
	margin-top: 0;
}

/* Turni e orari attività */
/*
	Larghezza totale tabella: 620px (25px + (85px * 7colonne))
	Larghezza colonne giorno: 85px (1px dello sfondo è occupato dalla linea scura a dx che fa da bordo, quindi i div degli orari devono essere di 84 px allineati a sx)
	Larghezza colonna ore: 25px (2px dello sfondo sono occupati dalle 2 linee esterne che fanno da bordo)
	Altezza di 1 ora = 26px;
*/
#orari-turni{
	border-top: 1px solid #d8dbdd;
}
.tabella-turno-orari {
	width:100%; 
	font-size:0.8em; 
	line-height:1.1em;
}
.tabella-turno-orari td{
	border-left:1px solid #34495e;
	
	border-bottom: 1px solid #34495e;
}
.tabella-turno-orari tr{
	border-right:1px solid #34495e;
}
.tabella-turno-orari th{
	padding:5px; 
	color:#fff; 
	background:#34495e; 
	font-weight:normal; 
	text-transform: uppercase;
	text-align:center;
}
.tabella-turno-orari td{
	width:14%; 
	background:#fff url(/img/calendario-turni-bg-colore2.png) repeat top left; 
	vertical-align:top; 
	position:relative; /* position relative importante perchè i div degli orari avranno posizionamento assoluto relativo ad esso */
} 
.tabella-turno-orari td.colonna-giorno2, .tabella-turno-orari td.colonna-giorno4, .tabella-turno-orari td.colonna-giorno6{
	background:#ecf0f1 url(/img/calendario-turni-bg-colore1.png) repeat top left;
}
.tabella-turno-orari td.colonna-ora{
	width:2%;
	padding:0px 5px;
	text-align:center; 
	background:#ecf0f1 url(/img/calendario-turni-bg-ora.png) repeat top left;
}
.tabella-turno-orari td.colonna-ora div{
	height:24px; 
	margin-top:2px;
	overflow:hidden;
}
div.orario-container, div.orario-selected-container{position:relative;}
div.orario-container div{
	cursor:pointer;
	position:absolute; 
	z-index:1;
	left:0; 
	width:100%; /* altezza, top e background sono definiti nello stile online dei div */
	overflow:hidden;
	text-align:center;
	/*background: #44586d;
	background: -moz-linear-gradient(top, #44586d 0%, #34495e 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #44586d), color-stop(100%, #34495e));
	background: -webkit-linear-gradient(top, #44586d 0%, #34495e 100%);
	background: -o-linear-gradient(top, #44586d 0%, #34495e 100%);
	background: -ms-linear-gradient(top, #44586d 0%, #34495e 100%);
	background: linear-gradient(to bottom, #44586d 0%, #34495e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44586d', endColorstr='#34495e', GradientType=0 );*/
} 
div.orario-container div span{
	/*color:#8fa1b3;*/
	color: #808080;
	color: rgba(255, 255, 255, 0.4);
}
div.orario-selected-container div{
	position:absolute; 
	z-index:100;
	left:0; 
	width:100%; /* altezza, top e background sono definiti nello stile online dei div */
	overflow:hidden;
	text-align:center;
	color: #fff;
	background: #6a75e9 !important;
	filter: none;
}

/* Prossimo/precedente */
.next-prev{
	color: #34495e;
}
.next-prev h2{
	color: #34495e;
	border-bottom: 1px solid #d8dbdd;
    padding: 2.5em 1.4em;
    margin: 0;
    font-size: 0.95em;
    text-align: center;
    text-transform: uppercase;
}
.next-prev a{
	color: #34495e;
	display:block;
	padding: 20px;
	border-bottom: 1px solid #d8dbdd;
	background: transparent;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.next-prev a:hover, .next-prev a:focus, .next-prev a:active{
	background: #fff;
	text-decoration: none;
}
.next-prev time{
	color: #6a75e9;
	display: block;
	margin: 0;
}
.next div{
}
.prev div{
}

/* Tasto personalizzato */
.btn-default, #main .btn-default{
	font-size: 0.9em;
	font-family: raleway,helvetica,arial,sans-serif;
	padding: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #6a75e9;
	filter: none;
	background-color: #6a75e9;
	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;
	
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
#main .btn-default:hover, #main .btn-default:focus, #main .btn-default:active {
	color: #6a75e9;
	border: 1px solid #6a75e9;
	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;
}


/* cerca e forms */
#form-container{
	padding-top: 1.6em;
	padding-bottom: 1.6em;
}
#form-container h2{
	margin-top:0;
}
#form-container .btn{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
}
.form-group{
}
input.form-control, textarea.form-control, select.form-control{
	width: 100%;
	font-size: 17px;
	height: auto;
	color: #34495e;
	background: #fff;
	border: 1px solid #d8dbdd;
	padding: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input.form-control:focus, textarea.form-control:focus, select.form-control: focus{
	outline: 0;
	border-color: #34495e;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.form-control::-webkit-input-placeholder {
	color: rgba(216,219,221,1);
}
.form-control::-moz-placeholder {
	color: rgba(216,219,221,1);
}
.form-control:-moz-placeholder { /* Older versions FF */
	color: rgba(216,219,221,1);
}
.form-control:-ms-input-placeholder { 
	color: rgba(216,219,221,1);
}
#cerca{
	padding-top: 20px;
	padding-bottom: 20px;	
}
#cerca-testo{
	margin-right: 70px;
}
#cerca input.form-control{
	border-color: #fff;
}
#cerca-submit {	
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: none;
	float: right;
	margin-top: -50px;
	background: #6a75e9;
	padding: 0;
	color: #fff;
	font-size: 1.5em;
}
#btn-contatti{
	float: right;
	margin-top: 20px;
}
#lasciavuoto{
	position: absolute;
}
/* Errori o successi su campo */
.has-error .form-control, .has-error .checkbox label,
.has-error .form-control:focus, .has-error .checkbox label:focus{
	background: #ffefef;
	border-color: #a94442;
	-webkit-box-shadow: none;
	box-shadow:none;
}
.has-success .form-control, .has-success .checkbox label, 
.has-success .form-control:focus, .has-success .checkbox label:focus{
	background: #efffed;
	border-color: #3c763d;
	-webkit-box-shadow: none;
	box-shadow:none;
}

/* Checkbox */
input[type=checkbox] {
	visibility: hidden;
}											
.checkbox {
	width: 25px;
	position: relative;
	float:left;
	margin-right:20px;
	margin-top:0;
}

/* Create the box for the checkbox */
.checkbox label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
  	left: 0;
	background: transparent;
	border:1px solid #e3e3e3;
	background: #f4f4f4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Display the tick inside the checkbox */
.checkbox label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 13px;
	height: 7px;
	background: transparent;
	top: 7px;
	left: 6px;
	border: 3px solid #626262;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* Effetto hover */
.checkbox label:hover{
	border:1px solid #1d59a9;
}
/* Create the hover event of the tick */
.checkbox label:hover::after {
	opacity: 0.3;
}
/* Create the checkbox state for the tick */
 input[type=checkbox]:checked + label::after {
	opacity: 1;
}
/* Messaggi o errori invio form */
.alert h3{
	margin-top: 0;
}

/* Slider marchi */
#carousel-marchi .slick-slide img {
	max-width: 60%;
	max-height: 100px;  /* limite altezza marchi */
	text-align: center;
	margin: 4em auto 4em auto;
}
#carousel-marchi .slick-dots{
	bottom: 20px;
}
#carousel-marchi .slick-track{
    margin: 0 auto;
}


/* Nostre attività */
#attivita{
	color: #fff;
	border-bottom: 1px solid #34495e;
	font-size: 1em;
	line-height: 1.7em;
}
#attivita .col-sm-12{
	padding-left: 0;
	padding-right: 0;
}
#attivita h2{
    padding: 2.5em 1.4em;
    margin: 0;
    font-size: 0.95em;
    text-align: center;
    text-transform: uppercase;
}
#attivita p{
	padding: 1.5em 1em;
}
/* Random */
#attivita-random{
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 1em;
}
#attivita-random li{
	color: #fff;
	text-align: center;
}
#attivita-random li a{
	font-size: 1em;
	color: #fff;
}
#attivita-random li a:hover, #attivita-random li a:focus{
	text-decoration: none;
}
#attivita-random li a img{
	-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;
}
#attivita-random li a figure{
	position: relative;
}
#attivita-random li a figcaption{ 
	position: absolute;
	font-weight: bold;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	background-image:none;	
	background:rgb(45,62,80);
    background: transparent\9;
    background:rgba(45,62,80,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f2d3e50,endColorstr=#7f2d3e50);
    zoom: 1;
	-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;
}
#attivita-random li:hover figure figcaption, #attivita-random li:focus figure figcaption{
	border: 1px solid #6a75e9;
	background-image:none;
    background:rgb(106,117,233);
    background: transparent\9;
    background:rgba(106,117,233,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b26a75e9,endColorstr=#b26a75e9);
    zoom: 1;
}
#attivita-random li a figcaption .nome{
	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	margin-top: -0.5em;
    padding: 0 5px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#attivita-random li a figcaption .continua{
	color: transparent;
	font-size: 2em;
	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	margin-top: -0.4em;
	margin-left: -1em;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#attivita-random li a:hover figcaption .nome, #attivita-random li a:focus figcaption .nome{	
	color:transparent;
}
#attivita-random li a:hover figcaption .continua, #attivita-random li a:focus figcaption .continua{	
	color: #fff;
	margin-left: 0;
}


/* Foto dalle gallerie */
#gallerie-recenti,#gallerie-recenti a{
	color: #fff;
}
#gallerie-recenti > div{
	background: #34495e;
}
#gallerie-recenti .slick-list{
	background: transparent;
}
#gallerie-recenti a:hover,
#gallerie-recenti a:focus,
#gallerie-recenti a:active{
	text-decoration: none;
}
#gallerie-recenti h2{
	padding: 2.5em 1.4em;
	margin: 0;
	font-size: 0.9em;
	text-align: center;
	text-transform: uppercase;
}
#gallerie-recenti figcaption h3{
	font-weight: normal;
    font-size: 1.05em;
    line-height: 1.5em;
	padding: 1.4em;
	margin: 0;
}

/* Mappa con uno o più markers */
#map_canvas, #map_all_canvas{
	width: 100%;
	height: 400px;
}

/* Footer */
#foot, #foot a{
	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.5em; /* modificato 29-05-2020 */
	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: #6a75e9;
	text-decoration: none;
}
#socials .icon{ /* aggiunto 29-05-2020 */
	height: 35px;
	width: 35px;
	margin: 0;
	vertical-align: top;
	padding: 0;
	fill: #fff;
}

/* 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: #6a75e9;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	-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 #6a75e9;	
	background: #fff;
	color: #6a75e9;
	text-decoration: none;
}

/* Modal */
.modal-backdrop {	
    background: #2c2c2c;
    background: rgba(44,44,44,0.9);
}
.modal-backdrop.in{
	opacity: 0.95;
	filter: alpha(opacity=95);
}
.modal-title{
	position: absolute;
    top: 15px;
    left: 15px;
    margin: 0 40px 0 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    opacity: .8;
}
.modal-header{ border-bottom: none; }
.modal-header .close, #main .modal-header .close{
	position: absolute;
    z-index: 1;
    top: 10px;
    right: 20px;
    float: none;
	font-weight: normal;
    font-size: 50px;
    color: #fff;
    text-shadow: none;
    filter: none;
    opacity: 1;
}
.atleti-modal .modal-dialog,
.media-modal .modal-dialog{ padding-top: 0; }
/* Contenitore di video esterni in iframe per resa responsiva */
.media-modal .modal-dialog{ width: auto; }
.embed-container {
	position: relative; 
	padding-bottom: 56.25%; 
	margin: 0 auto;
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
}
.embed-responsive iframe{ /* Aggiunta 23-01-2023 */
	border: 1px solid #d8dbdd;
}
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 601px) {
	.embed-container { max-width: 80%; }
	.embed-container iframe, .embed-container object, .embed-container embed { height: 80%; }
}

/* GESTIONE RESPONSIVA */
/* aggiustamenti nei piccoli device */
@media (max-width: 320px){ /* iphone 4-5 */
	.navbar-brand h2 {
	    font-size: 1.2em;
	}
}
@media (min-width: 321px) and (max-width: 360px){ /* nexus5 */
	.navbar-brand h2 {
	    font-size: 1.25em;
	}
}

@media (min-width: 361px) and (max-width: 499px){ /* iphone 6 */
	.navbar-brand h2 {
	    font-size: 1.43em;
	}
}
@media (min-width:500px) and (max-width: 767px){
	/* Logo ARCA */
	#logo-arca{
		text-align: center;
	}
	#img-logo{
		/* modificato 06/05/2022 (Riki) */
	}
	#img-logo-scritta{
		width: 40%;
		float:left;
		margin: 4em 7% 3em 0;
	}
	/* cerca e forms */
	#form-container .btn{
		width: 60%;
		margin-top: 1em;
	}
	/* Slider marchi */
	#carousel-marchi .slick-slide img {
		max-width: 80%;
		max-height: 85px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {	
		
	/* Navbar e menù */
	/*.navbar-brand h2 {
	    font-size: 1.33em;
	}*/ /* Eliminata 25-01-2023 */
	.navbar{
		margin-bottom: 0;
		font-size: 0.9em;
		border-bottom: 1px solid #e3e3e3;
	}
	.navbar-brand h2{ /* Aggiunta 25-01-2023 */
		width: 225px;
	}
	/* menù 1 livello (cell) */
	.navbar-default{
		background: #ecf0f1;
	}
		
	/* inizio aggiunta 22-11-2017 */
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		position: relative;
		z-index: 1;
	}
	.navbar-default .navbar-collapse {
		z-index: 0;
    	position: relative;
	}
	/* livello 3 */
	.navbar-nav>li>ul>li>ul>li>a {
		text-align: left;
		padding: 3px 10px;
	}
	.navbar-nav>li>ul>li>ul>li {
		border-top: 1px solid #e3e3e3;
	}
	.navbar-nav>li>ul>li>ul {
		padding-top: 0;
		padding-bottom: 0;
	}
	/* Mega dropdown */
	#mega-dropdown{
		position: absolute;
		width: 751px;
		border: 1px solid #e3e3e3;
		padding: 10px;
		top:100px;
		left: 50%;
		margin-left: -470px;
	}
	#mega-dropdown>li{		
		float: left;
		width: 33.3%;
	}	
	#mega-dropdown>li>a{
		margin: 0px 10px 0 10px;
		border-left: 0;
		border-right: 0;
	}
	#mega-dropdown>li>ul{
		margin: 0 10px 10px 10px;
	}
	#mega-dropdown>li.has-child>a{
		margin: 5px 5px 0 5px;
		border-top: 0;
		border-left: 0;
		border-right: 0;		
		text-transform: uppercase;
		font-weight: bold;
		font-size: .85em;
	}
	/* fine aggiunta 22-11-2017 */
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: 0;
		background: #ecf0f1;
		max-height: none;
	}
	.navbar-nav {
		margin: 0 auto;
		text-align: center;
	}
	.navbar-nav>li {
		border-right: 1px solid #e3e3e3;
	}
	.navbar-nav>li:first-child{display:none} /* nascondo l'home */
	.navbar-nav>li:last-child{
		border-right: 0;
	}
	.navbar-nav>li:last-child>a, .nav>li:last-child>a {
		border-bottom: 0;
	}
	/*.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, 
	.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>div>.open>a, 
	.navbar-default .navbar-nav>div>.open>a:hover, .navbar-default .navbar-nav>div>.open>a:focus,
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>div>.active>a, 
	.navbar-default .navbar-nav>div>.active>a:hover, .navbar-default .navbar-nav>div>.active>a:focus,
	.navbar-nav>li>a, .nav>li>a, .navbar-nav>div>li>a, .nav>div>li>a{
		background: transparent;
	}*/
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, 
	.navbar-default .navbar-nav>div>li>a:hover, .navbar-default .navbar-nav>div>li>a:focus {
		/*background: transparent;*/
		border-bottom: 0;
	}
	.navbar-nav>li>a, .nav>li>a,
	.navbar-nav>div>li>a, .nav>div>li>a{
		border-bottom: none;
		min-height: 100px;
		height: 100px;
	}
	.navbar-nav>li>a, .nav>li>a{	
		/* inizio aggiunta 22-11-2017 */
		padding: 43px 9px; /* Modifica 20-01-2023 */
		font-size: .9em;
		/* fine aggiunta 22-11-2017 */
	}
	.navbar-nav>li:first-child>a, .nav>li:first-child>a {	
		border-top: none;
		margin-left: 20px;
	}
	.navbar-nav>div>li:last-child>a, .nav>div>li:last-child>a {	
		border-bottom: none;
		margin-right: 20px;
	}
	/* Livello 2 */
	.navbar-nav .dropdown-menu{
		position: absolute;
		right: auto;
		top: 100px;
		left: -1px;
	}
	.navbar-nav>li:last-child .dropdown-menu{ /*ultima bandieria allineata a dx */
		right: 0;
	}
	.dropdown-menu, .navbar-nav>li>.dropdown-menu{
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-nav .dropdown-menu>li>a, .navbar-nav .dropdown-menu .dropdown-header,
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{
		padding: 10px 15px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .dropdown-menu>li>a {
		text-align: left;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .dropdown-menu>li>a {
		border-top: 1px solid #e3e3e3;
		border-right: 1px solid #e3e3e3;
		border-left: 1px solid #e3e3e3;
	}
	/* Form cerca phone */
	#cerca{
		/* modificato 06/05/2022 (Riki) */
		position: absolute;
		left: 50%;
		top: 190px;
		width: 440px;
		margin-left: -100px;
		left: 50%;
		z-index: 3;	
		padding-top: 7px;
		padding-bottom: 7px;
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}
	#cerca-testo{
		padding: 6px;
	}
	#cerca-submit {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -40px;
		background-size: 20px 20px;
	}
	#cerca.nohome{
		top: 210px;
		width: 200px;
		margin-left: 155px;
	}
	/* Header */
	/* Logo ARCA */
	#logo-arca{
		text-align: center;
	}
	#img-logo{
		/* Modificato 06/05/2022 (Riki) */	
		float: left;
		width: 150px;
		margin: 2em 3em;
	}
	#img-logo-scritta{
		width: 40%;
		float:left;
		margin: 3em 7% 3em 0;
	}	
	/* Titolo per pag non home */
	.container-titolo{
		margin-top: 2em;
		margin-bottom: 0em;	
		text-align: left;
	}
	
	/* Carousel head */
	#carousel-head .slick-dots{
		top: 20px;
		right: 20px;
	}
	
	/* Altre piscine */
	#altre-piscine p {
		display:table;
		height: 198px; /* Aggiornamento 17-03-21 */
		background: #2d3e50;
	}
	#altre-piscine p span{
		display: table-cell;
		vertical-align: middle;
		padding: 40px;
	}
	#altre-piscine li { /* Aggiunto 17-03-21 */
		width: 50%;
		float: left;
	}
	#altre-piscine ul li a{
		padding: 0.75em 1em;
	}
	#altre-piscine-freccia{
		display: none; /* Aggiornamento 17-03-21 */
	}
	
	/* Social Sharer */
	#social-sharer{
		float: right;
		margin-top: -30px;
	}
	#links-sharer::before{
		content: "Condividi su:";
		display: block;
		margin-bottom: 0.3em;
	}
	/* Titolo box secondari */
	.box-secondario h3{
		text-align: left;
	}
		
	/* cerca e forms */
	#form-container .btn{
		/* inizio aggiunta 22-11-2017 */
		/*width: 40%;*/	
		/* fine aggiunta 22-11-2017 */
		margin-top: 1em;
	}
	
	/* Slider marchi */
	#carousel-marchi .slick-slide img {
		max-width: 80%;
		max-height: 100px;  /* limite altezza marchi */
	}
	
	/* Onscroll */
	.navbar.onscroll{
		padding-top: 0;
	}	
	.onscroll #cerca{
		left: 880px;
	}
	
	/* Socials */
	#socials ul{
		margin: 3em 0;
	}
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	/* Navbar e menù */
	.navbar{
		margin-bottom: 0;
		/*font-size: 1.05em;*/
	}	
	.navbar-brand h2{
    	font-size: 1.5em;
		width: 293px;
	}	
	/*.navbar-brand img {
		height: 90px;
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}	*/
	/* menù 1 livello (cell) */
	.navbar-nav {
		margin-right: 85px; /* per la presenza del cerca espandibile */
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}
	.navbar-nav>li:first-child{display:block} /* mostro l'home */	
	.navbar-nav>li:first-child>a, .nav>li:first-child>a {
		margin-left: 0;
	}	
	.navbar-nav>li>a, .nav>li>a,
	.navbar-nav>div>li>a, .nav>div>li>a{
		transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}
	/*.navbar-nav>li>a, .nav>li>a{
		padding: 7px 18px;
	}*/
	/* Menù livello 3 normale */
	.navbar-nav>li>ul>li>ul>li{
		border-top: 1px solid #e3e3e3;
	}
	.navbar-nav>li>ul>li>ul>li>a{
		display: block;
		padding: 5px 15px;
		font-size: 1.11em;
		color: #34495e;
	}
	.navbar-nav>li>ul>li>ul>li>a:hover,	.navbar-nav>li>ul>li>ul>li>a:focus{
		color: #6a75e9;
		text-decoration: none;
	}
	/* Mega dropdown */
	#mega-dropdown{
		position: absolute;
		width: 971px; /* inizio e fine aggiunta del 22/11/2017 */
		border: 1px solid #e3e3e3;
		padding: 10px;
		top:100px;
		left: 50%;
		margin-left: -605px; /* inizio e fine aggiunta del 22/11/2017 */
	}
	#mega-dropdown>li{		
		float: left;
		width: 33.3%;
	}	
	#mega-dropdown>li>a{
		margin: 0px 10px 0 10px;
		border-left: 0;
		border-right: 0;
	}
	#mega-dropdown>li>ul{
		margin: 0 10px 10px 10px;
	}
	#mega-dropdown>li.has-child>a{
		margin: 10px 10px 0 10px;
		border-top: 0;
		border-left: 0;
		border-right: 0;		
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1em;
	}
	/* Form cerca phone */
	#cerca{
		width: 200px;
		margin-left: 270px;
		padding-top: 12px;
	}
	#cerca-submit {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -40px;
		background-size: 20px 20px;
	}	
	/* Form cerca desktop */
	.sb-search {
		position: absolute;
		top: 0;
		right: 50%;
		margin-right: -485px;
		margin-top: 0px;
		width: 0%;
		min-width: 100px;
		height: 100px;
		float: right;
		overflow: hidden;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		transition: width 0.3s;
		-webkit-backface-visibility: hidden;
	}

	.sb-search-input {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		outline: none;
		background: #fff;
		width: 647px;
		height: 100px;
		margin: 0;
		z-index: 10;
		padding: 20px 65px 20px 20px;
		font-family: inherit;
		font-size: 20px;
		color: #34495e;
	}

	.sb-icon-search{
		z-index:90;
		background: #6a75e9;
		color: #fff;
	}
	
	.sb-icon-search,
	.sb-search-submit  {
		font-size: 1.6em;
		width: 100px;
		height: 100px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		margin: 0;
		line-height: 100px;
		text-align: center;
		cursor: pointer;
	}

	.sb-search-submit {
		background: #fff; /* IE needs this */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
		filter: alpha(opacity=0); /* IE 5-7 */
		opacity: 0;
		color: transparent;
		border: none;
		outline: none;
		z-index: -1;
	}


	/* Open state */
	.sb-search.sb-search-open { /*,.no-js .sb-search*/
		width: 100%;
	}

	.sb-search.sb-search-open .sb-icon-search { /*,.no-js .sb-search .sb-icon-search*/
		background: #6a75e9;
		color: #fff;
		z-index: 11;
	}

	.sb-search.sb-search-open .sb-search-submit { /*,.no-js .sb-search .sb-search-submit*/
		z-index: 90;
	}
	
	/* Onscroll */
	.navbar.onscroll{
		padding-top: 0;
	}
	.onscroll .navbar-brand img {
		height: 75px;
	}
	
	/* Header */
	/* Logo ARCA */
	#img-logo{
		/* modificato 06/05/2022 (Riki) */
		float: none;		
		width: 200px;
		margin: 3em 0 0 0;
	}
	#img-logo-scritta{
		float: none;
		width: 80%;
		margin: 0 0 3em 0;
	}
	/* Titolo per pag non home */
	.container-titolo{
		margin-top: 3em;
		margin-bottom: 0em;	
	}
	.container-titolo h1{
		font-size: 3.5em;
	}
	
	/* Carousel head */
	#carousel-head{
		line-height: 1.7em;
	}
	#carousel-head div a span{
		padding: 30px;
		font-size: 1.15em;
	}
	#carousel-head .slick-dots{
		text-align: right;
		right: 20px;
	}
	
	/* Altre piscine */
	#altre-piscine p {
		display: block;
		height: 100px;
		color: #34495e;
		background: transparent;
		margin-top: -100px !important;
	}
	#altre-piscine p span{
		display: block;
		text-align: center;
		padding: 28px 40px;
		margin: 0;
	}
	#altre-piscine ul{
		width: 100%;
	}
	#altre-piscine ul li{
		float:left;
		width: 12.5%; /* Aggiornamento 17-03-21 */
	}
	#altre-piscine ul li a{
		color: #fff;
		text-align: center;
		padding: 40px 0em; /* modificato 24-09-2020 */
		font-size: .81em; /* Aggiornamento 17-03-21 */
		margin-bottom: 20px;
		display: block;
		background: #2d3e50;
		border-bottom: none;
		border-left-width: 0;
		border-bottom-width: 0;
		border-bottom-style: solid;
		-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{
		border: 0;
		padding: 30px 0em; /* modificato 24-09-2020 */
		margin-bottom: 40px;
	}
	#oderzo{
		background: #d43c2e;
	}
	#spilimbergo{
		background: #2a80b9;
	}
	#fontanafredda{
		background: #16a09e;
	}
	#vazzola{
		background: #8f44ad;
	}
	#martellago{
		background: #4aae27;
	}
	#monfalcone{
		background: #d56400;
	}
	#pasiano{
		background: #6a75e9;
	}
	#pordenone{ /* aggiunto 24-09-2020 */
		background: #cd4186;
	}
	#portogruaro{ /* Aggiunta 17-03-21 */
		background: #d0a800;
	}
	#altre-piscine-freccia{
		display: block;
		position: absolute;
		border-style: solid;
		border-top-width: 30px;
		border-right-width: 30px;
		border-left-width: 30px;
		margin-top: 0px;
		margin-left: 131px;
		border-color: transparent;
		border-top-color: #d8dbdd;
		height: 30px;
		width: 60px;
	}
	
	/* Social Sharer */
	#social-sharer{
		margin-top: 0px;
	}
	
	/* cerca e forms */
	#form-container .btn{
		width: 100%;
		margin-top: 1em;
	}
	
	/* Slider marchi */
	#carousel-marchi .slick-slide img {
		max-width: 90%;
		max-height: 95px;
	}
	
	/* Nostre attività */	
	#attivita .col-sm-12{
		padding-left: 15px;
		padding-right: 15px;
	}
	#attivita-random{
		margin-top: 3em;
		margin-bottom: 3em;
	}
		
	/* Socials */
	#socials ul{
		text-align: right;
		margin: 5em 0em 3em 0em;
	}
	
	/* Dati piscina */
	#foot-dati{
		padding: 3em 1em 3em 1em;
	}	
	
	/* 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
	}
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {	
			
	.navbar-brand h2{
		width: 360px;
	}
	.navbar-nav>li>a, .nav>li>a{	
		/* inizio aggiunta 22-11-2017 */
		padding: 43px 15px;
		font-size: 1em;
		/* fine aggiunta 22-11-2017 */
	}
	/* Mega dropdown */
	#mega-dropdown{
		width: 1171px;  /* inizio e fine aggiunta del 22/11/2017 */
		margin-left: -748px; /* inizio e fine aggiunta del 22/11/2017 */
	}
	/* Form cerca desktop */
	.sb-search {
		margin-right: -585px;
	}
	.sb-search-input {
    	width: 780px;
	}

	/* Logo ARCA */
	#img-logo{
		/* aggiunto 06/05/2022 (Riki) */
		width: 240px;
		margin: 4em 0 0 0;
	}
	
	/* Carousel head */
	#carousel-head{
		line-height: 1.8em;
	}
	#carousel-head div a span{
		padding: 35px;
		font-size: 1.2em;
	}
	#carousel-head .slick-dots{
		top: 25px;
		right: 25px;
	}
	
	/* Altre piscine */
	#altre-piscine p span{
		padding: 28px 70px;
	}
	#altre-piscine ul li a { /* Aggiunto 17-03-21 */
		font-size: .925em;
	}
	#altre-piscine-freccia{
		margin-left: 165px;
	}
	
	/* Socials */
	#socials ul{
		margin: 4em 0em;
	}
	#socials li{
		margin: 0.2em;
	}
	
	/* Dati piscina */
	#foot-dati{
		padding: 4em 1em 4em 1em;
		line-height: 1.85em;
	}
	#foot-dati div{
		float: left;
		width: 50%;
	}
	#foot-dati h3{
		line-height: 1.3em;
		margin-bottom: 0;
	}
}