.img-text-vcenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}  

@font-face 
{
  font-family: Century Gothic2;
  src: url('../fonts/CenturyGothicRegular.ttf');
}

@font-face 
{
  font-family: HoneyScript-Light;
  src: url('../fonts/HoneyScript-Light.ttf');
}

@font-face 
{
  font-family: HoneyScript-SemiBold;
  src: url('../fonts/HoneyScript-SemiBold.ttf');
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse
{
  max-height: none;
}

.navbar-nav
{
  text-transform: none;
}

.active
{
  color: #1F8CCE !important;
  background-color: white !important;
}

.navbar-default .navbar-nav>li>a
{
  color: white;
  background-color: #1F8CCE;
  margin: 5px;
  font-weight: bold;
  font-size: 1vmax;
  border-radius: 50px 50px 50px 50px;
  border: 2px solid #1F8CCE;  
}

.nav>li>a
{
  padding: 15px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
  color: #1F8CCE;
/*  border-bottom: 3px solid; */
  border-radius: 50px 50px 50px 50px;
}

.box
{
  border-radius: 0px 0px 0px 0px;
}

.mb-0
{
  text-align: justify;
}

.mcolor
{
  color: #1F8CCE;
}

.mbgcolor
{
  background-color: #1F8CCE;
}

.mbgcolorh
{
  background-color: #1F8CCE;
}

.mbgcolorm
{
  background-color: #1F8CCE;
}

.mbgcolorl
{
  background-color: #1F8CCE;
}

.bq
{
  border-color: #1F8CCE;
  text-transform: none;
  font-style: italic;
  text-align: left;
  color: black;
}

.navbar .navbar-nav
{
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse
{
  text-align: center;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{
  background-color: transparent;
}

.animazione-frase
{
  opacity: 0;
  text-shadow: 1px 1px 1px #000;
  color: #1F8CCE;
  font-weight: bold;
  font-family: 'HoneyScript-SemiBold';
}

.animazione-fonte
{
  opacity: 0;
  text-shadow: 1px 1px 1px #000;
  color: #1F8CCE;
  font-weight: bold;
  padding: 0px;
}

.animazione-titolo
{
  opacity: 0;
  text-shadow: 1px 1px 1px #000;
  color: #1F8CCE;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.map-responsive
{
  overflow:hidden;
  padding-bottom: 70%;
  position:relative;
  height:0;
}

.map-responsive iframe
{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
  padding-bottom: 20px;
}

body { font-size: 1.5em; }

.citazione
{
  font-weight: bold;
  font-size: 1.3em;
  color: #1F8CCE;
}

/** TIPS: 
1. The carousel shouldn't be in any other div, like for example div with class container. 
2. You can align image position in classes bg1, bg2, bg3 using css background-position.
*/

/* Carousel 100% Fullscreen */
html, body {
height:100%;
margin:0;
padding:0;
}
.carousel, .item, .active {
height:100%;

}
.carousel-inner {
height:100%;
}
.carousel {
margin-bottom: 60px;
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #777;
}
.carousel .carousel-inner .bg {
background-repeat: no-repeat;
background-size: cover;
}
.carousel .carousel-inner .bg1 {
background-image:url('../img/fl-multiservice-index-slide-1.jpg');
background-position: center top;
}
.carousel .carousel-inner .bg2 {
background-image:url('../img/fl-multiservice-index-slide-2.jpg');
background-position: center top;
}
.carousel .carousel-inner .bg3 {
background-image:url('../img/fl-multiservice-index-slide-3.jpg');
background-position: center top;
}

.btn-carousel
{
  color: white;   
  background-color: black;

}

/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes - start */

.w3-animate-fading {
	animation: fading 10s infinite
}

@keyframes fading {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.w3-animate-opacity {
	animation: opac 0.8s
}

@keyframes opac {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}