@font-face {
    font-family: dinproReg;
    src: url(../fonts/DINPro-Regular.otf);
}
@font-face {
    font-family: garamondReg;
    src: url(../fonts/garamondReg.ttf);
}

@font-face {
    font-family: quattrocentoReg;
    src: url(../fonts/Quattrocento-Regular.ttf);
}

@font-face {
    font-family: markproBook;
    src: url(../fonts/east/MarkPro-Book.otf);
}
@font-face {
    font-family: markproLight;
    src: url(../fonts/east/MarkPro-Light.otf);
}
@font-face {
    font-family: markproBold;
    src: url(../fonts/east/MarkPro-Bold.otf);
}

html, body {
    /* font-family: dinproReg; */
    font-family: markproLight;
}

h1, h2, h3, h4, h5, h6 {
    /* font-family: garamondReg; */
    font-family: markproBook;
}
a, a:hover, a:active {
    text-decoration: none;
    color: #A97E33;
}

/* penempatan logo */
.navbar-brand img{
    margin-top:-20px;
    margin-bottom: -100px;
}

/* menu primary */
.navbar-nav {
    /* font-family: quattrocentoReg; */
    font-family: markproBook;
    font-size: 18px;
    color: #A97E33;
}

.navbar-nav .nav-item .nav-link {
    color: #A97E33;
}
.navbar-nav .nav-item {
    padding-left: 6px;
    padding-right: 6px;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: #A97E33;
  border-bottom:2px solid #A97E33;
}

#east {
    font-family: markproBook;
}
#east p {
    font-family: markproLight;
}

#east h1, #east h2, #east h3, #east h4, #east h5, #east h6 {
    font-family: markproBook;
}


/* slideshow CAROUSEL  */
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #A97E33;
}
.carousel-indicators {
    bottom: -50px;
}

.spek {
    padding-left:100px;
}

/* cluster */
#cluster h4, #shop_house h4 {
    font-family: dinproReg;
}

/* CLUSTER */

  
  /* .west .image {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .west .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 90%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0,0,0,0.5);
  }
  
  .west:hover .overlay {
    opacity: 1;
  }
  
  .west .text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  } */


  /* FONT LINK WEST */
	.west-btn {
		/* height: 45px; */
		/* background-color: #000; */
		/* position: fixed;
		z-index: 20; */
		/* bottom: 0;
		left: 0; */
		padding: 10px;
		text-align: center;
		font-size: 22px;
		animation-name: ukuranfontwest; /* Safari 4.0 - 8.0 */
    	animation-duration: 1s; /* Safari 4.0 - 8.0 */
		animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		
	}
	a .west-btn {
		color: #FFF;
	}
	@keyframes ukuranfontwest {
		0%   {font-size: 22px;}
		12.5%   {font-size: 22.5px;}
		25%   {font-size: 23px;}
		37.5%   {font-size: 23.5px;}
		50%   {font-size: 24px;}
		62.5%   {font-size: 23.5px;}
		75%   {font-size: 23px;}
		87.5%   {font-size: 22.5px;}
		100%   {font-size: 22px;}
	}