html, body.home-page{
	height: 100%;
	background: #fff;
}
a{
	text-decoration: none !important;
}
body.inside-page{
	background: #fff !important;
	/*overflow-x: hidden;*/
	height: auto !important;
}
html{
	/*overflow-x: hidden;*/
}
.noPM{
	margin-right: 0 !important;
	margin-left: 0 !important; 
}
.noP{
	padding-right: 0 !important;
	padding-left: 0 !important; 
}
@font-face {
    font-family: papeli;
    src: url(../fonts/papelli-regular.ttf);
}
@font-face {
    font-family: papeli-bold;
    src: url(../fonts/papelli-bold.ttf);
}
@font-face {
    font-family: mega-fresh;
    src: url(../fonts/mega-fresh.ttf);
}

/*inspired from https://codepen.io/Rowno/pen/Afykb*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.hero-inside{
  text-align: center;
  padding: 175px 0 75px;
}
.hero-inside h1{
  font-family: "Great Vibes", cursive;
  font-size: 60px;
  text-shadow: 5px 5px 15px rgba(0, 0, 0, 1);
  color: #fff;
  position: relative;
  z-index: 1;
}

.scroll-down{
  position: absolute;
  z-index: 2;
  bottom: 8%;
  width: 10%;
  left: 45%;
}
.scroll-con{
  border: 3px solid #fff;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  margin: auto;
  cursor: pointer;
}
.scroll-con i{
  color: #fff;
  font-size: 15px;
  padding-top: 7px; 
}
.contact-block{
  padding: 50px 0;
  text-align: center;
  background: #242123 url(../images/bg-venue-in-contact.png) fixed no-repeat center center / cover;
}
.contact-block h2{
  color: #fff;
  font-family: 'Great Vibes', sans-serif;
  font-size: 45px;
}
.contact-block a{
  color: #fff;
  text-decoration: none; 
}
.contact-block a div{
  font-size: 18px;
  font-family: 'Karla', sans-serif;
  text-transform: uppercase;
  padding: 12px;
  border: 2px solid #fff;
  width: 200px;
  margin: 25px auto 0px;
}
.gallery-crumbs{
  margin-top: 100px !important;
  background: #f8faf2;
  padding: 25px 0 5px;
}
.gallery-crumbs ul{
  list-style: none;
  display: inline-flex;
  padding: 0;
}
.gallery-crumbs li{
  font-size: 15px;
  font-family: 'Karla', sans-serif;
  text-transform: uppercase;
  margin-right: 10px; 
}
.gallery-crumbs li a{
  color: #6c6e72;
}
.gallery-crumbs li div.active{
  color: #3d4e21;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    border-radius: 0px !important;
    background-color: #666 !important;
}
.hamburger--spring.is-active .hamburger-inner {
    background-color: transparent !important;
}

@media (max-width: 768px){
  .gallery-crumbs {
    margin-top: 90px !important;
  }
  .gallery-crumbs ul {
      padding-left: 20px;
  }
  .article-content {
    padding: 25px 0 25px !important;
  }
}