/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    height: 377px;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */
.flags {
width: 18px !important;
height: 14px !important;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.tabmenu {
	background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
	color:#fff; 
	font-size:18px; 
	padding:9px; 
	margin-bottom:10px;
}
/* add by zimont 08092016*/
.tabmenu1 {
	background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
	border-left:1px solid #eee; 
	border-right:1px solid #eee; 
	color:#fff; 
	font-size:18px; 
	padding:9px; 
	margin-bottom:10px;
}
.tabmenu2 {
	background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
	color:#fff; 
	font-size:18px; 
	padding:9px; 
	margin-bottom:10px;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.movie {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.movie iframe,  
.movie object,  
.movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width : 150px) and (max-width : 768px){
    .alamat-footer{
        margin-left: 0em !important;
    }
	
	.tabmenu {
		background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
		color:#fff; 
		font-size:12px; 
		padding:9px; 
		margin-bottom:10px;
	}

	.tabmenu1 {
		background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
		border-left:1px solid #eee; 
		border-right:1px solid #eee; 
		color:#fff; 
		font-size:12px; 
		padding:9px; 
		margin-bottom:10px;
	}
	.tabmenu2 {
		background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
		color:#fff; 
		font-size:12px; 
		padding:9px; 
		margin-bottom:10px;
	}
}

@media (max-width:768px){
	.carousel {
		height: 200px;
	}
	.tabmenu {
		background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
		color:#fff; 
		font-size:12px; 
		padding:9px; 
		margin-bottom:10px;
	}

	.tabmenu1 {
		background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
		border-left:1px solid #eee; 
		border-right:1px solid #eee; 
		color:#fff; 
		font-size:12px; 
		padding:9px; 
		margin-bottom:10px;
	}
	.tabmenu2 {
		background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
		color:#fff; 
		font-size:12px; 
		padding:9px; 
		margin-bottom:10px;
	}
}


@media (max-width:1024px){
	.carousel {
		height: 200px;
	}
	.tabmenu {
		background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
		color:#fff; 
		font-size:14px; 
		padding:9px; 
		margin-bottom:10px;
	}

.tabmenu1 {
	background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
	border-left:1px solid #eee; 
	border-right:1px solid #eee; 
	color:#fff; 
	font-size:14px; 
	padding:9px; 
	margin-bottom:10px;
}
.tabmenu2 {
	background: linear-gradient(to bottom, rgba(80,140,33,1) 0%,rgba(122,192,67,1) 60%,rgba(122,192,67,1) 100%); 
	color:#fff; 
	font-size:14px; 
	padding:9px; 
	margin-bottom:10px;
}
}
/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	z-index:99999;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}

.text-cut{
	border-top:1px solid #ccc; 
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  margin: 0 auto;
  height:145px;
  -webkit-line-clamp: 5;
  -moz-line-clamp:5;
  -o-line-clamp:6;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
}

        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../images/a17.png') rgba(0,0,0,1) no-repeat;
			border-radius:50%;
            overflow: hidden;
			margin-top:130px;
        }
		
		.jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
		
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 144px;
            height: 100%;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
			border:3px solid #7ac043;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
			margin:0;
            width: 100%;
            height: 100%;
            box-sizing: content-box;
            background: rgba(0,0,0,0.6);
        }
        
        .jssort01 .pav .c {
			background:transparent;
        }
        
        .jssort01 .p:hover .c {
			background:transparent;
        }
        
        .jssort01 .p.pdn .c {
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }