.logo-banner {
  background-color: #8d7c5b;
  opacity: 0.8;
}
.logo-row {
  position: absolute;;
  bottom: 20px
  /*margin-top: CALC( 100% - 555px );*/
  /*margin-top: 400px;*/
}
.logo-row, .logo-element {
  height: 336px;
}
.logo-arrow-down{
  margin-top: 260px;
}

.navbar-custom.top-nav-collapse{
    background: #14191e;
}

#map{
  height: 500px;
  margin-top: 20px;
}
.content-section {
  padding-top: 100px;
}

body{
  font-family: 'Muli', sans-serif;
  /*color: #c4cec7;*/
  color: #ff4747;
  background-color: #212830;
}

.modal-backdrop {
   background-color: #000;
   opacity: 0.85 !important;
}

/*CON MARCO*/

.logo {
  background-color: #8d7c5b;
  opacity: 0.8;
  position: relative;
  top: 130px;
  left: 75px;
  height: 300px;
}

.my-intro{
  height: 100vh;
  background: url(../img/bg-r.jpg);
  background-size: cover;
  background-position: center;
}
.gallery-img {
  max-height: 50vh;
}

.img-bg{
  position: relative;
}

.img-bg-internal{
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.logo-area{
  background: rgba(0, 0, 0, 0.298039)
}

.top-nav-collapse .brand img{
  padding-top: 5px;
  width: 40px;
}

.brand-img{
  width: 70px;
}

.brand-title{
  font-size: x-large !important;
}
.brand-subtitle{
  font-size: x-large !important;
}
.brand-text{
  position: absolute;
  left: 155px;
  top: 40px;
}

.modal-tile{
  height: 50vh;
}

.freccia-dx{
  right: 5px;
}
.freccia-sx{
  left: 5px;
}
.chiudi{
  left: 50%;
}
.logo-modale{
  position: absolute;
  bottom: 15px;
  right: 15px;
  height: 50px
}

.freccia{
  position: absolute;
  top: 10px;
  font-size: x-large;
  color: #212830;
  opacity: 0.5;
}

.red-text-shadow{
    color: #FF4747;
    text-shadow: 1px 1px #ea0000;
}

.no-decoration{
  text-decoration: none;
}


.modal-dialog {
  margin: 0 15vh !important;
}



.galleria-image:after{
  content: url(../img/logo.png);
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scale(.5);
}