/*
Theme Name: SmileDisplayV2 Theme
Theme URI: http://smilejogja.com
Description: Display SMILE GROUP

Author: Setyawan Widodo
Author URI: http://setya1.com/
Version: 2.0
Tags: display smile
*/
@font-face {
  font-family: 'Lithograph';
  src: url('fonts/Lithos.otf') format('truetype');
} 
@font-face {
  font-family: 'Angelina';
  src: url('fonts/angelina.TTF') format('truetype');
}
@font-face {
  font-family: 'Gothic';
  src: url('fonts/gothic.TTF') format('truetype');
}
@font-face {
  font-family: 'Latin';
  src: url('fonts/latin.TTF') format('truetype');
}
body {
	font-family:Arial;
	font-size:12px;
	color:#333;
	background:url(images/bg.jpg) center top fixed;
	opacity:0.98;
	overflow:hidden;
	
}
a {
		color:#333;
		text-decoration:none;

	}

#bingkai{
	width:100%;
	float:none;
}
#header {
	width:100%;
	float:left;
	height:80px;
	box-shadow:0 1px 3px #999;
	background:url('images/bgpost.jpg');
	padding-top:13px;
}
	.logo {
		width:500px;
		height:30px;
		float:left;
		margin-left:30px;
		font-family: Lithograph;
		color:#008;
	}
	.logo img {
		width:50%;
		float:left;
		margin-right:6px;
		margin-top:0;
	}
	.logo h2 {
		font-size:25px;
		margin-top:16px;
	}
	.tanggaljam {
		width:500px;
		height:30px;
		float:right;
		margin-right:30px;
		text-align:right;
		margin-top:10px;
	}
#content {
	width:100%;
	float:left;
	height:625px;
	margin:16px 0 0 0

}
	#jadwalpelatihan {
		width:48%;
		float:left;
		margin-left:15px;

	}
	#jadwalpelatihan h2, .greeting h3 {
		font-family:Latin;
		margin:0 2% 0 0;
		letter-spacing:1px;
		font-size:40px;
		background:#ddd;
		padding-left:10px;
		color:#fff;

	}
	.greeting h2, .greeting h2 a {
		font-family:Latin;
		margin:0 2% 0 0;
		letter-spacing:1px;
		font-size:30px;
		padding-top:7px;
		padding-left:10px;
		color:#003;
		text-shadow:1px 1px 3px #fff;

	}
	.isijadwalpelatihan {
		width:98%;
		background:#ccc;
		padding:10px 10px 1px 10px;
		margin-bottom:10px;
	}
	#kananatas {
		width:49.8%;
		height:45px;
		float:left;
		margin-bottom:13px;

	}
	#kananatas a {
	color:#f00;
}
#kananatas h2 {
	text-shadow:0 0 0 #fff;
}	
	#tengah {
		width:20.5%;
		height:500px;
		float:left;

	}
	#tengah h2 {
		font-family:Latin;
		margin:0 4% 0 0;
		letter-spacing:1px;
		font-size:40px;
		background:#ddd;
		padding-left:10px;
		color:#fff;
	}
	.isitengah {
		width:96%;
		height:213px;
		padding:10px;
		background:#ddd;
		margin-bottom:10px;

	}
	.isitengah h2 { width:100%; margin-right:0!important;}
	.isitengah img {
		width:100%;
		max-height:200px!important;
                height:200px;
		margin-bottom:5px;
	}
	.poster {margin-right:18px;}
	.poster img {height:80px; width:auto;}
	#galerifoto {
		width:29.3%;
		float:left;

	}
	#galerifoto h2 {
		font-family:Latin;
		margin:0;
		letter-spacing:1px;
		font-size:40px;
		background:#ddd;
		padding-left:10px;
		color:#fff;
	}
	
	.isigalerifoto {
		width:100%;
		background:#ccc;
		margin-bottom:13px;
		padding:10px;
		color:#000;
	}
