@import url('https://fonts.googleapis.com/css?family=Lato:400,700')

.bck{background-color: green;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, header,
footer, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}


*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

:focus {outline: none;}

a:active {outline: none; text-decoration: none;}

a:hover {outline: none; text-decoration: none;}

a{outline:none;}

object{outline:none}

ol, ul, li{  list-style: none; text-decoration: none;}

section , article {display: block; min-width: 100%; padding: 0; margin: 0;}

html, body {
height: 100%;
width: 100%;
font-size: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


body {
font-family: 'Lato', sans-serif;
margin: 0px;
padding: 0px;
background-color:white;
}





/* menu main */

.allnav {padding: 0; margin: 0;}

.navbar {box-shadow: none;
   font-weight: 700;
    font-size: 1em;
    padding: 0px; margin: 0;
    }

.navbar-custom {
    background-color: white;
    text-transform: uppercase;
}


.navbar-brand-custom { max-width: 340px; max-height: 100%; margin: 10px 0 0 5px;}

.navbar-brand-custom-small { max-width: 60%; max-height: 60%; margin: 10px  0 0 0 ; position: relative; }


#navbar{ width: 100;}


.navbar-custom .navbar-nav .nav-link  {
   color: #337aaf;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;

}





.navbar-custom .nav-item.active .nav-link{
    color: #37474F;
}

.navbar-custom .nav-item .nav-link:hover {
    color:  #37474F;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;

}





.toggler-custom{
padding: .1rem .2rem;
margin-top: 1.25rem;
background-color: SteelBlue;
border-radius: 0rem;
margin-bottom: 40px;
}


.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.toggler-custom:hover{
background-color: SlateGray;
border: 1px solid #f1f1f1;
}




/* condizionale */


@media (min-width: 0px) and (max-width: 991.98px) {
.toggler-custom{margin-bottom: 5px;}
.navbar-collapse {top:0px;  margin-bottom: 40px; }
.navbar-custom .navbar-nav .nav-link  {text-align: left;  position: relative;  }
.navbar-custom .nav-item.active .nav-link{color: #37474F;}


.navbar-collapse { background: #337aaf;}

.navbar-custom .navbar-nav .nav-link  { color: white;  padding:10px 0 10px 10px;}

.navbar-custom .nav-item.active .nav-link{ color: #337aaf; background: white;}

.navbar-custom .nav-item .nav-link:hover {color: #337aaf; background: white;}

}




/* menu lingue */


.nav-pills-background {
	background: #337aaf;
	margin: 0rem;
	padding: 0rem;
}


ul.nav.nav-pills.float-right {
	position: relative;
	background: #337aaf;
}

.nav-pills .nav-link {
	padding: .2rem .8rem;
	margin: 0 ;
	color:white;
	font-weight: 600;
   font-size: 1em;
   border-radius: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.nav-pills .nav-link:hover {
    color: #337aaf;
    background-color: white;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

.nav-pills .nav-link.active{
    color: #337aaf;
    background-color: white;
 }



/*  header */
.header-h2 {
	font-size: 26px;
	top: 8px;
	left: -10px;
	position: relative;
}


.img-fluid { max-width: 100%; height: 100%;}

.map {width: 100%; min-height: 500px;}




/* ------------------------------------------------------
typography
--------------------------------------------------------- */

h1,h2,h3,h4,h5,p{
font-family: 'Lato', sans-serif;
border: none;
padding: 0;
margin: 0;
text-align: left;
text-decoration: none;
text-rendering: optimizeLegibility;
}



h1 , h2 , h3 {
color: #337aaf;
font-weight: 700;
text-transform: uppercase;
}

h4 , h5  {
color: #337aaf;
font-weight: 700;
text-transform: none;
}

.strong{font-weight: 700;}


h3{
font-size: 18px;
line-height: 24px;
padding-bottom: 10px;
}

h4{
line-height: auto;
padding-bottom: 10px;
}


p{
color:#37474F;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}




p a,
p a:link,
p a:visited,
p a:link{
font-weight: 700;
color: #337aaf;
display: inline-block;
}

p a:hover,
p a:focus{
color: #37474F;
}


ul{
color: #37474F; /* Blue Grey 800 (material design colors) */
}


.p-index{min-height: 150px; padding: 0; margin: 0;}


@media (min-width: 0px) and (max-width: 991.98px) {
.p-index{min-height: 90px;}
}




.ion-icon {
  font-size: 18px;
  position: relative;
  top: 4px;
}










/*  header title */

.headline{
	position: relative;
	top: -70px;
	color: white;
}



/*  end header */



.red{background: red;}
.yellow{background: yellow;}
.aqua{background: aqua;}
.blue{background: blue;}




/* ------------------------------------------------------
contatti
--------------------------------------------------------- */



.contatti {
min-height: 600px;
}

.contatti span
{min-width: 100%; display: inline-block;}





.contatti .vcard {
font-size:18px;
line-height: 40px;
color:#37474F;
padding: 20px 0 0 0;
}



.contatti .vcard a{
color:#37474F;

}


.contatti .vcard a:hover{
color:#37474F;

}


.contatti .vcard-title {
display: none;

}


.contatti .privacyPolicy {
padding-top: 30px;
color: #337aaf;

}

.contatti  a , .contatti  a:link{
padding-top: 30px;
color: #337aaf;
}

.contatti  a:hover {
padding-top: 30px;
color: #37474F;
}










/* ------------------------------------------------------
end contatti
--------------------------------------------------------- */




/* footer */



.footer{

padding: 0 0 60px 0;
background-color: #337aaf;
color: white;
}



.footer .vcard a:link,
.footer .vcard a:focus,
.footer .vcard a:visited  {
color: white;
text-decoration: none;
font-weight: 500;
}


.footer .vcard a:active,
.footer .vcard a:hover  {
color: white;
text-decoration: underline;
font-weight: 500;
}

.footer .vcard-title {
display: none;

}

.footer .org , .footer .street-address , .footer .locality , .footer .postal-code , .footer .country-name , .footer .note , .footer .email , .footer .tel, .footer .privacyPolicy
{ display: inline-block; padding: 0 20px;}

.footer .vcard {
display: inline;
text-align: center;

}




@media (min-width: 0px) and (max-width: 575.98px) {

body, .container-fluid { overflow-x: hidden; }

}