.overlay{
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    opacity:0;
    z-index:1;
    transition:.5s ease;
    background-color:#1976d2
}
.overlay-content{
    color:#fff;
    font-size:20px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    text-align:center
}

.staff {
	margin-top: 90px;
}
.staff nav {
	background-color: #f44336;
	height: 80px;
}
.staff .per-content {
	margin-top: 30px;
	margin-bottom: 30px;
}
.staff .name {
	font-size: 24px;
	line-height: 28px;
}
.staff .image {
	width: 200px;
	height: 200px;
	object-fit: cover;
	object-position: 50% 0%;
	border: 1px solid #eceff1;
}

@media only screen and (max-width: 600px) {
	.line-wrapper {
	    background-color: white;
	    margin-top: 25px;
	    padding: 0px 10px 5px 10px;
	}
	.line-title {
	    width: 40px;
	    height: 1px;
	    margin: 0px auto;
	    border-bottom: 1px solid #2e7d32;
	}

}

@media only screen and (min-width: 601px) and (max-width: 992px) {
	.line-wrapper {
	    background-color: white;
	    margin-top: 25px;
	    padding: 0px 10px 5px 10px;
	}
	.line-title {
	    width: 40px;
	    height: 1px;
	    margin: 0px auto;
	    border-bottom: 1px solid #2e7d32;
	}
}

@media only screen and (min-width: 993px) {
	.line-wrapper {
	    background-color: white;
	    margin: 20px;
	    padding: 0px 10px 5px 10px;
	}
	.line-title {
	    width: 5%;
	    height: 1px;
	    margin: 0px auto;
	    border-bottom: 1px solid #2e7d32;
	}
}
/* NAVBAR GUE */
nav.biru{
	background-color: #f44336;
	height: 80px;
	padding: 10px 50px;
}

nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	padding: 10px 100px;
	box-sizing: border-box;
	transition: .5s;
	z-index: 9999;
	background-color: transparent;
}

nav .logo{
	float: left;
}

nav .logo img{
	height: 50px;
	margin-top: 5px;
}

nav.biru .logo img{
	height: 50px;
}

nav ul{
	float: right;
	margin: 0;
	padding: 0;
	display: flex;
}

nav ul li{
	list-style: none;
}

nav ul li a{
	text-transform: uppercase;
}

.responsive-bar
{
	display: none;
}

@media (max-width: 768px)
{
	.responsive-bar
	{
		display: block;
		width: 100%;
		height: 60px;
		background: #f44336;
		position: fixed;
		top: 0;
		left: 0;
		box-sizing: border-box;
		z-index: 20;
	}

	.responsive-bar .logo img{
		height: 50px;
		padding-top: 10px;
	}

	/* Menu Burger */
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
		width: 40px;
		height: 10px;
		position: relative;
		margin: 10px auto;
		margin-left: 20px;
		float: left;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	  }
	  
	  #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
		display: block;
		position: absolute;
		height: 5px;
		margin-bottom: 10px;
		width: 100%;
		background: black;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	  }

	#nav-icon4 {
		margin-top: -37px;
	}
	
	#nav-icon4 span:nth-child(1) {
	  top: 0px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon4 span:nth-child(2) {
	  top: 10px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon4 span:nth-child(3) {
	  top: 20px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon4.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: -3px;
	  left: 8px;
	}
	
	#nav-icon4.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	}
	
	#nav-icon4.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 39px;
	  left: 8px;
	}
	/* Menu Burger */

	.responsive-bar .menu i{
		float: left;
		color: #ffffff;
		margin: 0;
		width: 20%;
		padding-left: 30px;
		line-height: 50px;
		cursor: pointer;
		text-transform: uppercase;
		font-size: 1em;
	}
	nav{
		z-index: 15;
		height: 60px;
	}
	nav.biru{
		background: #0277BD;
		height: 60px;
		padding: 0;
	}

	nav .logo{
		display: none;
	}
	
	nav ul{
		position: absolute;
		width: 100%;
		top: 60px;
		left: 0;
		background: #f44336;
		float: none;
		display: none;
	}
	
	nav ul.active{
		display: block;
		
	}

	nav ul li{
		width: 100%;
	}

	nav ul li a {
		/*display: block;*/
		/*width: 100%;*/
		text-align: center;
		/*line-height: 50px !important;*/
	}

	nav ul li .auth-button {
		width: 90%;
		margin-top: 10px;
		margin-bottom: 30px;
	}
}
/* Slider */
#section-satu {
	margin-bottom: 20px;
	/* height: auto; */
}

