
	* {font-family: 'Merriweather', serif; }
	
	body {
	background-color: #faf4d9;
	}
	
  header {
	width:100%;
	padding-top:60px;
  }
 
.carousel {background:#007aeb;}
.carousel-item .img-fluid {width:100%;}
.carousel-item a {display: block; width:100%;}
.carousel-control-prev, .carousel-control-next { color:#0000aa; }
 
  footer {
	width:100%;
	color: #faf4d9;
  }

  @media screen and (min-width: 991px) {
  header{
/* 	  margin-top:-70px; */
		}
  }

  @media screen and (max-width: 990px) {
  header{
/* 	  margin-top:58px; */
		}
  }
  
  
.blu-scuro { color: #002049;}
.blu-chiaro { color: #00327b;}
.gold-scuro { color: #dbad4e;}
.gold-chiaro { color: #e9c068;}
.azzurro-verde { color: #61bdc6;}
.azzurro { color: #acd9ee;}
.beige { color: #faf4d9;}
  
.bg-blu-scuro { background-color: #002049;}
.bg-blu-chiaro { background-color: #00327b;}
.bg-gold-scuro { background-color: #dbad4e;}
.bg-gold-chiaro { background-color: #e9c068;}
.bg-azzurro-verde { background-color: #61bdc6;}
.bg-azzurro { background-color: #acd9ee;}
.bg-beige { background-color: #faf4d9;}

  
  #navbarbrand { font-size: 1.4rem; font-weight:700; }
  

  .navbar-dark .navbar-brand {
	color: #faf4d9; 
  }

  .navbar-dark .navbar-brand:hover,
  .navbar-dark .navbar-brand:focus {
	color: #acd9ee;  
  }
  
  .navbar-dark .navbar-nav .nav-link {
    transition: all 0.1s ease;	  
	color: #61bdc6;  
  }
  
  .navbar-dark .navbar-nav .nav-link:hover,
  .navbar-dark .navbar-nav .nav-link:focus {
	color: #acd9ee;  
  }
  
  
  #navbarlogo {
	width: 100vw;
	height: 100vh;
    position: fixed;
    top: 0px;
	z-index: 10000;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002049+0,002047+100&1+0,1+7,0+8,0+100 */
background: -moz-linear-gradient(top,  rgba(0,32,73,1) 0%, rgba(0,32,73,1) 7%, rgba(0,32,73,0) 8%, rgba(0,32,71,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,32,73,1) 0%,rgba(0,32,73,1) 7%,rgba(0,32,73,0) 8%,rgba(0,32,71,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,32,73,1) 0%,rgba(0,32,73,1) 7%,rgba(0,32,73,0) 8%,rgba(0,32,71,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002049', endColorstr='#00002047',GradientType=0 ); /* IE6-9 */
	
    transition: all 1s ease;
  }

  
  #navbarlogo.navbarscrolled {
	opacity: 0;
	top:-1080px;
	/* background-color: rgba(250,244,217,0); */
  }
  
  #logo-h1 {
    opacity: 1;
	position: fixed;
    top: 150px;
	left:100px;
	z-index: 10000;
    transition: all 1s ease;
  }
  
  #logo-h1.navbarscrolled {
	opacity: 0;
	top:-300px;
  }
  
  .nav-link {
	  font-weight:bolder;
  }
   
  .bg-borgo {
	background-color: #faf4d9;
  }
 
  .bg-borgo-scuro {
	background-color: #002049;
  }
 
	.btn-borgo {
    transition: all 0.3s ease;
	}
 
	.btn-borgo {
		color:#002049;
		background-color:#dbad4e;
		border:0px solid;
	}
 
	.btn-borgo:hover,
	.btn-borgo:focus
	{
		color:#acd9ee;
		background-color:#002049;		
	}
	
	.ombra {
		box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
	}
	
	.carousel-caption {
		background-color: rgba(50,50,50,0.60);
		color: #ddbb80;
	}
	
	#camere img {
		border: 1px solid #000000;
	}

	
	#stickybottom a {
		color: #faf4d9; 
		text-decoration: none;
		transition: all 0.3s ease;		
	}

	#stickybottom a:hover,
	#stickybottom a:focus  {
		text-decoration: none;
		color: #acd9ee; 
	}
	
/* swipe arrows */
	
	.arrow{
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #06A8FF;
    border-right: 5px solid #06A8FF;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

/* end swipe arrows */

/* gallery homepage */

#gallery .colonne {
	padding: 0;
	overflow:hidden;
}

#gallery .row {
	margin: 0;
}

#gallery img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}

#gallery img:hover, 
#gallery img:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#gallery1, #gallery2 {
	width: 100%;
	overflow: hidden;
}

/* fine gallery homepage */