@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700,300);

body {
  font-family: 'Comfortaa', cursive;
  color:#555;
  background-color:#fff;
  font-size:16px;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
	margin-bottom:0;
	padding-bottom:0;
}
.navbar .navbar-collapse {
    text-align: center;
	margin-bottom:-1px;
	padding-bottom:0;
	line-height:8px;
	padding-top:15px;
}

#wideslider .wide img{
	display: block;
	width: 100%;
	height: auto;
}

ul.nav a:link,
ul.nav a:visited,
ul.nav a:active,
ul.nav a:focus{
  color:#377293 !important;
}

ul.nav a:hover {
	color:#fff !important;
	background-color: #377293 !important;
}

.top{
	background-color: #fff;
	font-size:18px;
}

.titolo_condominio a:link,
.titolo_condominio a:visited,
.titolo_condominio a:hover,
.titolo_condominio a:active,
.titolo_condominio a:focus{
  text-decoration:none;
  margin:0;
  padding:0;
  color:#377293;
  font-weight:500;
}

.icon-bar{
	background-color:#377293 !important;
}


.jumbotron2{
	width:100%;
	margin:0 auto;
	padding:0.5%;
	margin-top:10px
	max-width:400px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

h2.jumbotron2{
		color:#377293;
}

.jumbotron3{
	width:100%;
	margin:0 auto;
	padding:0.5%;
	margin-top:10px
	max-width:400px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

h2.jumbotron3{
		color:#377293;
}

.avviso{
	font-size:14px;
}

.centrato{
	max-width:350px;
	width:100%;
	margin:0 auto;
}

@media (max-width: 768px) {
.navbar .navbar-collapse {
    text-align: left;
}

.titolo_condominio{
	color:#377293;
}

.titolo_condominio a:link,
.titolo_condominio a:visited,
.titolo_condominio a:hover,
.titolo_condominio a:active,
.titolo_condominio a:focus{
  text-decoration:none;
  margin:0;
  padding:0;
  font-size:28px;
}

}

.test1{
	margin-bottom:0 !important;
	background-color:#fff;
	padding-top:15px;	
}


.testo_footer{
	color:#3b3d43;
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.testo_footer a:link,
.testo_footer a:visited,
.testo_footer a:hover,
.testo_footer a:active,
.testo_footer a:focus{
  color: #3b3d43;
  text-decoration:none;
  font-weight:bold;
  margin:0;
  padding:0;
}
/*
.grigio{
	background-color:#fff;
	min-height:100px;
}*/

html {
  position: relative;
  min-height: 50%;
}
body {
  margin-bottom: 100px;
}
.footer {
  float:left;
  width: 97%;
  margin-left:5px;
  background-color:#fff;
}

/* Large desktop */
@media (min-width: 1200px) {
.test1{
	padding-top:25px;
}

.nome_sito_mobile{
	display:none;
	width:0;
	height:0;
}

.mobile{
	display:none;
	width:0;
	height:0;
}
.pulsantoni{
	display:none;
	width:0;
	height:0;
}
}

@media (min-width: 979px) and (max-width: 1200px) {
.test1{
	padding-top:25px;
}

.nome_sito_mobile{
	display:none;
	width:0;
	height:0;
}

.mobile{
	display:none;
	width:0;
	height:0;
}

.pulsantoni{
	display:none;
	width:0;
	height:0;
}
} 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.test1{
	padding-top:65px;
}

.nome_sito_mobile{
	display:none;
	width:0;
	height:0;
}

.navbar .navbar-collapse {
	padding-top:65px;
}

.desktop{
	display:none;
	width:0;
	height:0;
}
.pulsantoni{
	display:none;
}

}

@media (max-width: 767px) {
	
	

.jumbotron2{
	display:block;
}
.carousel-caption{
	display:none;
}
	
		

	
.test1{
	margin-bottom:0 !important;
	background-color:#fff;
	padding-top:0;
	padding-bottom:15px;
}
	
.titolo_condominio a:link,
.titolo_condominio a:visited,
.titolo_condominio a:hover,
.titolo_condominio a:active,
.titolo_condominio a:focus{
  font-size:26px;
}

.titolo_condominio_inside a:link,
.titolo_condominio_inside a:visited,
.titolo_condominio_inside a:hover,
.titolo_condominio_inside a:active,
.titolo_condominio_inside a:focus{
  font-size:24px;
  font-weight:bold;
}

.desktop{
	display:none;
	width:0;
	height:0;
}

.nome_sito_desktop{
	display:none;
	width:0;
	height:0;
}
.nome_sito_mobile{
	width:100%;
}

.fix_toogle{
	margin-top:28px;
	margin-right:5px;
}
.pulsantoni a:link,
.pulsantoni a:visited,
.pulsantoni a:hover,
.pulsantoni a:active,
.pulsantoni a:focus{
	color:#377293;
	text-decoration:none;
	margin:0;
	padding:0;
}

ul.nav a:link,
ul.nav a:visited,
ul.nav a:active,
ul.nav a:focus{
  color:#377293 !important;
}

ul.nav a:hover {
	color:#377293 !important;
	background-color: #fff !important;
}

.margine{
	margin-bottom:40px;
}

.carousel-indicators,
.carousel-control {
	display:none;
}

}

@media (min-width: 767px) { 
	.jumbotron2{
		display:none;
	}
}

@media (max-width: 400px) {

.test1{
	margin-bottom:0 !important;
	background-color:#fff;
	padding-top:0;
	padding-bottom:15px;
}

.titolo_condominio a:link,
.titolo_condominio a:visited,
.titolo_condominio a:hover,
.titolo_condominio a:active,
.titolo_condominio a:focus{
  font-size:23px;
  font-weight:bold;
}

.titolo_condominio_inside a:link,
.titolo_condominio_inside a:visited,
.titolo_condominio_inside a:hover,
.titolo_condominio_inside a:active,
.titolo_condominio_inside a:focus{
  font-size:18px;
  font-weight:bold;
}

.fix_toogle{
	margin-top:29px;
}

.pulsantoni a:link,
.pulsantoni a:visited,
.pulsantoni a:hover,
.pulsantoni a:active,
.pulsantoni a:focus{
	color:#377293;
	font-size:14px;
	text-decoration:none;
	margin:0;
	padding:0;
}

}

@media (max-width: 360px) {
.titolo_condominio a:link,
.titolo_condominio a:visited,
.titolo_condominio a:hover,
.titolo_condominio a:active,
.titolo_condominio a:focus{
  font-size:21px;
  font-weight:bold;
}

}

#nav-toggle-button{
    background-color:#fff;
}

.carousel-control.left, .carousel-control.right{
background: none !important;
filter: progid:none !important;
}

.form-group{
	width:100%;
	margin:0 auto;
	max-width:400px;
}

/* LOGIN */

.overlay {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 999998;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
	max-width:600px;
    background-color: #377293;
    border: 2px solid #fff;
    display: inline-block;
    left: 50%; color:#fff;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 999999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;/*
    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;*/
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}

.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

#menu_login_popup{
	visibility:visible;
	display:block;
}

#menu_login_no_popup{
	visibility: hidden;
	display:none;
}

.link_popup{
	color:#fff;
}

.link_popup a{
	color:#fff;
}

.link_popup a:hover{
	color:#fff !important;
}

.bianco{
	color:#fff;
}

.pulsante-accedi{
	border: 2px solid #377293;
}

.pulsante-accedi:hover{
	border: 2px solid #fff;
}


.esci a:link,
.esci a:visited,
.esci a:hover,
.esci a:active,
.esci a:focus{
	color:#377293;
	text-decoration:none;
}

.errore_login{
	color:#ff0000;
}