#section-satu .slider-atas .images-overlay{
	height: 100vh;
	left: 0;
	right: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 0;
}

#section-satu .slider-atas img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

#section-satu .slider-atas .slider-caption {
	bottom:40%;
	min-height: 150px;
	position: absolute;
	width: 100%;
	z-index: 2;
	text-align: center;
}
#section-satu .slider-atas .slider-caption h3 {
  font-size: 50px;
  color: white;
  margin-bottom: 0;
}

#section-satu .slider-atas .slider-caption p {
	font-size: 25px;
	color: #e57373;
	font-family: 'Pacifico', cursive;
	font-weight: 400;
	margin-top: 0;
  }

#section-satu .slider-atas .slider-caption a {
	margin-top: 10px;
}

@media (max-width:600px){
	#section-satu{
		margin-top: 50px;
	}
	#section-satu .slider-atas img{
		height: 300px;
	}

	#section-satu .slider-atas .slider-caption {
		bottom: 25%;
		min-height: 150px;
		position: absolute;
		width: 100%;
		z-index: 2;
		text-align: center;
	}
	#section-satu .slider-atas .slider-caption h3 {
	  font-size: 25px;
	  color: white;
	  margin-bottom: 0;
	}
	
	#section-satu .slider-atas .slider-caption p {
		font-size: 15px;
		color: #e57373;
		font-family: 'Pacifico', cursive;
		font-weight: 400;
		margin-top: 10px;
	  }
	
	#section-satu .slider-atas .slider-caption a {
		margin-top: 10px;
		font-size: 10px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
	#section-satu{
		margin-top: 0px;
	}
	#section-satu .slider-atas img{
		height: 400px;
	}

	#section-satu .slider-atas .slider-caption {
		bottom: 25%;
		min-height: 150px;
		position: absolute;
		width: 100%;
		z-index: 2;
		text-align: center;
	}
	#section-satu .slider-atas .slider-caption h3 {
	  font-size: 32px;
	  color: white;
	  margin-bottom: 10px;
	}
	
	#section-satu .slider-atas .slider-caption p {
		font-size: 22px;
		color: #e57373;
		font-family: 'Pacifico', cursive;
		font-weight: 400;
		margin-top: 0;
	  }
	
	#section-satu .slider-atas .slider-caption a {
		margin-top: 10px;
	}
}
/* end slider */

#section-mainArtikel {
	padding-top: 70px;
	padding-bottom: 0px;
}
#section-mainArtikel .card-image span {
	z-index: 02;
}
#section-mainArtikel .card-image img {
	width: 100%;
	height: 250px;
	position: absolute;
}

#section-akt {
	padding-top: 55px;
	padding-bottom: 85px;
}
#section-akt .section-akt-list .slider-event .card .card-image img {
	height: 150px;
	width: 100%;
	object-fit: cover;
}
#section-akt .section-akt-list .slider-event .card a span {
	font-weight: 500;
}
#section-akt .section-event-btnmore a span {
	font-weight: 500;
}

#section-akt .section-event-btnmore a{
	margin-top: 10px;
}

.section-akt-list {
	padding-top: 30px;
}

@media only screen and (max-width: 600px) {
	#section-mainArtikel {
		padding-top: 40px;
		padding-bottom: 0px;
	}

	#section-mainArtikel h5 {
		font-size: 25px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-mainArtikel p {
		opacity: .87;
	}
	#section-mainArtikel a.card-title {
		color: #fff !important;
	}
	#section-mainArtikel a {
		color: #e65100 !important;
	}
	#section-mainArtikel .card a {
		font-size: 18px;
	}
	#section-mainArtikel .card-image img {
		width: 100%;
		height: 250px;
		position: absolute;
		object-fit: cover;
	}
	#section-mainArtikel .darken-image{
		height: 200px;
		left: 0;
		right: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		position: relative;
		z-index: 0;
	}

	#section-akt .section-akt-list .title-description h5 {
		font-size: 30px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-akt .section-akt-list .title-description p {
		opacity: .87;
	}
	#section-akt .section-akt-list h4 {
		font-size: 30px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-akt .section-akt-list h6 {
		font-size: 16px;
		opacity: 0.54;
	}
	#section-akt .section-akt-list .slider-event .card .slider-event-title h5 {
		font-size: 18px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
	#section-mainArtikel h5 {
		font-size: 24px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-mainArtikel p {
		opacity: .54;
	}
	#section-akt .section-akt-list h4 {
		font-size: 26px;
		letter-spacing: 1;
		opacity: 0.87;
	}
	#section-akt .section-akt-list h6 {
		font-size: 16px;
		opacity: 0.54;
	}
	#section-mainArtikel a.card-title {
		color: #fff !important;
	}
	#section-mainArtikel a {
		color: #e65100 !important;
	}
	#section-mainArtikel .card-image img {
		width: 100%;
		height: 250px;
		position: absolute;
		object-fit: cover;
	}
	#section-mainArtikel .darken-image{
		height: 200px;
		left: 0;
		right: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		position: relative;
		z-index: 0;
	}
}

