@font-face {
	font-family: 'nexabold';
	src: url('../font/NexaFreeBoldwebfont.eot');
	src: local('../font/NexaFreeBoldwebfont'), url('../font/NexaFreeBoldwebfont.woff') format('woff'), url('../font/NexaFreeBoldwebfont.ttf') format('truetype');
}

@font-face {
    font-family: nexacom;
    src: url(../font/NexaScript-Free.woff);
}

@font-face {
    font-family: nexal;
    src: url(../font/NexaLight.woff);
}
@font-face {
    font-family: century;
    src: url(../font/ufonts.com_century-gothic.woff);
}

.navbar-default {
background-color: rgba(7, 7, 7, 0.7);
background-size: cover;
border: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ce1817;
}

.navbar-default .navbar-nav > li > a {
font-family: nexabold;
color: #cdac68;
font-weight: bold;
font-size: 14px;
}
.navbar-default .navbar-nav > li > a:hover {
color: #cdac68;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #cdac68;
    background-color: #121212;
}
.dropdown-menu>li>a {
    color: #cdac68;
}
.dropdown-menu {
    background-color: #0f0f0f;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #cdac68;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #cdac68;
}


#bn1 {
background-color:#111;
background-size: cover;
}

#bn2 {
background: url('../img/background2.jpg');
background-size: cover;
}

#bn3 {
min-height: 500px;
}

#bn4 {
min-height: 500px;
}

#bn6 {
background: url('../img/background4.jpg');
background-size: cover;
}


.bn7 {
background: url('../img/background4.jpg');
background-size: cover;
font-family: century;
color: #fff;
font-size:16px;
}

#footer {
background: #131313;
background-size: cover;
min-height: 50px;
border-top: solid thin #f3d797;
}
#bn3 p {
font-family: century;
color: #cfb479;
font-weight:bold;
}

#bn4 p {
font-family: century;
color: #cfb479;
font-weight:bold;
}

#bn6 p {
font-family: century;
color: #fff;
}

#bn6 h3, .bn7 h3 {
font-family: century;
color: #fff;
font-weight:bold;
font-size:20px;
}
.bn7 ol,ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
#bn1 img{
width:100%;
margin-top:115px;
}
.ccontrol{
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -33px;
}
.vd{
padding: 15px;
}
.vd img {
	cursor:pointer;
}
.myButton {
	font-family: century;
	background-color:#121212;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:3px solid #b3985f;
	display:inline-block;
	cursor:pointer;
	color:#b3985f;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#000000;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton1 {
	font-family: nexabold;
	background-color:#121212;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:5px;
	border:1px solid #b3985f;
	display:inline-block;
	cursor:pointer;
	color:#b3985f;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
}

.myButton1:hover {
	background-color:#000000;
}
.myButton1:active {
	position:relative;
	top:1px;
}

.carousel-control.left {
background:none;
}
.carousel-control.right {
background:none;
right: 70px;
left: auto;
}

.emas {
font-family: century;
background: -webkit-linear-gradient(rgb(255,240,158),rgb(255,240,158),rgb(255,240,158));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 6px 1px rgba(88,54,0,.1), 0 0 5px rgba(236,144,0,.1), 0 1px 3px rgba(236,144,0,.1), 0 3px 5px rgba(236,144,0,.1), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.25);
}
.history img{
margin-top:350px;
}
.history p{
padding-right:20px;
font-size:12px;
}
.history#gazan {
background: #000 url('../../img/gazan.jpg') no-repeat;
background-size: cover;
}
.history#indra {
background: #000 url('../../img/indra.jpg') no-repeat;
background-size: cover;
}
.history#ade {
background: #000 url('../../img/ADE.jpg') no-repeat;
background-size: cover;
}
.history#lutfi {
background: #000 url('../../img/MACHMUD.jpg') no-repeat;
background-size: cover;
}
.history#andi {
background: #000 url('../../img/ANDI.jpg') no-repeat;
background-size: cover;
}
.history#laila {
background: #000 url('../../img/LAILA.jpg') no-repeat;
background-size: cover;
}
.history#yuri {
background: #000 url('../../img/YURI.jpg') no-repeat;
background-size: cover;
}
.history {
min-height: 600px;
color:#fff;
}
.judulberita {
font-family: nexabold;
font-weight: bolder;
color: #f6bd35;
}
.artikel p{
	text-align: justify;
	font-size: 14px;
}
.artikel h1{
	font-size: 30px;
}
.artikel h3{
	font-size: 18px;
}
.arside .col-xs-3, .col-xs-9{
	padding-left:5px;
	padding-right:5px
}
.related {
    border: 1px solid #e69d04;
    border-radius: 5px;
    color: white;
    background: url(img/sbbg.png);
}
.batik {
background: #000 url('../img/background5.jpg') no-repeat;
background-size: cover;
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 900px) {
.navbar-default .navbar-nav > li > a {
font-size: 16px;
}
}
@media (min-width: 768px) {
#bn1 img{
margin-top:60px;
}
.navbar-default {
min-height: 116px;
background: url('../img/header.png') fixed no-repeat;
}
.history img{
margin-top:190px;
}
.history p{
font-size:14px;
}
.artikel p{
	font-size: 16px;
}
.artikel h1{
	font-size: 30px;
}
.artikel h3{
	font-size: 18px;
}
.arside .col-xs-3, .col-xs-9{
	padding-left: 2px;
	padding-right: 2px
}
}