html,body{
    background-color: #000;
}
 

body,a,
h1,h2,h3,h4,h5,h6,p,small,span{
    font-family: 'Noto Serif', serif;
}


a {
    color: #fff;
    text-decoration: none;
}

a:hover{
    color: #967555; 
}

h1{
    font-weight: 700;
    /*font-size: 60px;*/
    letter-spacing: 2px;
    }

h4{
font-weight: 300;
}



.bg-dark-black{
    background-color: #000 !important;
}


.container-mini-fluid{
    max-width:90%; 
}

.container-mini-fluid-content{
    max-width:1320px; 
}

.nav-menu-set-fonts a{
    font-weight: 300;
}


.btn-firma-color{
    background-color: #967555;
    border-color: #967555;
}


.btn-firma-color:hover,
.btn-firma-color:active,
.btn-firma-color:focus {
    color: #fff;
    background-color: #967555ce;
    border-color: #967555ce;
}


.navbar>.container.container-mini-fluid{ 
    justify-content: flex-start;
}


.bg-transparent, .bg-transparent li{
    background: transparent;
}
/* Set the size of the div element that contains the map */
#map {
    height: 550px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
  }
  
/**********
**************************/
a.nav-bar-img-custom{
    margin-left: 20px;
}

.hamburger .line{
    width: 20px;
    height: 2px;
    background-color: #ecf0f1;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .hamburger:hover{
    cursor: pointer;
  }
  
  /* ONE */
  
  #hamburger-1.is-active .line:nth-child(2){
    opacity: 0;
  }
  
  #hamburger-1.is-active .line:nth-child(1){
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    -o-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
  }
  
  #hamburger-1.is-active .line:nth-child(3){
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
  } 


  .nav-bar-custom{
    z-index: 51;
    box-shadow: 0 6px 5px -2px #151515, 0 6px 5px -2px #151515;
  }

  #show-from-left{
    width: 260px;
    height: 100%;
    position: fixed;
    left: 0;
    top:0;
    background: rgba(21, 21, 21, 0.89);
    z-index: 50;
    transition: transform 250ms,opacity 250ms;
    transform: translateX(-105%);
  }

  .show-sidebar-menu{
    transform: none !important;
    opacity: 1;
    pointer-events: auto;
  }

  .left-menu-wrapper{
    padding: 120px 0 0 0;
  }




  /*******************
  SLIDERS
   */
.carousel { height: calc(100vh - 100px);}
.carousel-inner,.carousel-item { height: 100%;}
.carousel-item { background-color: #000;}
.carousel-item img { height: 100%; object-fit: cover; object-position: center;}


#header-spacer-custom{
    height: 100px;
    width:100%;
}
 
  @media only screen and (max-width: 1200px) {
    #map { 
        height: 340px;
    }
  }
 
  @media only screen and (max-width: 767px) {

      #header-spacer-custom{
          height: 65px;
      }

      .responsive-logo-controls img{
          height: 50px;
      }

    h1{ 
        /*font-size: 40px; */
        }

    #map { 
        height: 270px;
    }
  }