/**
* @package Joomla! 1.7
* @author 2008 (c)  Denys Nosov (aka Dutch)
* @author web-site: www.joomla-ua.org
* @copyright This module is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
**/

.text-top {
    vertical-align: top;
}

.margin-5-r {
    margin-right: 5px;
}

.junewsultra {
    margin-bottom: 20px;
}

.junewsultra,
.junewsultra .jn,
.junewsultra .jn-head {
    overflow: hidden;
}

.junewsultra .jn-head,
.junewsultra .jn .jn-intro,
.junewsultra .jn .jn-more {
    clear: both;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    
}

.junewsultra .jn a,
.junewsultra .jn a:link,
.junewsultra .jn a:visited {
    text-decoration: none;
    background: transparent;
    border: none;
}

.junewsultra .jn a:hover,
.junewsultra .jn a:focus,
.junewsultra .jn a:active {
    text-decoration: underline;
    color: inherit;
    border: none;
}

.junewsultra .jn {
    margin: 0px 0;
    padding: 0;
    border-bottom: 1px #e0e0e0 solid;
    clear: both;
    display: block;
}

.junewsultra .jn .jn-intro {
    margin-top: -30px!important;
}

.junewsultra .jn .jn-head {
    background: transparent repeat-x 0 100%;
}

.junewsultra .jn .jn-left {
    float: left;
    width: 33%;
}

.junewsultra .jn .jn-left img {
    padding: 1px;
    border: 1px #a7b3be solid;
}

.junewsultra .jn .jn-right {
    float: right;
    width: 70%;

}

.junewsultra .jn .jn-right h# {
    font-size: 95%;
    font-weight: bolder;
}

.junewsultra .jn .jn-right .jn-info {
    font-size: 9px;
    color: #778899;
    padding: 0px 0px 3px 8px;
}

.junewsultra .jn .jn-right .jn-hit-n-rating {
    padding-top: 3px;
}

.junewsultra .jn .jn-right .jn-hit-n-rating .jn-small {
    float: left;
    padding-right: 3px;
}

.junewsultra .jn .jn-right .jn-hit-n-rating .jn-rating img {
    borde
}    

ul.socials {
    margin: 0;
    padding: 10px 0 10px 0;
}
ul.socials li {
    list-style: none;
    display: inline-block;
    margin-right: 3px;
}
ul.socials li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}
ul.socials li a:hover {
    opacity: 0.75;
}

/*start krsl*/
.carousel-indicators {
    text-align: center;
    float: center;
}
.container-slider{

padding-right: 0px;

padding-left: 0px;

margin-right: 0;

margin-left: 0;

}
.carousel-inner .item img{
    margin: 0 auto;
}
.img-fluid{
    max-height: 720px;
    padding-bottom: 1in;
}
.carousel-caption {
    height: 0.5in;
    bottom: 0;
    top: auto;
}
/*end krsl*/

/*start slider*/
 
.pasby-slider { 
	border: 10px solid #efefef; 
	position: relative; 
	overflow: hidden; 
	background: #efefef;
}
 
.pasby-slider { 
	margin:20px auto;
	width: 768px;
	height: 450px; 
}
 
.isi-slider img { 
	width: 768px;
	height: 450px; 
	float: left;
}
 
.isi-slider { 
	position: absolute; 
	width:3900px;  
 
	/*pengaturan durasi lama tampil gambar bisa di atur di bawah ini*/
	animation-name:slider;
	animation-duration:16s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
	-webkit-animation-name:slider;
	-webkit-animation-duration:16s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:slider;
	-moz-animation-duration:16s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count:infinite;
	-o-animation-name:slider;
	-o-animation-duration:16s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count:infinite;
}
 
 
/*saat gambar di hover oleh cursor mouse maka berhenti slide*/
.isi-slider:hover { 
	-webkit-animation-play-state:paused; 
	-moz-animation-play-state:paused; 
	-o-animation-play-state:paused; 
	animation-play-state:paused; }
}
 
.isi-slider img { 
	float: right; 
}
 
.pasby-slider:after { 
	font-size: 150px; 
	position: absolute; 
	z-index: 12; 
	color: rgba(255,255,255, 0); 
	left: 300px; top: 80px; 
	-webkit-transition: 1s all ease-in-out; 
	-moz-transition: 1s all ease-in-out; 
	transition: 1s all ease-in-out; 
}
 
.pasby-slider:hover:after { 
	color: rgba(255,255,255, 0.6);  
}
 
 
 
@-moz-keyframes slider {     
	0% {
		left: 0; opacity: 0; 
	}     
	2% {
		opacity: 1; 
	}     
	20% {
		left: 0; opacity: 1; 
	}     
	21% {
		opacity: 0; 
	}     
	24% {
		opacity: 0; 
	}     
	25% {
		left: -768px; opacity: 1; 
	}       
	45% {
		left: -768px; opacity: 1; 
	}     
	46% {
		opacity: 0; 
	}     
	48% {
		opacity: 0; 
	}     
	50% {
		left: -1536px; opacity: 1; 
	}     
	70% {
		left: -1536px; opacity: 1; 
	}     
	72% {
		opacity: 0; 
	}     
	74% {
		opacity: 0; 
	}    
	75% {
		left: -2304px; opacity: 1; 
	}   	
	95% {
		left: -2304px; opacity: 1; 
	}   	
	97% { 
		left: -2304px; opacity: 0;
	}   	
	100% {
		left: 0; opacity: 0; 
	}
} 
 
@-webkit-keyframes slider {     
	0% {
		left: 0; opacity: 0; 
	}     
	2% {
		opacity: 1; 
	}     
	20% {
		left: 0; opacity: 1; 
	}     
	21% {
		opacity: 0; 
	}     
	24% {
		opacity: 0; 
	}     
	25% {
		left: -768px; opacity: 1; 
	}       
	45% {
		left: -768px; opacity: 1; 
	}     
	46% {
		opacity: 0; 
	}     
	48% {
		opacity: 0; 
	}     
	50% {
		left: -1536px; opacity: 1; 
	}     
	70% {
		left: -1536px; opacity: 1; 
	}     
	72% {
		opacity: 0; 
	}     
	74% {
		opacity: 0; 
	}    
	75% {
		left: -2304px; opacity: 1; 
	}   	
	95% {
		left: -2304px; opacity: 1; 
	}   	
	97% { 
		left: -2304px; opacity: 0;
	}   	
	100% {
		left: 0; opacity: 0; 
	}
} 
 
 
@keyframes slider {     
	0% {
		left: 0; opacity: 0; 
	}     
	2% {
		opacity: 1; 
	}     
	20% {
		left: 0; opacity: 1; 
	}     
	21% {
		opacity: 0; 
	}     
	24% {
		opacity: 0; 
	}     
	25% {
		left: -768px; opacity: 1; 
	}     
	45% {
		left: -768px; opacity: 1; 
	}     
	46% {
		opacity: 0; 
	}     
	48% {
		opacity: 0; 
	}     
	50% {
		left: -1536px; opacity: 1; 
	}     
	70% {
		left: -1536px; opacity: 1; 
	}     
	72% {
		opacity: 0; 
	}     
	74% {
		opacity: 0; 
	}    
	75% {
		left: -2304px; opacity: 1; 
	}   	
	95% {
		left: -2304px; opacity: 1; 
	}   	
	97% { 
		left: -2304px; opacity: 0; 
	} 
 
	100% {
		left: 0; opacity: 0; 
	}
}
/*end slider*/