.isigalerifoto img {
height:160px;
}
.judulgambar {
width:100%;
 	position: absolute;
    	bottom: 0;
padding:5px;
background:#fff;
margin-top:10px;
}
	
	.isivideo {
		width:100%;
		background:#ccc;
		padding:10px;
	}
	.spe_div {
		margin-top:-5px;
		margin-bottom:20px;

	}
	.spe_link {
		font-weight:bold;
		margin-bottom:5px;
		border-bottom:dotted 1px #999;
		color:#600;
	}
	.spe_link a {
		color:#600;
	}

#footer {
	width:100%;
 	position: absolute;
    	bottom: 0;
	padding:5px 0 0 0;
	padding:0;
        text-align:right;
	background:#000;
	margin-top:-2px;
	color:#fff;
}
#footer h4 {
	font-size:15px;
	font-weight:bold;
padding:5px 0 5px 0;
}
.fa {
	font-size:25px;
}
.banner1 {
	background:url('images/banner/banner1.PNG');
}
#wonderplugincarousel-1 {
	margin-top:-15px!important;
}

.amazingcarousel-list-container {
	height:163px;
	margin-top:-20px;
}

.spe_excerpt {
	font-size:11px;
}
.table td {
	padding:6px 6px 5px 6px!important;
}
h2 {
	text-shadow:0 0 3px #333;
}

@keyframes animasitable { /* flame pulses */
  0%  { opacity:1; }
  10%   { opacity:1; }
  20%   { opacity:1; }
  30%   { opacity:1; }
  40%   { opacity:1; }
  45%   { opacity:1; }
  50%  { opacity:1; }
  55%  { opacity:1; }
  60%  { opacity:1; }
  70%  { opacity:1; }
  80%  { opacity:0.6; }
  90%  { opacity:0.3; }
  100% { opacity:0; }
}
#reloaddiv table{
    /animation: animasitable 3s infinite;
}

@keyframes fadeout{
0% { opacity:1;}
80% { opacity:1;}
  99%{
    opacity : 0;
    height : initial;
  }
  100%{
    opacity : 0;
    height : 0;
	display:none;
	visibility:hidden;
  }
}
@keyframes fadein {
0% { opacity:0;}
80% { opacity:0;}
  99%{
    opacity : 1;
    height : 0;
  }
  100%{
    opacity : 1;
    height : initial;
	display:block!important;
  }
}
.pertama{
  animation : fadeout 25s linear forwards;
  
}
.kedua {
  animation : fadein 30s linear forwards;
  animation : fadeout 50s linear forwards;

}
.ketiga {
  animation : fadein 55s linear forwards;
  animation : fadeout 70s linear forwards;

}
.keempat {
  animation : fadein 75s linear forwards;
  animation : fadeout 90s linear forwards;

}

td {
	font-size:12px;
	font-family:Arial;
}
.pengumumantable .table tr td {
padding:5px!important;
}

.blink {
  animation: blinker 1s linear infinite;
}
.blinker3 {
  animation: blinker 1.2s linear infinite;
}
.blinker5 {
  animation: blinker 1.4s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
.blink3 {
animation: blinker 0.7s;
}
.blink15 {
 animation: blinkku 15s linear infinite;
}

.blink30 {
 animation: blinkku 30s linear infinite;
}
.blink32 {
 animation: blinkku 32s linear infinite;
}

@keyframes blinkku {  
  0% { opacity:1;}
  48% { opacity:1;}
  50% { opacity: 0; }
  52% { opacity:1;}
  100% { opacity:1;}

}
tr.kuning td {
background:#ffff66!important;
}

.hijau {
background-color:@brand-success;
}

.gambarklien img {
height:90px!important;
width:auto;
float:left;
}

/* Jika berukuran 700px atau kurang*/
@media screen and (max-width:700px) {
.tanggaljam {
display:none; opacity:0;
}
	#jadwalpelatihan, #kananatas, #tengah {
width:95%;
}
}