@media only screen and (min-width: 993px) {
	#section-mainArtikel {
		padding-left: 80px;
		padding-right: 80px;
	}
	#section-mainArtikel img {
		max-height: 100vh;
		object-fit: cover;
	}
	#section-mainArtikel .title-description h5 {
		font-size: 30px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-mainArtikel .title-description p {
		opacity: .54;
	}
	#section-mainArtikel a.card-title {
		color: #fff !important;
	}
	#section-mainArtikel a {
		color: #e65100 !important;
	}
	#section-mainArtikel .darken-image{
		height: 200px;
		left: 0;
		right: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		position: relative;
		z-index: 0;
	}

	#section-akt .section-akt-list h4 {
		font-size: 30px;
		letter-spacing: 1;
		opacity: 0.87;
	}
	#section-akt .section-akt-list h6 {
		font-size: 18px;
		opacity: 0.54;
	}

	#section-akt .section-akt-list .title-description h5 {
		font-size: 30px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-akt .section-akt-list .title-description p {
		opacity: .54;
	}
	#section-akt .section-akt-list .slider-event .slider-event-title h5 {
		font-size: 18px;
	}

}

@media only screen and (max-width: 600px) {
	#section-about .title-description h5 {
		font-size: 24px;
	}
  	#section-about .sub-description h6 {
		padding-top: 30px;
		font-size: 14px;
		font-weight: 600;
		opacity: .87;
		text-align: center;
	}
	#section-about .sub-description p {
		text-align: justify;
	}
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  	#section-about .title-description h5 {
		font-size: 24px;
	}
	#section-about .sub-description h6 {
		padding-top: 10px;
		padding-bottom: 5px;
		font-size: 20px !important;
		font-weight: 600;
		opacity: .87;
		text-align: center;
	}
	#section-about .sub-description p {
		text-align: justify;
	}
}

@media only screen and (max-width: 992px) {
	#section-about {
		padding-top: 20px;
		margin-bottom: 60px;
	}
	#section-about h5 {
		font-size: 30px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-about .sub-description {
		padding-top: 10px;
	}
	#section-about .sub-description img {
		padding-top: 20px;
		width: 250px;
	}
	#section-about .sub-description i {
		padding-top: 30px;
		font-size: 45px;
		color: #2D2C74;
	}
	#section-about .sub-description h6 {
		padding-top: 30px;
		font-size: 17px;
		font-weight: 600;
		opacity: .87;
	}
	#section-about .sub-description p {
		opacity: .87;
	}
}

@media only screen and (min-width: 601px) and (max-width: 992px) {

}

@media only screen and (min-width: 993px) {
	#section-about {
		margin-top: 70px;
		margin-bottom: 80px;
	}
	#section-about h5 {
		font-size: 30px;
		letter-spacing: 1px;
		opacity: .87;
	}
	#section-about .sub-description {
		padding-top: 10px;
	}
	#section-about .sub-description img {
		padding-top: 20px;
		width: 400px;
	}
	#section-about .sub-description i {
		padding-top: 30px;
		font-size: 70px;
		color: #2D2C74;
	}
	#section-about .sub-description h6 {
		padding-top: 30px;
		font-size: 17px;
		font-weight: 600;
		opacity: .87;
	}
	#section-about .sub-description p {
		opacity: .87;
		text-align: justify;
	}
}

/* section banyak anggota */

#section-anggota{
	margin-top: 10px;
	height: 250px;
	background:url('../img/count/c2-new.jpg');
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;

}

