@import "typography.css";@import "bootstrap.css";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800";
@import 'https://fonts.googleapis.com/css?family=Great+Vibes';

body{font:13px "Open Sans", Arial, Helvetica;color:#777 ! important;}
#wrapper{width:1170px;margin:0px auto;box-shadow:0px 0px 20px #ccc;}


/* MAIN MENU */

#fixed-wrapper{position:relative;margin:0;z-index:999}

/* HEADER */
#primary-header .header{position:relative;width:1170px;height:120px;margin:auto;padding:0;overflow:hidden;}
.header .logo{width:50%;float:left;height:80px;margin:20px 0;position:relative;overflow:hidden;}
.header .logo img{height:80px; width: auto; margin:0 25px}
.header .afterlogo {float:right;width:50%;position:relative;padding:30px 0;}
.afterlogo .aleft {float:left;width:50%;}
.aleft .address {padding-right:30px;}
.aleft .address span {font:700 11px 'Open Sans';padding:3px 10px 3px 0;}
.aleft .address span .fa {width:22px;height:22px;line-height:22px;text-align:center;margin-right:10px;margin-top:2px;}
.aleft .address .maps {font: 13px/15px 'Open Sans';padding-top: 5px;margin-top: 8px;}
.afterlogo .aright {float:right;width:50%;}
.aright .schin {padding-right:30px;text-align:right;position:relative;overflow:hidden;}
.aright .schin .slash {position:absolute;left: -175px;width: 200px;height: 200px;transform: rotate(25deg);top: -100px;}
.aright .schin span {font:700 11px 'Open Sans';}
.aright .schin h3 {font-size:25px;font-weight:800;line-height:30px;margin:0;}
.aright .schin span.mail {font:700 13px 'Open Sans';}
.aleft .address .informasi {display:none;}
/* HEADER */

/* SLIDER TIMER */
#dreamslide {position:relative;height:400px;}
#sclock {position:absolute;bottom:0px;right:0px;top:0;padding:30px;z-index:1000}
#sclock .days {width: 80px;text-align:center; margin-top:10px;}
#sclock .days h2 {width: 80px;font:800 50px/50px 'Open Sans';padding-bottom:5px;}
#sclock .days h3 {width: 80px;font:13px/16px 'Open Sans';text-transform:uppercase;padding-top:5px;}
#sclock .days h4 {width: 80px;}
#sclock .days h6 {width: 80px;font:700 11px/22px 'Open Sans';text-transform:uppercase;}
#sclock .time {text-align:center;}
#sclock h2 {width: 80px;font:800 40px/50px 'Open Sans'; }
#sclock h4 {width: 80px;font:700 11px/22px 'Open Sans';text-transform:uppercase;margin-top:5px;}
/* SLIDE TIMER */

/* SLIDE HOMEPAGE */
#image-slider{position:relative;width:100%;padding:0px;}
#image-slider li img{width:100%;height:auto}
.slide-title{position:absolute;top:25px;left:25px;padding:6px 10px;font-weight:bold;color:#fff;z-index:1}
.slides li{position:relative;width:100%}
.slides .content{width:420px;height:163px;padding:15px}
.slides span{padding:3px 5px;font:600 10px/10px "Open Sans", Arial, Helvetica;}
.slides h4{font:18px/22px 'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase;margin:0 0 10px;padding:10px 0;border-bottom:1px solid #fff}
.slides h4 a{color:#fff;text-decoration:none}
.slides p{color:#fff;margin:0 25px 10px 0;font-size:12px}
/* SLIDE HOMEPAGE */ 

/* HOME 5 POST */
#five-post {width:70%;float:left;position:relative}
#five-post .five-title {position:absolute;top:30px;left:30px;z-index:100;padding:6px 10px;font-weight:bold;}
#the-post {padding:15px;}
#the-post .home-post {}
#the-post .home-post li:first-child {width:50%;float:left;height:296px;}
#the-post .home-post li {width:25%;float:left;padding:0;margin:0;list-style:none;height:148px;position:relative;overflow:hidden;}
#the-post .home-post li img {width:100%;}
#the-post .home-post li .content {position:absolute;left:0;right:0;bottom:0;top:0;transform:scale(0);overflow:hidden;font-size:13px;text-align:center;
padding:20px;z-index:100;opacity:0;transition:all .5s ease .1s;}
#the-post .home-post li:hover .content {opacity:1;transform:scale(1);}
#the-post .home-post li:first-child .content {padding-top:100px;}
#the-post .home-post li:first-child .content a {font:700 23px/28px 'Open Sans';}
#the-post .home-post li .content a {color:#fff;font:700 13px/14px 'Open Sans';}

.right-motivation {width:30%;height:296px;padding:15px 0;float:right;position:relative;overflow:hidden;}
.right-motivation  .before-keptalk{height:266px;padding:15px;margin:0 15px 0 0;}
.before-keptalk .keptalk {padding:15px; border-radius:5px;margin-bottom:20px;position:relative;height:135px;}
.before-keptalk  .keptalk p {color:#fff;font:italic 13px/16px Georgia;}
.before-keptalk  .keptalk .arrow {width:20px;height:20px;transform:rotate(45deg);position:absolute;bottom:-8px;left:50px;}
.before-keptalk  .keptalk .more {color:#fff;}
.before-keptalk  .kphoto {color:#fff;}
.before-keptalk  .kphoto .kimage {height:80px; width: 80px;border-radius:40px;float:left;margin-right:30px;margin-left:20px;overflow:hidden;}
.before-keptalk  .kphoto .kimage img {width: 100%;}

.post-info #announ-one {width:50%;float:left;position:relative}
#announ-one .half {padding:15px 7px;}
#announ-one .half .half-content {width:100%;float:left;position:relative;}
.half-content .five-title {position:absolute;top:0px;left:7px;right:7px;z-index:100;padding:8px 15px;font-weight:bold;font-size:16px;}
.half-content .half-list {padding:60px 15px 30px;margin:0 7px 15px;}
.half-content .half-list li {list-style:none;padding-bottom:10px;margin-bottom:10px;}
.half-content .half-list li .infos{width:40px;height:40px;text-align:center;line-height;32px;float:left;margin-right:15px;font-size:25px;}
.half-content .half-list li span {text-transform:uppercase; border-radius:12px;margin-right:6px;padding:2px 12px;font-size:12px;font-weight:bold;}
.half-content .half-list li h3 {font:700 18px/24px 'Open Sans';padding:8px 0;margin-left: 55px;letter-spacing:-1px;}
.half-content .half-list li h3 a{font-weight:700;}
.half-content .half-list li  p {margin-left:55px;}

#right-info {width:50%;padding:15px 0;float:right;position:relative}
#right-info .info-content {padding:0;margin:0 15px 0 0;position:relative;}
#right-info .info-content .five-title {position:absolute;top:0px;left:0px;right:0px;z-index:100;padding:8px 15px;font-weight:bold;font-size:16px;}
.info-content .motiva .homegall {position:relative;}
.info-content .motiva .homegall {position:relative;}
.motiva .homegall .linkgall {position:absolute; top:50%;left:50%;width:126px;margin-left:-63px;text-align:center;line-height:30px;margin-top:-15px;z-index:100;}
.motiva .homegall .linkgall a { color:#fff;font-weight:bold;text-transform:uppercase;}
.gall #gall-img li { list-style:none; width:25%;float:left;height:107px; overflow:hidden;}
.gall #gall-img li img {width:100%;height:auto;} 

#prestapoll {margin: 15px 0;height: 269px;position:relative;overflow:hidden;}
#prestapoll .voting {position:absolute;top:15px;left:15px;z-index:100;padding:6px 10px;font-weight:bold;font-size:13px;}
#prestapoll .jawaban {position:absolute;top:15px;right:15px;z-index:100;padding:6px 10px;font-weight:bold;font-size:13px;}
#prestapoll .jawaban a {color:#fff}
#prestapoll .loading {text-align:center;}
#prestapoll #message-polling {text-align:center;}


/* PENGUMUMAN + MOTIVASI + INFO SEKOLAH + SOCIAL */
#news-ticker{width:100%;margin:0 auto 15px;padding:60px 0 30px;}
#news-ticker li{list-style:none;height:150px;text-align:center;width:90%;padding:0 5%;font:32px/34px 'Great Vibes', cursive;}
#news-ticker li span {padding:4px 10px;font:700 13px 'Open Sans';}

/* SAMBUTAN KEPSEK + SEKILAS INFO */
#sub-bar{ padding: 0;margin:0;clear:both}
#bottom-slider{position:relative;width:450px;height:200px;margin:0 15px 15px;float:left;overflow:hidden;color:#fff;}
#bottom-slider img {width:150px;float:right;margin-left:15px;}
#bottom-slider .keptalk {padding:15px;}
#bottom-slider .keptalk h4{font-size:16px;font-weight:bold; margin-bottom:15px;}
#bottom-slider .keptalk p{font:italic 13px "Open Sans";}

.bottom-after{overflow:hidden;color:#fff;position:relative}
.bottom-after h4 { font:bold 16px "Open Sans";}

.bottom-after h3 { font:bold 16px "Open Sans";padding: 10px 15px;position:relative;}
.infose{padding:0px;color:#fff}
.infose .isiinfo{height:150px;padding:15px;}
.infose h4{padding-bottom:5px;margin-bottom:5px;border-bottom:1px dashed #fff}
#galeria-img li{list-style:none;float:left;margin:0;width:25%}
#galeria-img li img{display:block;width:100%;height:auto}
.bottom-after .spangal {position: absolute;top: 50%;left: 50%;width: 130px;height: 30px;line-height: 30px;text-align: center;margin: -19px 0 0 -64px;font-weight: bold;color: #fff;}
.bottom-after .spangal  a {color:#fff;}

#bot-bar{ padding:0;margin:0;clear:both}
.poll{padding:15px;margin-top:65px;border-top:1px solid #ddd;z-index: 1000;
position: relative;}
.poll h4{font:bold 16px/16px 'Open Sans';margin:10px 15px 10px 0}
.poll .fa{margin-right:5px}
.poll p{margin-bottom:5px}
.botpoll{margin-top:10px;overflow:hidden}
.botpoll button{height:32px;font:bold 13px 'Open Sans';border:none;color:#fff;
border-radius:none;line-height:32px;padding:0px 15px;margin-right:3px}
.botpoll .jawaban{height:30px;font:bold 13px 'Open Sans';border:none;
color:#fff ! important;border-radius:none;line-height:30px;padding:8px 15px;
margin-right:10px;text-transform:uppercase}

canvas {width:100% ! important;}

#pres-content {padding:15px;}
#pres-content .prestas {width:66.66666%;float:left;}
.prestas .press {padding:15px 15px 150px;}
.press h4.bigtitle {font:700 20px/22px 'Open Sans';text-transform:uppercase;letter-spacing:-1px;
padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.press .press-nine {overflow-x: auto;}
.press .press-nineleft {width:66.6666%; float:right;}
.press .press-nineleft img {width:100%; margin-bottom:20px;}
.press .press-nineleft .metadata {padding:0 0 15px 0;text-transform: uppercase;border-bottom: 1px solid #ccc;margin-bottom:15px;}
.press .press-nineleft .metadata span {float:right;font-weight:bold;}
.press .press-nineleft .sharing {font:32px/34px 'Great Vibes', cursive;margin-top:30px;padding:15px 0;text-align: center;}
.press .press-nineleft .sharing .fa {margin-left:2px;width:34px;height:34px;line-height:34px; text-align:center;font-size:20px;
border-radius: 17px;}

.press .press-nineright {width:33.33333%; float:left;}
.press-nineright .nineright {margin-right:30px;}
.press-nineright .nineright .another {padding:8px 10px;font-weight:bold;font-size:13px;}
.press-nineright .nineright ul li {border-bottom:1px dotted #ddd; padding:7px; list-style:none;}

.prestas .press-comment {margin:20px 15px;border-top:1px solid #ddd;padding:20px 0;}
.press-comment h4 {font:700 20px/22px 'Open Sans';text-transform:uppercase;letter-spacing:-1px;padding-bottom:20px;margin-bottom:20px;
border-bottom:1px solid #ddd;}

/* GALLERY */
#gallery-photo li{list-style:none;float:left;width:25%;margin:0}
#gallery-photo li img{display:block;width:100%;height:auto}

/* MENU */
#primary-navigator{position:relative;width:auto;padding:0 10px;z-index:999;}
#primary-navigator-list{width:100%;}
.tree-menu,.tree-menu *{margin:0;padding:0;list-style:none}
.tree-menu li{position:relative}
.tree-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}
.tree-menu > li{float:left;padding:8px 6px}
.tree-menu > li:active{float:left;padding:8px 6px}
.tree-menu li:hover > ul,.tree-menu li.sfHover > ul{display:block}
.tree-menu a{display:block;position:relative}
.tree-menu ul ul{top:0;left:100%}.tree-menu{float:left}
.tree-menu ul{min-width:16em;*width:16em}
.tree-menu a{padding:6px 4px;text-decoration:none;zoom:1}
.tree-menu a{font:bold 13px/14px 'Open Sans', 'Patua One';color:#fff}
.tree-menu li{white-space:nowrap;*white-space:normal}
.tree-menu ul li a,.tree-menu ul ul li a{padding:10px 10px;font:bold 13px/14px 'Open Sans', 'Patua One', sans-serif}
.tree-menu li:hover{-webkit-transition:none;transition:none}
.tree-menu #rss-feed {float:right;}

.sf-arrows .sf-with-ul{padding-right:20px}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1px;margin-top:-3px;height:0;width:0;
border:5px solid transparent;border-top-color:#dfeeff;border-top-color:rgba(255,255,255,.5)}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:white}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:3px;border-color:transparent;border-left-color:#dfeeff;border-left-color:rgba(255,255,255,.5)}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:white}

/* NEW */
.table {border: 1px solid #ddd;}
.table th, .table td {border-right: 1px solid #ddd;font-size:13px;}
.table th.number , .table td.number, .table th.show , .table td.show {text-align:center;}
.pagination ul {border: 1px solid #eee;}

.modal-body .prestasi-image img {width:100%;margin-bottom:10px;}

.modal-body .prestasi-isi {font: 13px 'Open Sans'; text-align:left;position:relative;padding-bottom:30px;}
.modal-body .prestasi-isi h3 {font: 700 20px 'Open Sans'; letter-spacing: -1px;margin-bottom:10px;}
.modal-body .prestasi-isi .close-button {position: absolute; bottom:2px;right:0;border:none;text-align:center;padding:3px 6px } 
.modal-body .prestasi-isi .close-button button{border:none; padding:0;cursor: pointer;}

.top-cols {position:relative;}
.left-columns {width:33.33333%; float:left;}
.left-columns img {width:100%;margin: 0;}
.right-columns {width:66.66666%; float:right;text-align:left;}
.right-columns .right-lite {padding: 0 0 0 15px;}
.right-columns .right-lite h4 {font:300 15px/24px 'Open Sans';margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.right-columns .right-lite h4 span {float:right;}
.right-columns .right-lite .detail {position: absolute; bottom: 5px;right:32px;color:#fff ! important;line-height:18px;}
.right-columns .right-lite .detail span {padding:3px 10px;}
.right-columns .right-lite .close-button {position: absolute; bottom:2px;right:0;
border:none;text-align:center;padding:3px 6px } 
.right-columns .right-lite .close-button button{border:none;padding:0;cursor: pointer;}
.right-columns{float:left;}
.bot-cols {margin-top:15px;}

.mobimenu{display:none}
#dd-menu{display:none}

#content-wrapper{}
.homepage{width:100%}

.comments { position:relative;}
.comments:after { clear: both;}
.fb_iframe_widget { display: inline-block; position: relative; margin: 0 auto; width: 100% !important; }
.fb_iframe_widget span { display: inline-block; position: absolute; text-align: justify; right: 0; left: 0; width: 100% !important; }
.fb_iframe_widget iframe { position: absolute; right: 0; left: 0; width: 100% !important; clear: both; }

.tickercontainer { font-family : 'Open Sans'; width: 100%;  height: 35px; margin: 0; padding: 0; overflow: hidden; position:relative;}
.tickercontainer .ticktitle { height: 35px; position: absolute; z-index: 300; padding: 0 10px; top: 0;font: bold 13px/35px 'Open Sans';}
ul.newstickers { position: relative; left: 100%; list-style-type: none; margin: 5px 0; padding: 0;}
ul.newstickers li { float: left; margin: 0; padding: 0; height: 25px; font-size: 13px; overflow: hidden; color:#eee;}
ul.newstickers a { white-space: nowrap; padding: 0; font-weight: normal; margin: 0 50px 0 0; color:#fff;} 
ul.newstickers .fa { margin-right: 10px; } 
ul.newstickers span { margin: 0; padding: 0; line-height: 25px; border-radius: 3px;} 
ul.newstickers span {font-weight: bold; text-transform:uppercase;}
ul.newstickers li a {font-weight: bold;}

.tickercontainer .social{position:absolute; top:0; right:0; bottom:0;}
.tickercontainer .social a{margin:0}
.tickercontainer .social .icon{color:#fff;text-align:center;border-radius:0 0 25px 25px;height:26px;margin:0 auto; padding:0 10px;}
.icon .fa{height:23px;width:26px;line-height:23px;text-align:center;margin:6px 0;font-size:13px;color:#fff;transition:all .5s ease .1s}

/* SIDEBAR PRESTASI */
#pres-content .pres-bar {width:33.33333%;float:right;}
#aside-secondary{color:#667;font-size:13px;padding:15px;}
#aside-secondary .side-kep {height:266px;padding:15px;margin:0 0 15px 0;}
.side-kep .keptalk {padding:15px; border-radius:5px;margin-bottom:20px;position:relative;height:135px}
.side-kep .keptalk p {color:#fff;font:italic 13px/16px Georgia;}
.side-kep .keptalk .arrow {width:20px;height:20px;transform:rotate(45deg);position:absolute;bottom:-8px;left:50px;}
.side-kep .kphoto {color:#fff;}
.side-kep .kphoto .kimage {height:80px; width: 80px;border-radius:40px;float:left;margin-right:30px;margin-left:20px;overflow:hidden;}
.side-kep .kphoto .kimage img {width:100%;}

#aside-secondary #prestapoll {margin: 0 0 15px;}

#yahoo {border:1px solid #ddd;margin: 15px 0;height: 65px;position:relative;overflow:hidden;}
#yahoo .ytitle {position:absolute;top:15px;left:15px;z-index:100;padding:6px 10px;color:#fff;border:2px solid #fff;font-weight:bold;font-size:13px;}
.yahoo-img {text-align:center;}


/* FOOTER PRESTASI */
#sub-footer{padding:0;margin:0}
#footcont{padding:15px;}
.footer-title h4{font:bold 16px 'Open Sans';letter-spacing:-1px;padding: 0 10px;}
.infooter{width:33.333333333%;padding:0;margin:0;float:left}
.infooter .ftitle {padding:15px;}
.infooter .ftitle h4 span { padding: 6px 10px; font-weight: bold;}
.infooter .archive {font-weight:bold;margin: 15px;}
.infooter .archive  span.links {padding:4px 10px; display:inline-block; margin-bottom:5px;margin-right:5px;}
.infooter .latest {margin: 15px;}
.infooter .latest ul#latestnews li {list-style:none;margin-bottom:5px;padding-top:3px;}
.infooter .latest ul#latestnews li  img {width:60px;padding:3px;margin:0 15px 7px 0;float:left;}
.infooter .latest ul#latestnews li a {font:700 13px/15px 'Open Sans';}
.infooter .fbwidget {padding:15px;}

#more-links a {font-weight:bold;}
#more-links .linked {margin: 15px; text-align: center; padding: 0 50px;}

#presfoot {padding:0;margin-top:50px;}
#presfoot .footthree {padding:30px;}
.footthree .footleft {float:left; width:33.33333%;}
.footleft .fa {width:42px;height:42px;line-height:44px;border-radius:22px;text-align:center;font-size:20px;}
.footthree .footcenter { float:left; width:33.33333%;text-align:center;}
.footthree .footcenter span {font-weight:300;}
.footcenter .fa {line-height:44px;font-size:40px;}
.footthree .footright {font:800 25px/20px 'Open Sans';text-align:right;float:left; width:33.33333%;}
.footthree .footright span {font:13px/16px 'Open Sans';}

#presfoot .footcopy {text-align:center;padding:30px;}
.footcopy a {font-weight:bold;}

#presfoot .footlogo {text-align:center;padding:30px;}
#presfoot .footlogo img {width:300px; margin: 0 auto;}

#footer{width:959px;padding:4px 0 6px 0;text-align:center;font-size:12px;color:#fff;margin:5px auto 0 auto}

.copyright{width:50%;float:left;color:#fff;line-height:20px}
.copyright a{color:#fff;text-decoration:none}
.dev{width:50%;float:right;text-align:right}
.dev .eloper{color:#fff;line-height:20px;height:30px;padding:5px 0 5px 15px}
.dev .eloper a{color:#fff;padding:2px 6px;margin-left:6px}
#copyright-wrapper{clear:both;padding:20px 15px}
.pagination ul {float:left;}
.pagination ul li a{border:0;color:#666;border-right:1px #ddd dotted}
.pagination ul li a:hover{color:#667}
.pagination ul li:last-child a{border-right:0}
.pagination ul li.active a,.pagination ul li.active a:hover{background:transparent;color:orange}

#form-wrapper{margin:18px 15px 15px 15px}
input[type="submit"] 
.form{margin-top:20px}
.form input[type="text"],
.form input[type="email"],
.form input[type="url"],
.form input[type="password"],
.form textarea{padding:9px 10px}
.form select{padding:9px}
.form .btn-success{position:relative;top:5px;padding:7px}

.widget form label, .widget form p {font-weight: normal;font-size: 13px}
.login input{width: 92%;padding: 8px;border: 1px #ddd solid;font-size: 11px;}

.well {min-height: 20px;padding: 19px;margin-bottom: 20px;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}
.well blockquote {border-color: #ddd;border-color: rgba(0, 0, 0, .15);}
.well-lg {padding: 24px;border-radius: 6px;}
.well-sm {padding: 9px;border-radius: 3px;}

a{text-decoration:none}

h1,h2,h3,h4,h5{font-family:'Open Sans', sans-serif;font-weight:300}
h1{font-size:24px}
h2{font-size:18px}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:10px}
h6{font-size:8px}

#sub-footer .widget.last{border:0;width:320px}

.widget form label,.widget form p{font-weight:normal;font-size:13px}

/* KALENDER CMS SEKOLAHKU 	*/
.fc-left h2 { font: 700 20px 'Open Sans' ! important;letter-spacing: -1px;text-transform: uppercase;}
.fc-day-grid-event .fc-content {white-space: normal;}
#calendar {max-width: 96%;margin: 15px auto;}

/* HUBUNGI KAMI */
#promaps {width:100%;height:300px;}

/* ALBUMS */
.albums .albums-list {padding:10px 0; border-bottom:1px solid #ddd;}
.albums-list .fa {margin-right:7px;}
.albums-list .totright {float:right;font-weight: bold;}

/* DOWNLOAD FILE */
.table tbody tr:hover td, .table tbody tr:hover th {cursor: pointer;}
.table h3 {font-weight:bold;}
.table h3.download {margin-bottom:10px;}
.table .downdes {font-size:13px;margin:5px 0 10px;}

/* POST LIST */
.press-nine .loop {float:left;width:30%;margin:0 20px 20px 0;}
.press-nine .post-list h4 {font:700 20px/22px 'Open Sans';letter-spacing:-1px;padding:10px 0;}

/* VIDEO */
.press-nine .provideo {width:100%; height:350px;}
.press-nine .vidtitle {font:700 20px/22px 'Open Sans';text-transform:uppercase;letter-spacing:-1px;padding:20px 0;}

/* SITEMAPS */
.sitemaps-list .sitlist { padding:10px 0; border-bottom:1px solid #ddd;font-weight: bold;}
.sitemaps-list .site4maps {font: 700 16px/20px 'Open Sans';margin-top:15px;}

/* SAMBUTAN */
.press-nine .keppp { width:33.3333%;float:left;}
.press-nine .keppp img {width: 100%;margin: 0 0 30px;}
.press-nine .sammm { width:66.6666%;float:right;}
.press-nine .sammm .ksammm {margin-left:30px;}
.press-nine .sammm .ksammm h4 {font:700 20px/22px 'Open Sans';text-transform:uppercase;letter-spacing:-1px;padding-bottom:20px;}


@media screen and (max-width: 1024px) {
#wrapper {width: 100% ! important;}
#primary-header .header {width:100% ! important;}
.header .logo {width: 40%;}
.header .afterlogo { width: 60%;}

#dreamslide {height:350px;}
#sclock {padding:25px 30px;}
#sclock .days {width: 70px;}
#sclock .days h2 {width: 70px;font:800 35px/35px 'Open Sans';}
#sclock .days h3 {width: 70px;}
#sclock .days h4 {width: 70px;}
#sclock .days h6 {width: 70px;}
#sclock h2 {width: 70px;font:800 30px/40px 'Open Sans';}
#sclock h4 {width: 70px;font:700 11px/22px 'Open Sans';}

#the-post .home-post li:first-child {height: 257px;}
#the-post .home-post li {height: 129px;}
.right-motivation {height: 258px;}
.before-keptalk .kphoto .kimage {height: 60px;width: 60px;margin-right: 20px;margin-left: 30px;}
.before-keptalk .keptalk p {font: italic 12px/16px Georgia;}
.right-motivation .before-keptalk {height: 228px;}
.before-keptalk .keptalk {padding: 10px;height: 125px;overflow:hidden;}

.gall #gall-img li {height: 93px;}

/* POST LIST */
.press-nine .loop {width:45%;}

}

@media screen and (max-width: 800px) {
#primary-header .header {height: auto;padding-bottom: 15px;}
.header .logo {width: 100%; height: auto;float:none;text-align: center;}
.header .logo img {height:auto;}
.header .afterlogo { width: 100%; float:none;padding:0;}
.afterlogo .aleft, .afterlogo .aright {float: none;width: 100%;}
.aleft .address .maps, .aright {display:none;}
.aright .schin .slash {display: none;}
.aleft .address {padding: 0 0 10px;text-align: center;}
.aleft .address .maps {border:none;font: 14px/20px 'Open Sans'; padding:15px; margin-top:10px;}
.aright .schin {padding:0;text-align: center;}
.aright .schin h3 {font-size: 35px;line-height: 40px;}
.aleft .address .informasi {display:inline-block;}
.aleft .address .alamat {display:none;}

.mobimenu {display:block}
#openmobi {text-align: center;color:#fff;padding: 8px;font-weight: bold;font-size: 18px;}
.accordion li {padding: 8px 15px;}
.accordion li.level1, .accordion li.current {position:relative;}
.accordion li.level1 .fa, .accordion li.current .fa {position:absolute; right:15px; top:10px;color:#fff;}
.accordion li a {color:#fff; width:100%}
.accordion li ul {margin-bottom:-9px;margin-top:8px;}
.accordion li ul li {list-style:none;position: relative}
.accordion li.current {font-weight: bold;}
#primary-navigator{display:none;}

#dreamslide {height:273px;}
#sclock {padding:0 10px;}
#sclock .days {text-align:center; margin-top:10px;}
#sclock .days h2 {font:800 28px/28px 'Open Sans';padding-bottom:5px;}
#sclock .days h3 {font:11px/13px 'Open Sans';padding-top:3px;}
#sclock .days h6 {width: 70px;font:700 11px/22px 'Open Sans';}
#sclock .time {text-align:center;}
#sclock h2 {width: 70px;font:800 26px/34px 'Open Sans';}
#sclock h4 {width: 70px;font:700 11px/22px 'Open Sans';}

#the-post .home-post li .content {opacity:1;transform:scale(1);}
#the-post .home-post li:first-child .content {padding:15px 20px;top:auto;left:15px;right:15px;bottom:15px;}
#the-post .home-post li:first-child .content a {font:700 16px/18px 'Open Sans';}

#five-post {width: 100%;float: none;}
#the-post .home-post li:first-child {height: 288px;}
#the-post .home-post li {height: 144px;}
.right-motivation {width: 100%;float:none;padding:0 0 15px 0;}
.right-motivation .before-keptalk {margin: 0 15px;}
.before-keptalk .keptalk {padding: 15px;overflow: visible;width:470px;float:left;}
.before-keptalk .keptalk p {font: italic 14px/17px Georgia;}
.before-keptalk .kphoto {width: 230px;float: right;text-align:center;margin-bottom:15px;}
.before-keptalk .keptalk .arrow {bottom: 50%;left: auto; right: -10px;}
.before-keptalk .kphoto .kimage {height: 160px;width: 160px;margin: 0 auto 15px;border-radius: 80px; float:none;}

.post-info #announ-one {width: 100%;float: none;}
#announ-one .half {padding: 15px;}
#announ-one .half .half-content {float: none}
.half-content .half-list {margin: 0;}
.half-content .five-title {left: 0;right: 0;}
.half-content .umum-link {bottom: 12px;}

#right-info {width: 100%;float:none;padding: 0;height:auto;}
#right-info .info-content {margin: 0 15px;}
.gall #gall-img li {height: 144px;}

#pres-content .prestas {width:100%;float:none;}
.prestas .press {padding: 0 0 150px;}

/* ALBUMS */
.albums-list .totright {float:none;}
.press-nine .provideo {height:450px;}

/* SIDEBAR */
#pres-content .pres-bar {width:100%;float:none;}
#aside-secondary {padding: 15px 0 0;}

#footcont {padding: 15px 0;}
.infooter {width: 50%;}
#presfoot .footthree {padding: 30px 15px;}

.press-nine .loop {width:30%;}

}

@media screen and (max-width: 768px) {

#dreamslide {height:262px;}
#sclock h4 {margin-top:2px;}
#the-post .home-post li:first-child {height: 276px;}
#the-post .home-post li {height: 138px;}
#the-post .home-post li .content {padding:20px 12px;}
.before-keptalk .keptalk { width: 440px;}
.gall #gall-img li {height: 138px;}


}

@media screen and (max-width: 640px) {

.header .logo img { height: 100px;}

#dreamslide {height:218px;}
#sclock {padding:0 5px;}
#sclock .days {margin-top:5px;}
#sclock h4 {margin-top:2px;font:700 9px/16px 'Open Sans';}

#sclock .days h2 {font:800 28px/28px 'Open Sans'; padding-bottom:5px;}
#sclock .days h3 {font:9px/11px 'Open Sans'; text-transform:uppercase;padding-top:3px;}
#sclock .days h6 {font:700 9px/16px 'Open Sans'; text-transform:uppercase;}
#sclock h2 {font:800 24px/30px 'Open Sans';}

#the-post .home-post li:first-child {height: 228px;}
#the-post .home-post li {height: 114px;}
#the-post .home-post li .content {text-align:left;padding:12px 10px;}
#the-post .home-post li .content a{font:700 11px/10px 'Open Sans';}
#the-post .home-post li:first-child .content a{font:700 13px/15px 'Open Sans';}
.before-keptalk .keptalk { width: 300px;}
.gall #gall-img li {height: 114px;}

.right-columns .right-lite h4 {font:300 14px/20px 'Open Sans';margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.right-columns .right-lite h4 span {float:none;font:700 14px/20px 'Open Sans';}
.right-columns .right-lite h4 span:before {content: ": ";}

.press-nine .loop {width:35%;}
.press-nine .post-list h4 {font:700 16px/18px 'Open Sans';letter-spacing:-1px;padding:10px 0;}
.press-nine .post-list p { height: 70px;overflow: hidden;}

.press-nine .provideo {height:300px;}

.footthree .footleft, .footthree .footcenter , .footthree .footright {float: none;width: 100%;text-align: center;margin-bottom: 30px;}

}

@media screen and (max-width: 600px) {
#dreamslide {height:205px;}
#sclock {padding:0 3px;}
#sclock .days {margin-top:3px;}
#sclock h4 {margin-top:2px;font:700 9px/16px 'Open Sans';}

#sclock .days h2 {font:800 25px/25px 'Open Sans';padding-bottom:3px;}
#sclock .days h3 {font:9px/11px 'Open Sans';padding-top:3px;}
#sclock .days h6 {font:700 9px/14px 'Open Sans';}
#sclock h2 {font:800 24px/30px 'Open Sans';}

#the-post .home-post li:first-child {height: 214px;}
#the-post .home-post li {height: 107px;}
.before-keptalk .keptalk { width: 300px;}
.before-keptalk .kphoto {width: 200px;}
.gall #gall-img li {height: 107px;}
}
 
@media screen and (max-width: 480px) {
.ticktitle .berita {display:none;}
#dreamslide {height:164px;}
.header .logo img { height: auto; width:300px;}
.header .logo {margin: 10px 0;}
#primary-header .header {padding-bottom: 5px;}
#sclock {padding:0 20px;}
#sclock .days {margin-top:20px;}
#sclock .days , #sclock .days h2 {width:105px;}
#sclock .time {float:right;}
#sclock h4 {display:none;}
#sclock .time h2 {display:inline-block; width:35px; font:800 22px/35px 'Open Sans';margin-top:3px;}
#sclock .days h3 { width: 105px;font:12px/16px 'Open Sans';}
#sclock .days h6 { width: 105px;font:700 12px/20px 'Open Sans';}
#sclock .days h2 {font:800 35px/45px 'Open Sans';}

#the-post .home-post li, #the-post .home-post li:first-child {width: 100% ! important;float: none;height: 240px;margin-bottom:15px;}
#the-post .home-post li:last-child {margin-bottom:0px;}
#the-post .home-post li .content {position: absolute;bottom: 15px;z-index: 1000;top: auto;left: 15px;right: 15px;padding: 15px;}
#news-ticker li {font: 26px/34px 'Great Vibes', cursive;}

.right-motivation {height: 285px;}
.right-motivation .before-keptalk {height: 255px;}
.before-keptalk  .keptalk .arrow {width:20px;height:20px;transform:rotate(45deg);position:absolute;bottom:-8px;left:50px;}
.before-keptalk .keptalk, .before-keptalk .kphoto {float:none;width: auto;text-align:left;}
.before-keptalk  .kphoto .kimage {height:80px; width: 80px;border-radius:40px;float:left;margin-right:30px;margin-left:20px;overflow:hidden;}
.before-keptalk  .kphoto .kimage img {width: 100%;}
.gall #gall-img li {height: 84px;}
#news-ticker li {height: 200px;}
.infooter {width: 100%;}
#more-links .linked {padding: 0 20px;}

.press-nine .loop {width:45%;}
.press-nine .post-list p {height: 50px;}
.press-nine .provideo {height:220px;}
.press .press-nineleft, .press .press-nineright {width:100%;float:none;margin:0 0 15px;}
.press .press-nineright .nineright{margin:0;}
.press-nineright .nineright ul li {padding:7px 15px;}

.right-columns .right-lite h4 {font:300 14px/20px 'Open Sans';margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ddd;}

}

@media screen and (max-width: 360px) {
#dreamslide {height:122px;}
#sclock {padding:0 8px;}
#sclock .days {margin-top:8px;}
#sclock .days , #sclock .days h2 {width:81px;}
#sclock .time h2 {width:27px; font:800 15px/27px 'Open Sans';}
#sclock .days h3 { width: 81px;font:10px/13px 'Open Sans';}
#sclock .days h6 { width: 81px;font:700 10px/16px 'Open Sans';}
#sclock .days h2 {font:800 38px/42px 'Open Sans';}

#news-ticker li {height: 250px;}

.press-nine .loop {width:100%;margin: 0 0 20px;}
.press-nine .post-list h4 {font:700 20px/22px 'Open Sans';letter-spacing:-1px;padding:10px 0;}
.press-nine .post-list p {margin-bottom:20px;}
.press-nine .keppp, .press-nine .sammm { width:100%;float:none;}
.press-nine .sammm .ksammm {margin:0px;}
.gall #gall-img li {width: 50%;height: 124px;}

}

@media screen and (max-width: 320px) {

}