*{margin: 0; padding: 0; box-sizing: border-box;}

html {scroll-behavior: smooth;}


body{
  position: relative;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: default;
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}

/* _____________________NAVBAR_____________________ */
/* PERSONALIZZAZIONE BARRA DI NAVIGAZIONE (NAV) */
.navbar {min-height: 80px;}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 0px 15px !important;
  font-size: 18px;
  line-height: 20px;
}

.navbar-personale {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.5px;
  background-color: #fff;
  border: none;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2)
}

.customLogo {height: 80px !important;}

#mioMenu img{margin-top: 0;}

#home-social {padding-top: 1em; padding-bottom: 1.5em; background-color: #fff;}

#home-social i{padding: 20px 20px; color: #3e3e3e;}
#home-social i:hover{color: #EB661B;}

#home-social h3{font-weight: bold; margin-top: 6%;}


/* _____________________GALLERIA_____________________ */
/* PERSONALIZZAZIONE DEI GALLERIA */

.glyphicon {font-size: 20px; color: #fff;}

.galleria-header{
  background-color: #fff;
  padding-top: 80px !important;
}

.galleria-header h2{
  font-family: Montserrat;
  padding-top: 1em;
  font-size: 70px;
  color: #EB661B;
  font-weight: 900;
  margin: 0 auto;
}

#miaGalleria h3{
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 700;
  color: #909092;
}

#miaGalleria p{
  padding-top: 1.5em;
  font-weight: 700;
  font-size: 15px;
  color: #909092;
  line-height: 25px;
}

.galleria-header a{color: #EB661B; text-decoration: none;}
.galleria-header a:hover{text-decoration: underline; color: #EB661B; cursor: pointer; }

/* _____________________GALLERIA_____________________ */
/* PERSONALIZZAZIONE DEI GALLERIA */

.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(97, 133, 185, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

/* _____________________FOOTER_____________________ */
/* PERSONALIZZAZIONE DEL FOOTER */

.footer{width: 100%; background-color: #fff; color: #3e3e3e;}

.box-social{padding-top: 1em; padding-bottom: 1.5em;}

.box-social i{padding: 20px 20px; color: #3e3e3e;}
.box-social i:hover{color: #EB661B;}

.box-social h2{font-weight: 700; margin-top: 1.5em;}

.box-footer{
  background-color: #2a2a2a;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.box-footer p{font-size: 8px; font-weight: 400; color: #ddd;}

footer .glyphicon {font-size: 20px; margin-bottom: 20px; color: #fff;}
footer .glyphicon:hover {color: #EB661B;}

#btn-privacy{
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  padding: 15px 25px;
  border-radius: 50px;
  border: 3px solid;
  background-color: transparent;
  border-color: #fff;
  transition: 0.5s;
}

#btn-privacy:hover{
  color: #EB661B;
  background-color: #fff;
  border-color: #EB661B;
}

.copyright{padding-top: 1.2em;}

/* _____________________________________________ */

/* MEDIA QUERIES */

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}

@media (max-width: 1200px){
  .navbar-brand{display: none;}
  .home-logo{padding-top: 5%;}
  .info-box{text-align: center;}
  #mioMenu{display: none;}
  .home-logo{}
}