#section-anggota .images-overlay{
	height: 250px;
	left: 0;
	right: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 0;
}

#section-anggota .subdescript{
	top: 0;
	left: 0;
	right: 0;
	position: relative;
	z-index: 10;
}

#section-anggota .subdescript h5{
	margin-top:0px;
	color: #ffffff;
	font-size: 43px;
}

#section-anggota .subdescript h4{
	margin-top:0px;
	color: #ffffff;
	font-size: 17px;
}

#section-anggota .subdescript i{
	padding-top: 62px;
	font-size: 35px;
	color: #ffffff;
}

/* end section anggota */


/* section news */

@media only screen and (max-width: 600px) {
	#section-news {
		padding-top: 60px;
		margin-bottom: 60px;
	}

	#section-news .title-img img{
		width: 100%;
		height: 250px;
		object-fit: cover;
		object-position: 50% 50%;
	}
	#section-news h5 {
		font-size: 25px;
		letter-spacing: 1px;
		opacity: .87;
		margin-bottom: 10px;
	}
	#section-news .sub-description {
		padding-top: 10px;
	}
	#section-news .sub-description img {
		padding-top: 20px;
		width: 250px;
	}
	#section-news .sub-description a {
		margin-right: 10px;
		font-size: 15px;
		opacity: .54;
		color: #000;
	}
	#section-news .sub-description i {
		font-size: 20px;
		vertical-align: text-bottom;
	}
	#section-news .sub-description p {
		opacity: .87;
	}
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
	#section-news {
		padding-top: 60px;
		margin-bottom: 60px;
		width: 100%;
	}
	#section-news .title-img img{
		width: 100%;
		object-position: 50% 50%;
		height: 40vh;
		object-fit: cover;
	}
	/*#section-news .sub-description img {
		padding-top: 20px;
		width: 100%;
		height: 50vh;
		object-fit: cover;
	}*/
	#section-news h5 {
		font-size: 25px;
		letter-spacing: 1px;
		opacity: .87;
		margin-bottom: 20px;
	}
	#section-news .sub-description a {
		margin-right: 10px;
		font-size: 15px;
		opacity: .54;
		color: #000;
	}
	#section-news .sub-description i {
		font-size: 20px;
		vertical-align: text-bottom;
	}
	#section-news .sub-description p {
		opacity: .87;
	}
}

@media only screen and (min-width: 993px) {
	#section-news {
		margin-bottom: 60px;
	}

	#section-news .title-img img{
		width: 100%;
		margin-top: 79px;
		object-position: 50% 50%;
		height: 60vh;
		object-fit: cover;
	}
	#section-news h5 {
		font-size: 30px;
		letter-spacing: 1px;
		opacity: .87;
	}

	#section-news .sub-description img {
		padding-top: 20px;
		width: 400px;
	}

	#section-news .sub-description a.author {
		margin-right: 10px;
		font-size: 15px;
		opacity: .54;
		color: #000;
	}
	#section-news .sub-description i {
		font-size: 20px;
		vertical-align: text-bottom;
	}
	#section-news .sub-description p {
		opacity: .87;
	}
}

/* end news */

/* Gallery */
#gallery {
	padding-top: 0px;
	margin-bottom: 100px;
}
	@media screen and (min-width: 991px) {
		#gallery{
			padding: 60px 30px 0 30px;
		}
	}

#gallery .title-description h5 {
	font-size: 30px;
	letter-spacing: 1px;
	opacity: .87;
	text-transform: uppercase;
}
#gallery .title-description p {
	opacity: .54;
}
  
.img-wrapper {
	position: relative;
	margin-top: 15px;
}
.img-wrapper img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
@media only screen and (max-width: 600px) {
	#gallery {
		padding-top: 0px;
		margin-bottom: 60px;
	}

	#gallery .title-description h5 {
		font-size: 25px;
		letter-spacing: 1px;
		opacity: .87;
		text-transform: uppercase;
	}
	#gallery .title-description p {
		opacity: .54;
	}

  	.img-wrapper img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
	#gallery {
		padding-top: 30px;
		margin-bottom: 60px;
	}

	#gallery .title-description h5 {
		font-size: 24px;
		letter-spacing: 1px;
		opacity: .87;
		text-transform: uppercase;
	}
	#gallery .title-description p {
		opacity: .54;
	}

  	.img-wrapper img {
		width: 100%;
		height: 160px;
		object-fit: cover;
	}

	#gallery #image-gallery {
		padding-top: 40px;
	}
}

