.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.col-lg-8 hr{
border-top:1px solid #abde25;	
}
.judul{
/*background:url(../images/bg.png);*/
/*width:40%;
height:50%;*/
padding:10px;
border-radius:20px;
left:45px;
position:absolute;
top:50px;
text-shadow:2px 5px 5px #000;
color:#fff;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.tab-content > .active,
.pill-content > .active {
    height: auto !important;       /* let the content decide it  */
} /* bootstrap hack end */
.col-md-4 a
{
color:#fff !important;
}
h3 a:hover
{
color:#fff !important;
}
.col-md-5 a:hover
{
color:#5f6062 !important;
}
.col-md-3 a:hover
{
color:#5f6062 !important;
}
.col-md-4 a:hover
{
color:#5f6062 !important;
}

/*.col-md-5 a
{
color:black !important;
}
*/
.thumbnail
{
border:none;
-webkit-box-shadow:none;
}
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}



.slider1:hover{
	-webkit-transform:rotate(360deg) scale(1.5);
    -moz-transform: rotate(360deg) scale(1.5);
    -o-transform: rotate(360deg) scale(1.5);
    -ms-transform: rotate(360deg) scale(1.5);
    transform: rotate(360deg) scale(1.5);
}

.slider1{
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}



.bayang{

}
.belakang{

background:url('../images/Pattern-WH.png') no-repeat;
text-shadow:2px 2px white;
}
.popup:hover{
	-webkit-transform: scale(2);
    -moz-transform:  scale(2);
    -o-transform:  scale(2);
    -ms-transform:  scale(2);
    transform:  scale(2);
	z-index:5;
}
.popup{
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;

}
.popup2:hover{
	-webkit-transform:   translatex(-100px) scale(1.2);
    -moz-transform:    translatex(-100px) scale(1.2);
    -o-transform  :translatex(-100px)  scale(1.2);
    -ms-transform:   translatex(-100px)  scale(1.2);
    transform:  translatex(-100px) scale(1.2);
}
.popup2{
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;

}
.blockup{
	padding: 5px;
	transition: background 1s ease-in-out;
   -moz-transition: background 1s ease-in-out;
   -webkit-transition: background 1s ease-in-out;
}
.blockup:hover{
	color:#abd037;
	background:rgb(95,96,98);
}
.borderbox{
padding:6px;
border: 1px solid #abd037;
border-radius:15px;
}
.borderbox1{
padding:6px;
border: 1px solid #abd037;
}
.borderbox2{
padding:6px;
border: 1px solid #abd037;
background:#abd037;
}
.triangle {
	width: 0;
	height: 0;
	border-bottom: 50px solid #abd037;
	border-right: 50px solid transparent;
}
.flip:hover{
	-webkit-transform: rotateY(-180deg);
    -moz-transform:  rotateY(-180deg);
    -o-transform:  rotateY(-180deg);
    -ms-transform:  rotateY(-180deg);
    transform: rotateY(-180deg);	
}

.flip{
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	transform-style:preserve-3d;
	perspective: 1000;
}
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.carousel {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	/*overflow:hidden;*/
}
.carousel-control.left {
    /*margin-left:-40px;*/
    background:none;
	color:#abd037;
    /*background: #abd037/*#5f6062#747576*/;
    /*background-size: 8px 8px;
    border: none /* 1px solid #bbb*/;
    /*border-color: #747576;*/
    -webkit-border-radius: 50%;
    height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    display:none;
}
.carousel-control.right {
    /*margin-right:-40px;*/
    background:none;
	color:#abd037;
	/*background: #abd037/*#5f6062#747576*/;
    /*background-size: 8px 8px;
    border: none /*1px solid #bbb*/;
    /*border-color: #747576;*/
    -webkit-border-radius: 50%;
    height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    display:none;
}
.carousel:hover .carousel-control.left, .carousel:hover .carousel-control.right {
    display:block;
}
.carousel-indicators {
    bottom: 0px;
	display:none;
}
.carousel-indicators li {
    background-color: #747576;
    opacity: .5;
    border:none;
}
.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 1px;
    background-color: #747576;
    opacity: 1;
}
.carousel.col-xs-5 {
    width:400px;
}
.carousel.col-xs-6 { 
    width:450px;
}
.carousel.col-xs-7 {
    width:500px;
}
.slide-1 {
    height:340px;
    background: #fff;
}
.slide-2 {
    height:340px;
    background: #31aadc;
}
.slide-3 {
    height:340px;
}
.slide-caption.left{
    left: 32px;
    line-height: 32px;
    position: relative;
    top: 84px;
    z-index: 1;    
}
.slide-caption.center {
    text-align: center;
    top: 60px;
    position: relative;
}
.slide-caption .btn {
   border-radius:3px; 
}

