html,body {
  height: 100%;
  font-weight:300;
}

.bg-light {
    background-color:#ebebeb!important;
}
.bg-dark {
    background-color:#000 !important;
}
.container, .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}


/* TYPE */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight:600;
}
h1 {
  font-size:28px;
}
h2 {
  font-size:24px;
  letter-spacing: 5px;
}
h3 {
  font-size:20px;
}
b, strong {
    font-weight: 700;
}
.lead {
    font-size: 1.5rem;
}
a {
  color:#eabb00;
}

a:hover {
  color:#000;
  transition-duration:.5s;
  transition-property:color, border-color;
}
hr {
  margin-top:1.5rem;
  margin-bottom:1.5rem;
  border-top:5px solid rgba(0,0,0,.1);
  max-width:80px;
}

/* HEADER e FOOTER */

.logo {
    max-height:40px;
}
@media (min-width: 768px) {
  .logo {
      max-height:60px;
  }
}
.navbar {
    padding: 1rem 30px;
    /* z-index: 9999; lo disattivo per lightgallery */
}
.navbar-dark {
    border-bottom: 1px solid #7b7976;
}
.navbar-light {
    background:rgba(235,235,235,.9);
}
.navbar-nav .active>.nav-link {
    color: #eabb00 !important;
}
.navbar-toggler {
    border:0;
    padding:0;
}
.navbar-toggler:focus {
    outline: 0;
}
.navbar-toggler img {
    max-height:25px;
}
.dropdown-divider {
    height: 0;
    margin: 1.5rem 0;
    border-top: 1px solid #ccc;
}
header {
  padding:120px 0 20px 0;
}
@media (min-width: 768px) {
  header {
    padding:150px 0 50px 0;
  }
}
header b {
  text-transform:uppercase;
}

footer {
  background:#ebebeb;
  padding:50px 0;
  font-size: 11px;
  color:#999;
}
footer img:first-child {
	width: 80px;
}


footer a {
  color:#999;
  text-decoration:underline;
}
footer .icona {
  color:#000;
  display:inline-block;
  width:60px;
  line-height:80px;
}


/* CONTENT */

section {
  padding:100px 0;
}
section.gallery {
    padding: 100px auto;
}
@media (min-width: 768px) {
  section.gallery {
      padding: 100px 50px;
  }
}


.bg-home {
    background-image:url("../images/bg-home-sfumato.jpg");
    background-position: center top;
    background-size:cover;
    position:relative;
    overflow: hidden;
}
.bg-quote {
    background-image:url("../images/bg-quote.png");
    background-repeat:no-repeat;
    background-position: center 320px;
}

.jumbotron {
    display: inline-block;
    padding: 0;
    background: rgba(0,0,0,0);
    color: #fff;
    border-radius: 0;
    position: absolute;
    bottom:0;
    left:5%;
    right:5%;
    z-index: 9;
    line-height: 32px;
}
.jumbotron h1 {
    color:#ffcc00;
    font-size:30px;
}
.jumbotron p {
    font-size:28px;
    font-weight: lighter;
}
.pittogramma {
    position:absolute;
    bottom:0;
    right:0;
    left: 0;
}
@media (min-width: 992px) {
  .jumbotron {
      bottom:0;
      left: 50px;
      right:auto;
  }
  .jumbotron h1 {
    font-size:50px;
  }
  .pittogramma {
    position:absolute;
    bottom:0;
    right:-70px;
    left:auto;
  }
}

.desc-prog{
    min-height: 100px;
    position: relative;
}

.box {
  position:relative;
  background:#fff;
}
.triangolo {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 35px 25px;
  border-color: transparent transparent #ffffff transparent;
  position:absolute;
  top:-20px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
a.box {
  color:#000;
}
a.box:hover {
  text-decoration:none;
  background:#ebebeb;
}
a.box:hover .triangolo {
  border-color: transparent transparent #ebebeb transparent;
}
.bg-light a.box:hover {
  background:#d6d6d6;
}
.bg-light a.box:hover .triangolo {
  border-color: transparent transparent #d6d6d6 transparent;
}

.btn {
    border-radius:0;
    border:0 none;
}
.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 2.5rem;
    font-weight:bold;
}
.btn-secondary {
    background-color: #000;
}
.btn-warning:hover,
.btn-secondary:hover {
    color: #ffc107;
    background-color: #000;
    border:0 none;
}



/* PROGETTO */
.carousel-control-next, 
.carousel-control-prev {
    width: auto;
}

p.servizi { font-size: 0.8em; color:#999; width:70%; margin:0 auto 1rem auto; }


/* LIGHT GALLERY */
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after {
    content: "" !important;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0);
    height: 50px;
    width: 50px;
}
.lg-actions .lg-next {
    background: url(../images/icon-next.jpg) center center;
}
.lg-actions .lg-prev {
    background: url(../images/icon-prev.jpg) center center;
}