.img-overlay {
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
}
	.img-overlay i {
		color: #fff;
		z-index: 10;
		font-size: 3em;
	}
  
#overlay {
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	/* // Removes blue highlight */
	-webkit-user-select: none;
	-moz-user-select: none;    
	-ms-user-select: none; 
	user-select: none; 
}
		#overlay img {
		  margin: 0;
		  width: 80%;
		  height: auto;
		  object-fit: contain;
		  padding: 5%;
		}
			  @media screen and (min-width:768px) {
				#overlay img{
					width: 60%;
				}  
			  }
			  @media screen and (min-width:1200px) {
				#overlay img{
					width: 50%;
				}  
			  }
  
#nextButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
}
		#nextButton:hover {
		  opacity: 0.7;
		}
		@media screen and (min-width:768px) {
		  #nextButton{
			  font-size: 3em;
		  }
		}
  
#prevButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
	
}
		#prevButton:hover {
			opacity: 0.7;
		}
		@media screen and (min-width:768px) {
			#prevButton{
				font-size: 3em;
			}
		}

  
  #exitButton {
	color: #fff;
	font-size: 2em;
	transition: opacity 0.8s;
	position: absolute;
	top: 15px;
	right: 15px;
	
  }
		#exitButton:hover {
			opacity: 0.7;
		}
		@media screen and (min-width:768px) {
			#exitButton{
				font-size: 3em;
			}
		}

/* End Gallery */

/* footer */

.page-footer .footer-copyright .site-copyright a,.page-footer .footer-copyright .socmed-icon a{
    color:#fff
}
.page-footer{
    background-color:#f44336
}
.page-footer .logonav{
    max-width:100%;
    height:50px;
    margin-top: 0px
}
.page-footer .footer-body{
    margin-top:20px;
    margin-bottom:5px
}
.page-footer .footer-body p{
    font-size:14px;
    font-weight:400;
    opacity:.87;
    line-height:25px
}
.page-footer .footer-copyright h6,.page-footer .footer-copyright .link h6{
    font-size:15px;
}
@media only screen and (max-width:600px){
    .page-footer .footer-copyright .site-copyright{
        text-align:center;
        margin-top:5px;
        margin-bottom:5px
    }
    #admin-login .card-parent .card-panel{
        width:100%
    }
}
.page-footer .footer-copyright{
    background-color:#e53935!important;
    padding:1% 0 0
}
.page-footer .footer-copyright .socmed-icon{
    font-size:20px;
    letter-spacing:20px;
    opacity:.87
}

/* masonry */

.loadBerita{
	display: none;
}
#loadMore {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
#loadMore a {
    background: #e53935;
    border-radius: 3px;
    color: white !important;
    display: inline-block;
    padding: 10px 30px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}
#loadMore a:hover {
    background-color: #021737;
}

section.download {
	position: relative;
	padding: 150px 0;
  }
  
  section.download h2 {
	font-size: 50px;
	margin-top: 0;
  }

  .tengah{
	text-align: center;
  }
  
  section.download .badges .badge-link {
	display: block;
	margin-bottom: 25px;
  }
  
  section.download .badges .badge-link:last-child {
	margin-bottom: 0;
  }
  
  section.download .badges .badge-link img {
	height: 60px;
  }
  .bg-primary {
	background: #fdcc52;
	background: -webkit-linear-gradient(#fdcc52, #fdc539);
	background: linear-gradient(#fdcc52, #fdc539);
  }
  
  @media (min-width: 768px) {
	section.download .badges .badge-link {
	  display: inline-block;
	  margin-bottom: 0;
	}
  }
  
  @media (min-width: 768px) {
	section.download h2 {
	  font-size: 70px;
	}
  }

/* Iklan depan */
#iklan_banner{
	width: 100%;
}
/* End Iklan Depan */

/* skinner AD Login */
.bn_skin{
	position: absolute;
	width: 300px;
	top: 45px;
}

.bn_skin1{
	left: 50%;
	margin-left: -850px;
}
	.bn_skin1 .bn_skin3{
		float: right;
	}

.bn_skin2{
	right: 50%;
	margin-right: -850px;
}
	.bn_skin2 .bn_skin3{
		float: left;
	}