.navbar-whiz {
	background-color: #abd037/*#5f6062*/;
	border-color: #b1d45c;

}
.navbar-nav{
	padding-top:20px !important;
	padding-left:5px !important;
}
.widSSPData a 
{
color:black !important;
}
.navbar-whiz .navbar-brand {
	color: #ffffff;
}
.navbar-whiz .navbar-brand:hover, .navbar-whiz .navbar-brand:focus {
	color: #ffffff;
}
.navbar-whiz .navbar-text {
	color: #ffffff;
}
.navbar-whiz .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-whiz .navbar-nav > li > a:hover, .navbar-whiz .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: #696867;
/*	padding-left:5px;
	padding-right:5px;*/
}
.navbar-whiz .navbar-nav > li > a:hover, .navbar-whiz .navbar-nav > li > a:hover {
	color: #ffffff;
	background-color: #696867;
}
.navbar-whiz .navbar-nav > .active > a, .navbar-whiz .navbar-nav > .active > a:hover, .navbar-whiz .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #696867;
}
.navbar-whiz .navbar-nav > .open > a, .navbar-whiz .navbar-nav > .open > a:hover, .navbar-whiz .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #696867;
}
.navbar-whiz .navbar-toggle {
	border-color: #696867;
}
.navbar-whiz .navbar-toggle:hover, .navbar-whiz .navbar-toggle:focus {
	background-color: #696867;
}
.navbar-whiz .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-whiz .navbar-collapse,
.navbar-whiz .navbar-form {
	border-color: #ffffff;
}
.navbar-whiz .navbar-link {
	color: #ffffff;
	background-color: #696867;
}
.navbar-whiz .navbar-link:hover {
	color: #ffffff;
	background-color: #696867;
}
@media screen and (max-width: 320px){
.flexslider ul li .slider-textbox{
    height: 80% !important;
}
.judul{
left:0px !important;
top:0px !important;
position:relative !important;
width:100% !important;
max-height:200px !important;
}
.titleboxpattern{
background:url('images/headerm.png') no-repeat;
	}
.ada
{
width:150px !important;height:79.68px !important;
}
.hidemobile1
{
	display:none !important;
}
}
@media screen and (max-width:480px ) {
.flexslider ul li .slider-textbox{
    height: 80% !important;
}

.judul{
left:0px !important;
top:0px !important;
position:relative !important;
width:100% !important;
max-height:200px !important;
}

.ada
{
width:200px !important;height:106.25px !important;
}
.tinggi{
	height:465px !important;
}
}
@media screen and (max-width: 767px) {
.flexslider ul li .slider-textbox{
    height: 80% !important;
}

.judul{
left:0px !important;
top:0px !important;
position:relative !important;
width:100% !important;
max-height:200px !important;
}

.ada
{
width:400px !important;height:212.5px !important;
}
.navbar-whiz .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.tinggi{
	height:465px !important;
}
.titleboxpattern{
background:url('images/headerm.png') no-repeat;
	}
	.hidemobile1
	{
	display:none !important;
	}
	.navbar-whiz .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-whiz .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
		background-color: #696867;
	}
	.navbar-whiz .navbar-nav .open .dropdown-menu > .active > a, .navbar-whiz .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-whiz .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #696867;
	}
	
}
@media screen and (min-width: 768px){
.expandOpen:hover{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}
.bounce:hover{
	animation-name: bounce;
	-webkit-animation-name: bounce;	
	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;		
	transform-origin: 19% 100%;
	-ms-transform-origin: 19% 100%;
	-webkit-transform-origin: 19% 100%; 	
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-19%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}


@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-19%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}

.hidedesktop1
{
display:none !important;
}
.blockup{
	min-height:398px;	
}
.titleboxpattern{
background:url('images/header.png') no-repeat;
	}
.topdeh{
top:-70px !important;
}
.ada
{
width:768px !important;height:408px !important;
}
	.penuh{
	width:100% !important;
	}	
	.nomargin
	{
	margin: 0px !important;
	}
}
@media screen and (max-width: 1024px) {
	.flexslider ul li .slider-textbox{
    height: 80% !important;
}

	h2{
		font-size:20px !important;	
		
	}
	h3{
		font-size:18px !important;	
		
	}
	p{
	font-size:12px;
	}	
}
@media screen and (min-width: 1024px){
	
.fix-search {
    position: fixed !important;
	top: 0px;
	height: 130px;
	z-index:101011;
}
#cari{
width:100px !important;
}
.hidedesktop1
{
display:none !important;
}
.abs
	{
	position:absolute;
	}
	.nopad
	{
	padding:0px !important;
	}
}