.btn-grigio {
  background: var(--bs-secondary-color) !important;
  padding: 3px 8px;
  color: #fff !important;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  border-radius: .375rem;
  font-size: 12px;
}

#marchi a:hover {
opacity: 0.5;
}

h1, h2, h3 {
color: #283852;
}

.btn-large {
padding: 10px 40px;
font-size: 20px;
}

.carousel-caption {
background: rgba(255,255,255,0.5);
border-radius: 10px;
right: 25%;
left: 25%;
}

.nav-link:hover, .nav-link:focus {
background: #fff;
border-radius: 5px;
color: #283852;
}

.color-standard {
color: #283852;
}

.bg-standard {
background: #283852;
}

.btn-standard {
background: #283852;
color: #fff;
}

.btn-standard:hover {
background: #0f1620;
color: #fff;
}

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }




	body {
		padding-bottom: 0px;
	}

	.oro {
		color: #283852;
	}
	
	.carousel h5, .carousel p, .grigio {	
		color: #283852;
	}

	.carousel h5 {	
		font-size: 40px;
	}

	.carousel p {
	  font-size: 25px;
	  font-weight: 700;
	}
		
	.nav-link {	
		color: #fff;
	}
		
	.ocra {		
		color: #283852;
	}

	.ocra:hover {		
		background-color: #283852;
		color: #fff;		
	}
	
	.bg-gradient-oro {
		background-color: #283852;	
	}
			
	.navbar-toggler {
		background: #283852;
	}

	.nav-link {
	  margin-left: 20px;
	  margin-right: 20px;	
	}
		
	@font-face {
	    font-family: 'LatoRegular';
	    src: url('Lato/Lato-Regular.ttf');
	    //src: url('Vultura-Regular.ttf');	    
	}
	@font-face {
	    font-family: 'LatoLight';
	    src: url('Lato/Lato-Light.ttf');
	    //src: url('Vultura-Regular.ttf');	    	    
	}	
	
	body, h1, h2, h3, h4, h5 {
	  font-family: "LatoRegular", sans-serif;
	}
	
	p {
	  font-family: "LatoLight", sans-serif;	
	}
	
	.marketing .col-lg-3 {
	  margin-bottom: 1.5rem;
	  text-align: center;
	}
		
	.carousel-control-prev-icon,
	.carousel-control-next-icon {
	  height: 100px;
	  width: 100px;
	  outline: black;
	  background-size: 100%, 100%;
	  border-radius: 50%;
	  background-image: none;
	}

	.carousel-control-next-icon:after
	{
	  content: '>';
	  font-size: 55px;
	  color: #283852;
	}

	.carousel-control-prev-icon:after {
	  content: '<';
	  font-size: 55px;
	  color: #283852;
	}
	
	.intestazione {
	  text-align: center;
	}
	
	footer {
	  background: #283852;
	  color: #fff;
	  padding: 30px;
	}
	
	footer a {
	  color: white;
	}
	
        .card .cat-top {
	  overflow: hidden;
	  z-index: 1;
	  position: absolute;
	  left: 8px;
	  top: 8px;
	  right: 0;
	}
	.cat-top .btn {
	  padding: 2px 5px;
	  font-size: 13px;
	}

	a {
	text-decoration: none;
	}

	.lead {
	  font-size: 1rem;
	  font-weight: 600;
	}

	.nav-link:focus, .nav-link:hover {
	  color: #283852;
	}
	
	.disp {
		margin-left: 15px;	
	}

	
	.btn-oro {
	  color: #fff;
	  background-color: #283852;
	  border-color: #283852
	}	

	.btn-oro:hover {
	  background-color: #6c6e73;
	}
		
	.pagination li {
	  color: #fff;
	  background: #283852;
	  padding: 5px 10px;
	  border-radius: 3px;
	  margin: 2px;	  
	}

	.pagination-container {
	  display: block ruby;
	}
	
	.pagination li.disabled, .pagination li.disabled:hover {
	  background: #6c6e73;
	}
	
	.pagination li:hover, .pagination li:active {
	  background: #98a3bf;
	}

	.pagination a {
	  color: #fff; 
	}

	.pagination a:hover {
	  color: #fff;
	}
				
	.btn-group {
	color: var(--bs-secondary-color) !important;	
    	  //text-transform: uppercase;
    	  font-size: 13px;
	}	

	.top-bar {
	z-index: 1040;
	position: relative;
	font-size: 12px;
	font-weight: 400;
	background: #0f1620;
	color: #fff;
	height: 30px;
	width: 100%;
	position: fixed;
	top: 0px;
	}
	
	.top-bar a {
	display: inline;
	color: #fff;
	text-decoration: none;
	}
	nav {
	margin-top: 30px;
	}
	
	.navbar {
	background: #283852;
	}