/*
Theme Name: Mading Sekolah
Theme URI: http://mading.ciuss.com
Author URI: http://facebook.com/ciussgw
Description: Mading, tema CMS Wordpress khusus untuk website sekolah di Indonesia. Dilengkapi Agenda, Pengumuman, Sambutan Kepala Sekolah, Blog Guru, Galeri, Daftar Guru, Daftar Siswa. Tema responsive dengan tampilan yang beda dan menarik.
Author: yayun
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wordpress sekolah, wp sekolah, website sekolah, tema sekolah
Copyright: (c) 2017 ciuss.com
*/

@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";
@import "https://fonts.googleapis.com/css?family=Philosopher";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700,800";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1;
    text-align: left
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

body {
    font: 14px 'Open Sans', Geneva, "Times New Roman", times;
    background: url("images/pattern.png") center fixed;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

.wrapper {
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.boxed {
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0 15px #bbb;
}

#container {
    padding: 0px
}

.dmaps {
    padding: 1px 0 0 0;
}

.maschol {
    overflow: hidden;
    padding: 40px 20px 40px;
}

.maschol .scname {
    margin-right: 380px;
    float: left
}

.maschol h2 {
    font: bold 40px Montserrat;
    letter-spacing: -3px;
}

.maschol h2:before {
    content: '';
    height: 5px;
    width: 160px;
    display: block;
}

.breaks {
    height: 200px;
}

.logo {
    padding: 0 20px;
    overflow: hidden;
    float: left
}

.logo img {
    height: auto;
    max-height: 100px;
}

.boxed .logo img {
    height: auto;
    max-height: 80px;
    margin: 10px 0;
}

.massos {
    width: 320px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    right: 20px;
    margin-top: 5px;
}

.massos .kontak {
    padding: 0;
    text-align: center
}

.kontak .fa {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 30px;
    text-align: center;
    margin: 0;
    font-size: 30px;
    transition: all .5s ease .1s
}

.fsearch.fa {
    position: absolute;
    bottom: 38px;
    right: 20px;
    z-index: 500;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: block
}

.fmenu.fa {
    position: absolute;
    bottom: 23px;
    right: 60px;
    z-index: 500;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: none
}

.masearch {
    width: 333px;
    top: 100px;
    right: 10px;
    position: absolute;
    z-index: 500;
    display: none;
    padding: 8px;
}

.search_form:after {
    content: '';
    position: absolute;
    right: 10px;
    top: -18px;
    width: 0;
    height: 0;
    margin: 0;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    clear: both;
}

.search_form {
    width: 335px;
    margin: 0;
    height: 30px;
    position: relative;
}

.search_form fieldset {
    width: 335px;
    height: 30px
}

.search_form input {
    width: 140px;
    height: 30px;
    float: left;
    border: none;
    padding: 0 8px;
    margin: 0 3px 0 0;
    font: 13px 'Montserrat', Geneva, "Times New Roman", times;
    vertical-align: middle
}

.divsel {
    float: left;
    width: 140px;
    height: 30px;
    padding: 0;
    margin: 0 3px 0 0;
    overflow: hidden;
}

.search_form select {
    width: 160px;
    height: 30px;
    border: none;
    padding: 0 8px;
    font: 13px 'Montserrat', Geneva, "Times New Roman", times;
    vertical-align: middle
}

.search_form option {
    padding: 4px 8px;
}

.search_form button {
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    vertical-align: middle
}

.breadcrumbs {
    padding: 40px 30px;
    font-size: 15px;
    font-family: 'Open Sans', 'Arial';
    text-align: center;
}

.breadcrumbs a {
    font-weight: bold
}

.nav-mading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000
}

.boxed .nav-mading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    z-index: 1000
}

.customize-support .nav-mading {
    top: 32px
}

.nav-inn {
    width: auto;
    min-height: 100px;
    margin: 0 auto;
    position: relative;
}

.open {
    height: 30px;
    padding: 5px;
    font: 14px/30px Montserrat;
    text-align: center;
}

.open span.oleft {
    margin-right: 20px;
    display: inline;
}

.open span.oleft .openarr {
    display: inline;
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 5px 10px 5px 0;
    padding: 0 2px 0 8px;
}

.open span.oleft .openarr:after {
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    width: 0;
    height: 0;
    margin: 0;
    border-bottom: 9px solid transparent;
    border-top: 9px solid transparent;
    clear: both
}

.inn {
    width: 100%;
    position: relative;
    float: left
}

.nav {
    max-width: 1200px;
    margin: 0 auto;
}

.boxed .nav {
    max-width: 1000px;
    margin: 0 auto;
}

.nav .dd {
    height: 100px
}

.nav .dd li {
    float: left;
    display: block;
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 100px;
    position: relative
}

.nav .dd li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin: -2px -3px 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    clear: both
}

.nav .dd li a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 0 20px;
    font: 700 18px/100px Montserrat;
	white-space: nowrap;
}

.nav .dd li a:hover {
    text-decoration: none
}

.nav .dd li ul {
    position: absolute;
    padding: 0;
    display: none;
    z-index: 100;
    min-width: 150px;
    width: auto;
}

.nav .dd li:hover ul.sub-menu {
    display: block
}

.sub-menu:after {
    content: '';
    position: absolute;
    left: 20%;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    clear: both
}

.nav .dd li ul li {
    float: none;
    position: relative;
    display: block;
    border: none;
    font-size: 13px;
    line-height: 34px;
    text-align: left;
    margin: 0;
    padding: 0
}

.nav .dd li ul li:after {
    display: none;
}

.nav .dd li ul li a {
    display: inline;
    margin: 0 !important;
    font: 700 14px/34px Montserrat;
    padding: 0 15px;
	white-space: nowrap;
}

.nav .dd li ul li ul {
    position: absolute;
    display: none ! important;
    left: 100%;
    top: 0
}

.nav .dd li ul li ul.sub-menu:after {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    clear: both
}

.nav .dd li ul li:hover ul {
    display: block ! important
}

.nav .dd li ul li ul li ul,
.nav .dd li ul li:hover ul li ul {
    position: absolute;
    display: none ! important;
    left: 100%;
    top: 0
}

.nav .dd li ul li ul li:hover ul {
    display: block ! important
}

.nav a.dd_hover:hover {
    text-decoration: none !important
}

.nav .submenu a:hover {
    text-decoration: underline
}

.nav .dd li.parent a {
    margin: 0 8px;
    padding-right: 14px;
}

.nav .dd li.parent a.dd_hover {
    margin: 0 8px;
    padding-right: 14px;
    padding-bottom: 10px
}

.mob {
    display: none
}

input[type=text].wpcf7-form-control,
input[type=email] {
    width: 94%;
    padding: 5px 15px;
    margin: 3px 0;
}

input[type=submit] {
    border: 0;
    padding: 5px 15px;
    font: 700 14px 'Open Sans';
}

#ndeslide {
    padding: 0;
    overflow: hidden;
}

.singslide {
    opacity: 0;
}

.singslide img {
    display: block;
    width: 100%;
    height: auto;
}

.slideshow {
    height: auto;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    z-index: 1;
}

.boxed .slideshow {
    margin: 0 auto;
    max-width: 1170px;
}

#slideshow {
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative
}

.slide {
    height: auto;
    width: 100%;
}

.slide img {
    width: 100%;
    height: auto;
    position: relative;
    top: 0px;
    left: 0px;
    display: block
}

.sloverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    padding: 0;
}

.madinn {
    padding: 10px;
}

h1.acent {
    text-align: center;
}

h1.acent span {
    font: 700 200px/200px 'Montserrat';
}

.post-content.acent {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    font-size: 16px ! important;
}

.content {
    width: 70%;
    float: left;
    margin: 0
}

.mabaru {
    padding: 4px 4px 30px;
}

.mabaru .barulev {
    width: 50%;
    float: left;
    height: 304px;
    overflow: hidden;
    position: relative;
}

.barulev .abspan {
    display: inline;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 15;
    height: 25px;
    padding: 0 8px;
    font: bold 13px/25px Montserrat;
}

.barulev .singlev {
    margin: 4px;
    overflow: hidden;
}

.singlev .singcoim {
    position: relative;
    height: 304px;
}

.singlev .singcoim img {
    width: 100%;
    height: auto;
}

.singlev .coverlay {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 15px;
    z-index: 10;
    font: 11px Montserrat;
}

.coverlay h3 {
    font: bold 16px/1.3 Montserrat;
}

.ccovlay {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 5;
}

.bcovlay {
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 5;
}

.barurg {
    float: right;
    width: 50%;
    height: 304px;
    overflow: hidden;
}

.barurg .secoim {
    position: relative;
    padding: 0px;
    height: 150px;
    overflow: hidden;
    margin: 4px 4px;
}

.secoim img {
    width: 100%;
    height: auto;
}

.secoim .seccon {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 15px;
    z-index: 10;
    color: #fff;
    font: 11px Montserrat;
}

.seccon h3 {
    font: bold 16px/1.3 Montserrat;
}

.barurg .twolas {
    height: 150px;
    overflow: hidden;
    width: 50%;
    float: left;
}

.twolas img {
    width: 100%;
    height: auto;
}

.twolas-rl {
    margin: 4px;
    position: relative;
    height: 142px;
    overflow: hidden;
}

.twocon {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 15px;
    z-index: 10;
    font: 11px Montserrat;
}

.twocon h3 {
    font: bold 12px/1.3 Montserrat;
}


/* editorial kepala */

.rcon {
    width: 30%;
    float: right;
}

.rconbg {
    height: 300px;
    margin: 8px 8px 8px 0;
    position: relative;
}

.editoz {
    height: 300px;
    position: relative;
    overflow: hidden;
}

.editoz .edspan {
    display: inline;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 15;
    height: 25px;
    padding: 0 8px;
    font: bold 13px/25px Montserrat;
}

.editoz img {
    float: left;
    height: 300px;
    width: auto;
    margin: 0 15px 0 0;
}

.boxed .editoz img {
    margin: 0 15px 0 -60px;
}

.editoz .corner {
    position: relative;
    margin: 10px 10px 0 0;
    font: bold 14px Montserrat;
    padding: 0 10px;
}

.corner h3:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0px;
    border-bottom: 9px solid transparent;
    border-top: 0;
    clear: both;
}

.edbot {
    position: absolute; 
	right: 15px; 
	bottom: 15px; 
	height: 25px; 
	width: auto; 
	padding: 0 15px;
	font: 13px/25px Montserrat;
	display: none;
}


/* secblock */

.secblock {}

.secblock .pead {
    padding: 4px 4px 10px;
}

.pead .innpad {
    padding: 4px;
}

.peaduo {
    width: 33.333333%;
}

.hleft {
    float: left;
}

.hright {
    float: right;
}

.peaduo h3.fopen {
    margin: 0 0 15px;
    font: bold 30px/40px Montserrat;
    letter-spacing: -3px;
}

.peaduo h3.fopen:before {
    content: '';
    height: 3px;
    width: 70px;
    display: block;
}

.six-info {
    margin: 0 60px 30px 0;
}

.six-info .pealink {
    width: 160px;
    float: left;
    padding: 0 20px;
}

.boxed .six-info .pealink {
    width: 120px;
}

.six-info img {
    width: 100%;
    height: auto;
    display: block;
}

.six-info .metas {
    font: bold 14px Montserrat;
    padding-top: 15px;
}

.boxed .six-info .metas {
    font: bold 13px Montserrat;
    padding-top: 4px;
}

.six-info h3 {
    padding-top: 15px;
}

.boxed .six-info h3 {
    padding-top: 4px;
}

.six-info h3 a {
    font: bold 16px Montserrat;
}

.boxed .six-info h3 a {
    font: bold 14px Montserrat;
}

.agloop {}

.agloop .age-info {
    float: left;
    padding: 0 15px 0 0;
    margin: 0 15px 20px 0;
    width: 70px;
    display: inline;
    letter-spacing: -3px;
    text-align: center;
}

.age-info .agedate {
    display: block;
    font: 800 50px/60px 'Montserrat';
}

.age-info .agemon {
    letter-spacing: 0px;
    display: block;
    font: 800 12px/16px 'Montserrat';
}

.atime .wakt {
    position: relative;
    display: inline-block;
    height: 24px;
    font: bold 13px/24px Montserrat;
    padding: 0 3px;
    margin: 0 0 8px 8px;
}

.atime .wakt:before {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    border-top: 24px solid transparent;
    border-bottom: 0;
}

.atime .wakt:after {
    content: '';
    position: absolute;
    top: 0;
    right: -8px;
    border-bottom: 24px solid transparent;
    border-top: 0;
}

.atime h3 {
    font: bold 16px/20px Montserrat;
    margin-right: 40px
}

.boxed .atime h3 {
    font: bold 14px/18px Montserrat;
}

.galeria {
    padding: 4px 8px 8px;
}

.galeria .eight {
    width: 25%;
    float: left;
}

.eight img {
    width: 100%;
    height: auto;
    display: block;
}

.eiginn {
    position: relative;
    overflow: hidden;
}

.jamz {
    position: absolute;
    left: 20px;
    bottom: 2000px;
    right: 20px;
    z-index: 15;
    transition: all .5s ease .1s;
    text-align: center;
    font: 13px/30px Montserrat;
    text-transform: uppercase;
}

.eiginn:hover .jamz {
    bottom: 50%;
    transition: all .5s ease .1s;
}

.jamz:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    margin-left: -20px;
}

.gspan {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 2000px;
    z-index: 15;
    margin-top: 8px;
    transition: all .5s ease .1s;
    text-align: center;
    font: 15px Montserrat;
    text-transform: lowercase;
}

.eiginn:hover .gspan {
    top: 50%;
    transition: all .5s ease .1s;
}

.ovlay {
    transition: all .8s ease .1s;
    bottom: 50%;
    top: 50%;
    left: 50%;
    right: 50%;
}

.eiginn:hover .ovlay {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    z-index: 10;
    transition: all .3s ease .1s;
}

.maquotes {}

.maquotes .overback {
    height: 300px;
    padding: 50px 100px;
    text-align: center;
    overflow: hidden;
}

.overback h4 {
    font: bold 30px Montserrat;
    letter-spacing: -3px;
    text-align: center;
}

#quotes-slider {
    width: 100%;
    min-height: 160px;
    margin: 15px auto 0
}

#qslider {
    height: 200px;
    width: auto;
    margin: 100px auto;
    text-align: left;
    overflow: visible;
    position: relative;
    overflow: hidden
}

#qmask {
    overflow: hidden;
    height: 160px
}

#qslider ul {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100
}

#qslider li {
    width: auto;
    height: 160px;
    text-align: center;
    position: absolute;
    top: -225px;
    list-style: none;
    font: italic 30px Philosopher;
}

#qslider li.firstanimation {
    -moz-animation: cycle 35s linear infinite;
    -webkit-animation: cycle 35s linear infinite
}

#qslider li.secondanimation {
    -moz-animation: cycletwo 35s linear infinite;
    -webkit-animation: cycletwo 35s linear infinite
}

#qslider li.thirdanimation {
    -moz-animation: cyclethree 35s linear infinite;
    -webkit-animation: cyclethree 35s linear infinite
}

#qslider li.fourthanimation {
    -moz-animation: cyclefour 35s linear infinite;
    -webkit-animation: cyclefour 35s linear infinite
}

#qslider li.fifthanimation {
    -moz-animation: cyclefive 35s linear infinite;
    -webkit-animation: cyclefive 35s linear infinite
}

#qslider:hover li,
#qslider:hover .progress-bar {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused
}

#qslider h5 {
    font-size: 14px;
    font-weight: bold
}

.qbar {
    position: relative;
    bottom: 0px;
    height: 4px;
    -moz-animation: fullexpand 35s ease-out infinite;
    -webkit-animation: fullexpand 35s ease-out infinite
}

.fasinn {
    margin-right: 40px;
}

.fasloop .fasil {
    width: 50%;
    float: left;
}

.fasil img {
    width: 100%;
    height: auto;
    display: block;
}

.guruloop {}

.guruloop .gurus {
    padding: 0 0 0 15px;
    margin: 0 0 25px 0;
    font: 13px Montserrat;
}

.boxed .guruloop .gurus {
    margin: 0 0 10px 0;
}

.gurus img {
    width: 100%;
    height: auto;
    display: block;
}

.ngurus {
    position: relative;
    margin-bottom: 10px;
    height: 30px;
    padding: 0 10px;
    display: inline-block;
    height: 30px;
    font: bold 14px/30px Montserrat;
}

.ngurus:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -10px;
    clear: both;
    border-top: 0;
    border-bottom: 30px solid transparent;
}

.nik {
    margin-bottom: 10px;
}

.grthumb {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 80px;
    float: right;
    margin-right: 10px;
    box-shadow: 0 0 5px #ccc;
}

.gurus .fa {
    width: 20px;
    height: 20px;
    text-align: center;
    margin: 0 10px 4px 0;
    line-height: 20px
}

.dmaps #googleMap {
    width: 100%;
    height: 330px;
}

.full {
    width: 100%
}

.full iframe {
    height: 230px
}

iframe {
    margin-bottom: 20px
}

.list .post {
    padding: 20px 0 50px;
}

.podate {
    width: 200px;
    float: left;
    text-align: center;
}

.podate .ddays {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    font: 700 50px/70px 'Open Sans';
    border-radius: 70px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 10px #d7d7d7;
}

.podate .dtimes {
    font: 300 12px/10px 'Open Sans';
    text-transform: uppercase;
}

.podate .fa {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 50px;
}

.single.tops .podate .fep.fa {
    box-shadow: 0 0 0 #fff;
    font-size: 110px;
    width: auto;
    height: 130px;
    line-height: 130px;
}

.single .podate .ag.fa {
    box-shadow: 0 0 0 #fff; 
	font-size:110px; 
	width: auto; 
	height: 130px; 
	line-height: 130px;
}

.imagen {
    position: relative;
}

.imagen img {
    width: 100%;
}

.cogen {
    position: absolute; 
	top: 20px; 
	left: 20px; 
	right: 20px; 
	z-index: 10; 
	color: #fff ! important
}

.age-info {
    border-right: 1px solid #ddd; 
	margin-bottom: 50px;
}

.agedate {
    font-size:60px; 
	color: #fff 
}

.agemon {
    color: #fff
}

.cogen .wakt {
    margin-top:5px;
}

.cogen .titloc {
    color: #fff ! important; 
	font: 16px Montserrat;
	margin-left: 100px;
}

.titloc span {
    font: 11px Montserrat;
}

#clockdiv {
    text-align: center; 
	text-transform: lowercase; 
	font: 11px Montserrat; 
	width: 210px; 
	margin: 100px auto 0;
}

.unday, .unhour, .unminute, .unsecond {
	width: 50px; 
	margin: 0 1px; 
	float:left; 
	display: inline;
}

.days, .hours, .minutes, .seconds {
    font: bold 30px Montserrat;
}

.podate .fa.ico {
    box-shadow: 0 0 10px #ddd;
    font-size: 70px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    border-radius: 80px;
}

.podate .fa.jag {
    box-shadow: 0 0 0 #fff;
    font-size: 110px;
    width: auto;
    height: 130px;
    line-height: 130px;
}

.podate .coms {
    position: relative
}

.coms .countcoms {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    z-index: 10;
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
}

.share .fa {
    display: block;
    font-size: 25px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
    color: #fff;
    margin: 5px auto 0;
    border: 8px solid #fff;
    box-shadow: 0 0 10px #ddd;
}

.rside {
    margin: 0 60px 40px 200px;
}

.rside .imgloop {
    position: relative;
    height: 250px;
    overflow: hidden;
    margin: 0 0 15px;
}

.imgloop img {
    width: 100%;
    height: auto;
}

.imgloop .post-category {
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 10;
}

.rltd {
    float: left;
    width: 50%;
    overflow: hidden;
    display: inline-block;
    margin: 0 0 8px;
}

.rltd .rely {
    position: relative;
    height: 200px;
    margin: 0 8px 0 0;
}

.rely img {
    display: block;
    width: 100%;
    height: auto;
}

.rel-meta {
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px;
    z-index: 20;
}

.rel-meta span {
    color: #fff;
    font: 11px Montserrat;
}

.rel-meta h3 {
    font: bold 14px/1.3 Montserrat;
}

.rel-meta h3 a {
    color: #fff;
}

.galoop {
    float: left;
    width: 33.333333%;
	position:relative;
	overflow: hidden;
}

.galoop .gtk {
    position: relative;
    overflow: hidden;
	margin: 4px;
}

.galoop img {
    display: block;
    width: 100%;
    height: auto;
    transition: .5s all ease .1s;
}

.galoop:hover img {
    transform: scale(1.2);
    transition: .5s all ease .1s;
}

.galoop .govlay {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    padding: 10px 15px;
}

.govlay h2 {
    font: 14px Montserrat;
}

.govlay span {
    font: 12px Montserrat;
}

.list .oversis {
    overflow-x: auto;
}

.list .oversis table.siswa {
    width: 100%;
}

.list .oversis table.siswa td {
    vertical-align: top;
}

.list .oversis table.siswa strong {
    font: bold 14px Montserrat;
}

.list .post .post-category {
    font-size: 11px;
    text-transform: lovercase;
    margin: 5px 0
}

.list .post .post-category a {
    text-decoration: none;
    padding: 4px 10px;
    line-height: 24px;
    display: inline-block;
    font: 13px Montserrat;
    margin: 3px 3px 6px 0;
}

.list .post .post-category span.blogloop {
    text-decoration: none;
    padding: 4px 10px;
    line-height: 24px;
    display: inline-block;
    font: 13px Montserrat;
    margin: 3px 3px 6px 0;
}

.list .post .post-category a:hover {
    text-decoration: underline
}

.list .post h2 {
    margin-bottom: 8px
}

.list .post h2,
.list .post h2 a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif
}

.list .post h2 a:hover {
    text-decoration: underline
}

.list .post .post-meta {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0px;
    border: none
}

.list .post .post-meta span,
.list .post .post-meta a {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal
}

.list .post .post-meta a:hover {
    text-decoration: underline
}

.post-author {
    text-transform: uppercase
}

.pagination {
    padding: 20px 0px;
    font-size: 12px;
    clear: both;
    position: relative
}

.pagination a,
.pagination .disabled {
    text-decoration: none;
    padding: 3px 10px;
    margin: 0 1px 3px 0
}

.pagination a:hover,
.pagination a.active {
    margin: 0 1px 3px 0
}

.madings {
    margin-bottom: 50px;
    padding: 10px
}

.madings .post {
    padding-bottom: 40px;
    margin-bottom: 10px
}

.madings .post.tops {
    padding-bottom: 0;
    margin-bottom: 0;
}

.madings .post .madingthumb {
    width: 280px;
    margin: 0 25px 0 0;
    float: left
}

.madings .post-content .madingthumb {
    float: left ! important;
    margin: 0 25px 25px 0
}

.madings .post .madingthumb img {
    width: 100%;
    height: auto
}

.madings .post .madingthumb iframe {
    width: 100%;
    height: 200px
}

.madings .post h2 {
    font: 18px/1.2 'Open Sans'
}

.madings .post-meta {
    padding: 0 0 10px 0;
    margin: 0 0 10px;
    font-size: 12px;
    position: relative
}

.madings .post-meta h1 {
    margin: 0 0 10px;
    font: bold 30px/40px Montserrat;
    letter-spacing: -3px;
}

.madings .post-meta h1.alwnor {
    text-transform: inherit;
    letter-spacing: -2px;
    font: bold 30px/35px Montserrat;
}

.madings .post-meta h1 .fa {
    margin: 0 10px 0 0;
}

.madings .post-meta span,
.madings .post-meta a {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal
}

.madings .post-meta a:hover {
    text-decoration: underline
}

.madings .post-comms {
    position: absolute;
    right: 0
}

.madings .post-content {
    padding: 0
}

.madings .post-content a:hover {
    text-decoration: none
}

.madings .post-footer {
    font-size: 14px;
    margin: 30px 0 15px
}

.madings .post-footer a {
    margin: 0 2px 6px 0;
    padding: 2px 8px;
    line-height: 20px;
    font-size: 14px !important;
    font-family: Montserrat;
    display: inline-block;
}

.madings .post-footer a:hover {
    text-decoration: underline
}

.page .post-category {
    display: none
}

.single .meta-info {
    text-align: right;
    margin: 0 0 20px
}

.single .meta-info strong {
    float: left
}

.single .meta-info table {
    width: 100%;
    border: 1px solid #eee
}

.single .meta-info table th,
.single .meta-info table td {
    margin: -1px -1px 0 0;
    border: 1px solid #ddd;
    padding: 3px 0
}

.post-content {
    margin-bottom: 10px;
}

.list table.siswa {
    width: 100%;
}

.list table.siswa td {
    border: 1px solid #aaa;
    padding: 5px 8px;
    margin: 0 -1px -1px 0
}

.list table.siswa td.ctr {
    text-align: center;
    width: 30px;
}

.list table.siswa td.vmd {
    vertical-align: middle;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
    font-family: 'Montserrat', Geneva, "Times New Roman", times;
    margin: 15px 0;
    font-weight: 400
}

.post-content h1 {
    font-size: 24px;
    line-height: 35px
}

.post-content h2 {
    font-size: 22px
}

.post-content h3 {
    font-size: 20px
}

.post-content h4 {
    font-size: 18px
}

.post-content h5 {
    font-size: 16px
}

.post-content {
    font: 14px/1.5 'Open Sans', sans-serif
}

.post-content p {
    margin: 10px 0
}

.post-content table td {
    vertical-align: middle
}

.post-content table.gtk {
    margin: 0 0 20px
}

.post-content table.gtk td.tlf {
    padding-right: 15px;
    font-family: Montserrat
}

.post-content .fa {
    width: 20px;
    height: 20px;
    text-align: center;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    margin: 1px 10px 1px 0
}

.post-content ol {
    list-style: decimal;
    padding-left: 35px;
    margin: 15px 0
}

.post-content ul {
    list-style: disc;
    padding-left: 35px;
    margin: 15px 0
}

.post-content li {
    font: 14px/1.5 'Open Sans', sans-serif;
    margin: 3px 0
}

.post-content blockquote {
    padding: 15px 0 10px 65px;
    background: url("images/bq.png") 20px 0 no-repeat
}

.post-content blockquote p {
    font: italic 16px 'Open Sans', Geneva, "Times New Roman", times
}

.post-content .search_form {
    float: none;
    margin-top: 15px;
    width: auto
}

.post-content .search_form fieldset {
    width: 610px;
    height: 35px
}

.post-content .search_form input {
    width: 570px;
    font-size: 16px
}

.post-navigation {
    padding: 15px 0;
    position: relative
}

.post-navigation a {
    display: block;
    font: 11px 'Open Sans', sans-serif;
    text-decoration: none;
    line-height: 1.5
}

.post-navigation a:hover {
    text-decoration: none
}

.post-navigation a em {
    display: block;
    font: italic 11px 'Open Sans', Geneva, "Times New Roman", times
}

.post-navigation a:hover span {
    text-decoration: underline
}

.post-prev {
    width: 250px;
    min-height: 40px;
    padding-left: 30px;
    float: left;
    text-align: left;
    background: url("images/post_prev.png") 0 50% no-repeat
}

.post-next {
    width: 250px;
    min-height: 40px;
    padding-right: 30px;
    float: right;
    text-align: right;
    background: url("images/post_next.png") 100% 50% no-repeat
}

.line {
    width: 1px;
    height: 100%;
    background: #ddd;
    position: absolute;
    top: 0;
    right: 305px
}

.post-content .post-img img {
    margin: 0 0 15px;
    height: auto;
    display: block;
    width: 100%
}

.post-content .edi-img img {
    float: left;
    width: 300px;
    margin: 0 20px 20px 0;
}

.post-content h6 {
    position: relative;
    left: -30px
}

.post-content img,
.post-content .attachment img {
    max-width: 100%;
    height: auto;
}

.post-content .alignnone,
.post-content img.alignnone {
    clear: both;
    display: block;
    margin-bottom: 15px
}

.post-content .alignleft,
.post-content img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 4px
}

.post-content .alignright,
.post-content img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px
}

.post-content .aligncenter,
.post-content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post-content img.alignleft,
.post-content img.alignright,
.post-content img.aligncenter {
    margin-bottom: 15px
}

.post-content .wp-caption {
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center
}

.post-content .wp-caption img {
    margin: 5px 5px 0
}

.post-content .wp-caption p.wp-caption-text {
    font-size: 14px;
    margin: 5px
}

.post-content .wp-smiley {
    margin: 0
}

.post-content .gallery {
    margin: 0 auto 18px
}

.post-content .gallery .gallery-item {
    float: left;
    margin: 0 !important;
    text-align: center
}

.post-content .gallery.gallery-columns-1 .gallery-item {
    width: 100% !important
}

.post-content .gallery.gallery-columns-2 .gallery-item {
    width: 50% !important
}

.post-content .gallery.gallery-columns-3 .gallery-item {
    width: 33.333% !important
}

.post-content .gallery.gallery-columns-4 .gallery-item {
    width: 25% !important
}

.post-content .gallery.gallery-columns-6 .gallery-item {
    width: 16.16777% !important
}

.post-content .gallery.gallery-columns-8 .gallery-item {
    width: 12.5% !important
}

.post-content .gallery .gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none !important;
    margin-bottom: 0
}

.post-content .gallery .gallery-caption {
    font-size: 14px;
    margin: 0 0 14px
}

.post-content .gallery dl {
    margin: 0
}

.post-content .gallery br+br {
    display: none
}

.post-content .attachment img {
    display: block;
    margin: 0 auto
}

.post-content iframe {
    width: 100%;
    height: 300px
}

.post-content iframe.akframe {
    width: 100%;
    height: 300px
}

.comments h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

#comments {
    margin-bottom: 30px
}

.comment {
    padding: 25px 0;
    border-bottom: 1px dotted #ddd
}

.comment td {
    vertical-align: top
}

.comment-meta {
    position: relative;
    min-height: 70px;
    font-size: 12px;
    margin-right: 30px
}

.avatar {
    display: block;
    margin-right: 10px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 80px;
    padding: 8px;
}

.comment-author a,
.comment-author span {
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-style: normal
}

.comment-author a:hover {
    text-decoration: underline
}

.comment-author,
.comment-date {
}

.comment-reply-link {
    text-decoration: none;
    font-style: italic;
}

.comment_list {
    margin: 0 0 40px;
}

.comment-reply-link:hover {
    text-decoration: underline
}

.comment-text p {
    font: 14px/1.5 'Open Sans', sans-serif;
    margin-bottom: 10px
}

.children {
    margin-left: 80px
}

.children .children {
    margin-left: 50px
}

.children .comment {
    padding-left: 0
}

#respond p,
.nopassword {
    margin: 10px 0;
    font: 14px 'Open Sans', sans-serif
}

#respond p a {
    text-decoration: none
}

#respond p a:hover {
    text-decoration: underline
}

#commentform {
    position: relative;
    margin: 10px 0;
    padding-top: 155px
}

#respond .comment_message {
    margin: 10px 0 25px;
}

#respond .commform-author,
#respond .commform-email,
#respond .commform-url {
    float: left;
    width: 33.333333333%;
    margin-bottom: 15px;
}

#respond .commform-author p,
#respond .commform-email p,
#respond .commform-url p {
    font: bold 12px 'Open Sans', sans-serif;
    margin-bottom: 5px
}

#respond .commform-author p span,
#respond .commform-email p span,
#respond .commform-url p span {
    font: italic 12px 'Open Sans', Geneva, "Times New Roman", times
}

#respond .commform-textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#respond .commform-textarea > div {
    border-radius: 4px;
    padding: 10px
}

#respond p.form-submit {
    margin-bottom: 0
}

#respond p.form-submit #submit {
    float: none
}

#comment {
    width: 100%;
    height: 120px;
    padding: 0;
    margin: 0;
    border: none;
    overflow: auto
}

.commform-author div {
    margin-right: 15px;
    border-radius: 4px;
    padding: 10px
}

.commform-email div {
    border-radius: 4px;
    padding: 10px
}

.commform-url p {
    margin-left: 15px !important
}

.commform-url div {
    margin-left: 15px;
    border-radius: 4px;
    padding: 10px
}

#author,
#email,
#url {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    font: 14px 'Open Sans', sans-serif;
}

#submit {
    float: left;
    border: none;
    font: bold 16px Montserrat, sans-serif;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

p#cancel-comment-reply {
    float: right;
    line-height: 28px;
    margin: 0
}

.post-password-form input {
    font-family: 'Open Sans'
}

.ndeso {
    font: 800 150px 'Open Sans';
    color: #333;
    width: 500px;
    margin: 0 auto;
    letter-spacing: -1px
}

.madticker {
    font-family: 'Montserrat';
    font-weight: bold;
    width: auto;
    height: 42px;
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    position: relative;
    text-transform: lowercase
}

.madticker #infotit {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 8px;
    z-index: 100;
    font: 700 16px/32px Montserrat;
    padding: 0 10px;
    text-transform: lowercase
}

.madticker .infotim {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 8px;
    z-index: 100;
    font: 700 16px/32px Montserrat;
    padding: 0 10px;
    text-transform: lowercase
}

.madticker .mask {
    position: relative;
    margin: 0;
    overflow: hidden
}

ul.newstickers {
    position: relative;
    left: 100%;
    width: 1000px;
    list-style-type: none;
    margin: 6px 0;
    padding: 0
}

ul.newstickers li {
    float: left;
    margin: 0 60px 0 0;
    padding: 5px 0;
    height: 20px;
    font-size: 16px;
    overflow: hidden
}

ul.newstickers a {
    white-space: nowrap;
    padding: 0;
    font-weight: normal;
    margin: 0 50px 0 0
}

ul.newstickers .fa {
    margin-right: 10px
}

ul.newstickers span {
    margin: 0;
    font-weight: bold;
    line-height: 20px
}

#sidebar {
    width: 30%;
    margin: 0;
    float: right
}

.widget {
    margin-bottom: 10px;
    clear: both;
    padding: 10px 15px;
}

.widget-small {
    width: 130px
}

.widget h3,
.widget-small h3 {
    margin: 0 0 15px;
    font: bold 30px/40px Montserrat;
    letter-spacing: -3px;
}

#sidebar .search_form {
    float: none;
    width: auto;
    margin: 15px 0;
    padding: 0 0 10px;
    height: auto;
}

#sidebar .search_form:after {
    display: none;
}

#sidebar .search_form fieldset {
    width: auto;
    padding: 10px;
    font-size: 15px;
    position: relative;
    overflow: hidden;
    height: auto;
}

#sidebar .search_form input {
    width: 100%;
    padding: 0;
}

#sidebar .search_form .divsel {
    width: 100%;
    padding: 0;
    overflow: hidden;
    display: block;
    margin: 0 0 10px;
}

#sidebar .search_form select {
    width: 110%;
    padding: 0;
}

#sidebar .search_form button {
    position: relative;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.widget a,
.widget-small a {
    text-decoration: none;
    font: 14px/1.3 'Montserrat', sans-serif
}

.widget a:hover,
.widget-small a:hover {
    text-decoration: underline
}

.widget p,
.textwidget {
    font: 14px/1.3 'Montserrat', sans-serif
}

.widget p a,
.textwidget a {
    text-decoration: underline
}

.widget p a:hover,
.textwidget a:hover {
    text-decoration: none
}

.widget ul,
.widget-small ol {
    margin: 10px 0
}

.widget li,
.widget-small li {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0
}

.widget ul li ul,
.widget ul li ol,
.widget-small ul li ul,
.widget-small ul li ol {
    margin: 10px 0 -1px
}

.widget .menu-item-has-children {
    padding-bottom: 0
}

.widget .recentcomments {
    font-style: italic
}

.widget .recentcomments span,
.widget .recentcomments a {
    font-style: normal
}

.widget .recentcomments span {
    font-weight: bold;
}

.widget .widmading {
    padding: 15px 0;
}

.widget .agloop .age-info {
    float: left;
    padding: 0;
    margin: 0 15px 20px 0;
    width: 70px;
    display: inline;
    letter-spacing: -3px;
    text-align: center;
}

.widget .agedate {
    display: block;
    font: 800 50px/56px 'Montserrat';
}

.widget .age-info .agemon {
    letter-spacing: 0px;
    display: block;
    font: 800 12px/20px 'Montserrat';
}

.widget .widmading .post-meta {
    font: italic 12px 'Open Sans'
}

.widget .widmading .post-content {
    font: 14px 'Open Sans';
    padding: 5px 0;
    margin: 0;
}

.widget .widmading .post-content h4 {
    font: 700 18px/30px 'Open Sans';
    margin: 0;
    text-transform: uppercase
}

.widget .widmading .post-content span {
    float: right
}

.widget .widmading .wdc {
    text-align: center
}

.rpthumb {
    display: block
}

.rpthumb img {
    width: 80px;
    height: 60px;
    margin-right: 15px;
    float: left;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 10px #d7d7d7;
}

.rpthumb-title {
    display: block;
    font: 15px 'Montserrat', Geneva, "Times New Roman", times;
    margin-bottom: 6px
}

.rpthumb-date {
    display: block;
    font-size: 11px;
}

.rpthumb:hover {
    text-decoration: none !important
}

.rpthumb:hover .rpthumb-title {
    text-decoration: underline
}

.widget .vibar {
    width: 100%;
    height: 200px;
    display: block;
    margin: 0
}

.widget .calendar_wrap {
    padding: 15px 0
}

.widget .calendar_wrap table {
    width: 100%;
}

.widget .calendar_wrap table caption {
    margin-bottom: 10px
}

.widget .calendar_wrap th {
    margin: 0 -1px -1px 0;
    text-align: center;
    padding: 3px 0;
}

.widget .calendar_wrap td {
    margin: 0 -1px -1px 0;
    text-align: center;
    padding: 6px 0
}

.widget .calendar_wrap td a {
    font-weight: bold
}

.widget .tagcloud {
    padding: 10px 0
}

.widget .tagcloud a {
    margin: 0 2px 6px 0;
    padding: 3px 8px;
    line-height: 20px;
    font: 14px Montserrat ! important;
    display: inline-block;
    text-transform: lowercase;
}

.widget label {
    padding: 15px;
    display: block
}

.widget select {
    margin: 0 0 15px;
    width: 90%;
    border: none;
    overflow: hidden;
    font: 14px 'Montserrat';
    padding: 3px 8px
}

.widget select option {
    padding: 3px 8px
}

.footbar {
    padding: 40px 12px;
    margin: 0;
}

.foot-bar {
    width: 33.333%;
    float: left
}

.foot-inn {
    margin: 0 12px
}

.foot-inn .search_form:after {
    display: none;
}

.foot-inn .widget {
    margin-bottom: 10px;
    clear: both;
    padding: 0;
}

.foot-inn .widget-small {
    width: 130px
}

.foot-inn .widget h3,
.foot-inn .widget-small h3 {
    padding: 0 15px 0 0;
    margin: 0;
    border: 0;
    text-align: left
}

.foot-inn .widget h3 div,
.foot-inn .widget-small h3 div {
    float: left;
    height: 36px;
    line-height: 36px;
    display: inline
}

.foot-inn .search_form {
    float: none;
    width: auto;
    margin: 15px 0;
    padding: 0 0 10px;
    height: auto;
    border: 0;
}

.foot-inn .search_form:after {
    display: none;
}

.foot-inn .search_form fieldset {
    width: auto;
    border: 0;
    padding: 10px;
    font-size: 15px;
    position: relative;
    overflow: hidden;
    height: auto;
}

.foot-inn .search_form input {
    width: 100%;
    padding: 0;
}

.foot-inn .search_form .divsel {
    width: 100%;
    padding: 0;
    overflow: hidden;
    display: block;
    margin: 0 0 10px;
}

.foot-inn .search_form select {
    width: 107%;
    padding: 0;
}

.foot-inn .search_form button {
    position: relative;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.foot-inn .widget a,
.foot-inn .widget-small a {
    text-decoration: none;
    font: 14px 'Montserrat';
}

.foot-inn .widget a:hover,
.foot-inn .widget-small a:hover {
    text-decoration: underline
}

.foot-inn .widget p,
.foot-inn .textwidget {
    font: 14px/1.3 'Montserrat', sans-serif
}

.foot-inn .widget p a,
.foot-inn .textwidget a {
    text-decoration: underline
}

.foot-inn .widget p a:hover,
.foot-inn .textwidget a:hover {
    text-decoration: none
}

.foot-inn .widget ul,
.foot-inn .widget-small ol {
    margin: 10px 0
}

.foot-inn .widget li,
.foot-inn .widget-small li {
    font: 14px Montserrat;
    line-height: 20px;
    padding: 5px 0;
}

.foot-inn .widget ul li ul,
.foot-inn .widget ul li ol,
.foot-inn .widget-small ul li ul,
.foot-inn .widget-small ul li ol {
    margin: 10px 0
}

.foot-inn .widget .agloop .age-info {
    float: left;
    padding: 0;
    margin: 0 15px 20px 0;
    width: 70px;
    display: inline;
    letter-spacing: -3px;
    text-align: center;
}

.foot-inn .widget .agedate {
    display: block;
    font: 800 50px/55px 'Montserrat';
}

.foot-inn .widget .age-info .agemon {
    letter-spacing: 0px;
    display: block;
    font: 800 12px/20px 'Montserrat';
}

.foot-inn .widget .atime .wakt {
    margin-top: 4px;
}

.foot-inn .widget .atime .wakt:before {
    border-right: 8px solid #fff;
}

.foot-inn .widget .menu-item-has-children {
    padding-bottom: 0
}

.foot-inn .widget .recentcomments {
    font-style: italic
}

.foot-inn .widget .recentcomments span,
.foot-inn .widget .recentcomments a {
    font-style: normal;
}

.foot-inn .widget .recentcomments span {
    font-weight: bold;
}

.foot-inn .widget .widmading {
    padding: 15px 0;
}

.foot-inn .widget .widmading .post-content {
    font: 14px 'Montserrat';
    padding: 5px 0;
    margin: 0;
}

.foot-inn .widget .widmading .post-content:last-child {
    border-bottom: 0
}

.foot-inn .rpthumb {
    display: block
}

.foot-inn .rpthumb img {
    width: 80px;
    height: 60px;
    margin-right: 15px;
    float: left;
    box-shadow: 0 0 0 #fff;
    border-radius: 0;
}

.foot-inn .rpthumb-title {
    display: block;
    font: bold 14px 'Montserrat', Geneva, "Times New Roman", times;
    margin-bottom: 6px
}

.foot-inn .rpthumb-date {
    display: block;
    font-size: 12px;
}

.foot-inn .rpthumb:hover {
    text-decoration: none !important
}

.foot-inn .rpthumb:hover .rpthumb-title {
    text-decoration: underline
}

.foot-inn .widget .calendar_wrap {
    padding: 15px 0
}

.foot-inn .widget .calendar_wrap table {
    width: 100%;
}

.foot-inn .widget .calendar_wrap table caption {
    margin-bottom: 10px
}

.foot-inn .widget .calendar_wrap th {
    margin: 0 -1px -1px 0;
    text-align: center;
    padding: 3px 0;
}

.foot-inn .widget .calendar_wrap td {
    margin: 0 -1px -1px 0;
    text-align: center;
    padding: 6px 0;
}

.foot-inn .widget .calendar_wrap td a {
    font-weight: bold;
}

.foot-inn .widget .tagcloud {
    padding: 10px 0
}

.foot-inn .widget .tagcloud a {
    margin: 0 2px 6px 0;
    padding: 3px 8px;
    line-height: 20px;
    font-size: 14px !important;
    display: inline-block;
}

.foot-inn .widget label {
    padding: 10px 0;
    display: block
}

.foot-inn .widget select option {
    padding: 3px 8px
}

.widget .widmading .post-content h4 {
    font: 700 18px/20px 'Montserrat';
    margin-bottom: 10px;
}

.footer {
    margin: 0px;
    padding: 30px 16px;
    font: bold 16px Montserrat;
}

.footer a {
    text-decoration: none;
    font-weight: bold
}

.footer a:hover {
    text-decoration: underline
}

.copyright {
    text-align: center;
    font-size: 13px
}

.credits {
    float: right
}

.opens {
    background: #ecbf09; 
	color: #036; 
	position: fixed; 
	z-index:10000; 
	top:250px; 
	left: 0; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 10px 0 10px; 
	border-radius: 0 20px 20px 0;
}

.closes {
    background: #ecbf09; 
	color: #036; 
	position: fixed; 
	z-index:10000; 
	top:250px; 
	left: 65px;
    display: none;	
	height: 30px; 
	line-height: 30px; 
	padding: 0 10px 0 10px; 
	border-radius: 0 20px 20px 0;
}

.layout {
    position: fixed;
    z-index: 1000;
    top: 250px;
    left: -75px;
    background: #f0ca30;
    width: 50px;
    height: 30px;
    font: bold 14px/30px Montserrat;
    color: #036;
    padding: 0 7px 0 8px;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
}

.styling {
    position: fixed;
    z-index: 1000;
    top: 280px;
    left: -75px;
    background: #ddd;
    width: 50px;
    height: 125px;
    padding: 10px 5px 5px 10px;
    overflow: hidden;
    text-align: left;
}

.blue {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #0b82aa;
}

.red {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #d42007;
}

.green {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #090;
}

.orange {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #f70;
}

.forest {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #03562b;
}

.donker {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #036;
}

.cyan {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #3bf;
}

.purple {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #8c49a5;
}
.tosca {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #0aa277;
}
.grey {
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
    float: left;
    display: inline;
    background: #777;
}


.mmenu {
    
    position: fixed;
    z-index: 1000;
    top: 250px;
    left: -75px;
    background: #f0ca30;
    width: 50px;
    height: 30px;
    font: bold 14px/30px Montserrat;
    color: #036;
    padding: 0 7px 0 8px;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
	display: none;
}


/* Back to TOP */

#return-to-top {
    position: fixed;
    z-index: 10000;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    margin: 0;
    position: relative;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1024px) {
    .wrapper,
    .nav-inn {
        width: 100%;
        min-height: 80px;
    }
    .nav .dd {
        height: 80px
    }
    .nav .dd li {
        font-size: 14px;
        line-height: 80px;
    }
    .nav .dd li a {
        padding: 0 14px;
        font: 700 16px/80px Montserrat;
    }
    .fsearch.fa {
        bottom: 23px;
    }
    .masearch {
        top: 75px;
    }
    .boxed .logo img,
    .logo img {
        max-height: 60px;
        margin: 8px 0;
    }
    .maschol .scname {
        margin-right: 300px;
    }
    .maschol h2 {
        font: bold 35px Montserrat;
    }
    .massos {
        width: 260px;
    }
    .kontak .fa {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 25px;
    }
    .editoz {
        padding: 40px 0 0 0;
    }
    .editoz img {
        display: none;
    }
    .six-info {
        margin: 0 20px 30px 0;
    }
    .six-info .metas {
        padding-top: 0;
        font: bold 13px Montserrat;
    }
    .six-info h3 {
        line-height: 16px;
        padding-top: 5px;
    }
    .boxed .six-info h3 a,
    .six-info h3 a {
        font: bold 13px Montserrat;
    }
    .boxed .six-info .pealink,
    .six-info .pealink {
        width: 120px;
        padding: 0 10px;
    }
    .atime h3 {
        font: bold 13px/16px Montserrat;
        margin-right: 20px;
    }
    #qslider {
        margin: 60px auto;
    }
    #qslider li {
        font: italic 25px Philosopher;
    }
    .maquotes .overback {
        height: 220px;
    }
    #content {
        width: 624px
    }
    .madings .post-content.with {
        padding: 0 0 0 305px
    }
    .madings .post-content.edit {
        padding: 0 0 0 195px
    }
    .podate {
        width: 150px;
    }
    .rside {
        margin: 0 0 0 170px;
    }
}

@media screen and (max-width: 800px) {
    .home .mading {
        position: relative;
    }
    .home .nofixed .wrapper {
        position: relative;
        top: 0;
        z-index: 2;
    }
    .wrapper {
        width: 100%;
        padding: 0;
    }
    .homebreak {
        height: 0;
    }
    .home .nofixed .homebreak {
        height: 266px;
    }
    .nav {
        display: none
    }
    .logo {
        display: block;
        text-align: center;
    }
    .nofixed .nav-mading {
        position: relative;
    }
    .open {
        height: 24px;
        padding: 5px;
        font: 12px/24px Montserrat;
        text-align: center;
        display: block ! important;
    }
    .open .h800 {
        display: none;
    }
    .open span.oleft .openarr:after {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
    }
    .fmenu.fa {
        display: block;
    }
    .mob {
        display: block;
        width: 100%;
        position: fixed;
        top: 114px;
        z-index: 1000;
    }
    .nofixed .mob {
        position: absolute;
    }
    .mobi .accordion li {
        display: block;
        margin: 0;
        text-align: left;
        font: 13px Montserrat;
        text-transform: uppercase;
        position: relative;
    }
    .mobi .accordion li a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        display: block;
        line-height: 40px;
        margin: 0 44px 0 14px
    }
    .mobi .accordion li a:hover {
        text-decoration: none
    }
    .sub-menu:after {
        display: none;
    }
    .mobi .accordion li.menu-item-has-children:after {
        content: '';
        position: absolute;
        right: 20px;
        top: 18px;
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-top: 6px solid #fff;
        clear: both
    }
    .mobi .accordion li ul li a {
        margin: 0 44px 0 14px
    }
    .mobi .accordion li ul li ul li a {
        margin: 0 44px 0 14px
    }
    .breaks {
        height: 170px;
    }
    .nofixed .breaks {
        height: 50px;
    }
    .kontak .fa {
        height: 34px;
        width: 34px;
        line-height: 34px;
        font-size: 20px
    }
    #slideshow,
    .slideshow {
        height: auto;
        top: 0;
        width: 100%
    }
    .massos {
        width: 230px;
        margin-top: 8px;
    }
    .slide {
        height: auto;
        width: 100%
    }
    .slide img {
        width: 100%;
        height: auto;
        position: relative
    }
    .nofixed .singslide {
        display: none;
    }
    #larr {
        right: 140px !important
    }
    #rarr {
        right: 100px !important
    }
    .sloverlay {
        font: 12px/1.2 'Open Sans'
    }
    .sloverlay h2 {
        font: 18px/30px Montserrat
    }
    .maschol {
        overflow: hidden;
        padding: 20px;
    }
    .maschol h2 {
        font: bold 26px Montserrat;
        letter-spacing: -2px;
    }
    .content {
        width: 100%;
        float: none;
    }
    .rcon {
        width: 100%;
        float: none;
    }
    .rconbg {
        margin: 0 0 15px;
    }
    .editoz {
        padding: 0;
    }
    .boxed .editoz img,
    .editoz img {
        display: block;
        margin: 0 20px 0 8px;
    }
    .editoz .corner {
        margin-top: 15px;
        font: bold 16px Montserrat;
    }
    .editoz .edspan {
        left: 18px;
    }
	.edbot {
	    display: block;
	}
    .peaduo {
        width: 50%;
    }
    .peaduo.last {
        width: 100%;
        float: none;
        display: block;
        clear: both;
    }
    .madticker {
        height: 34px;
    }
    .madticker #infotit,
    .madticker .infotim {
        font: 700 13px/22px Montserrat;
    }
    .madticker #infotit:after {
        right: -8px;
        border-bottom: 12px solid transparent;
        border-top: 12px solid transparent;
    }
    .madticker .infotim:before {
        left: -8px;
        border-bottom: 12px solid transparent;
        border-top: 12px solid transparent;
    }
    ul.newstickers li {
        padding: 1px 0;
        height: 20px;
        font-size: 13px;
    }
    .mabaru {
        padding: 4px 4px 8px;
    }
    .singlev .singcoim img {
        width: 110%;
    }
    .twolas img {
        width: 110%;
        height: auto;
    }
    .pead .innpad {
        padding: 4px 10px;
    }
    .boxed .six-info h3 a,
    .six-info h3 a {
        font: bold 15px Montserrat;
    }
    .atime h3 {
        font: bold 15px/20px Montserrat;
    }
    .fasinn {
        margin-right: 0;
    }
    .fasloop .fasil {
        width: 33.333333%;
    }
    .nik {
        display: none;
    }
    .grthumb {
        width: 80px;
        height: 80px;
    }
    .motinn {
        padding: 0 40px 15px
    }
    .motinn .fa {
        position: absolute;
        top: -30px;
        left: 50%;
        font-size: 60px;
        margin-left: -30px
    }
    #quotes-slider {
        width: 100%;
        min-height: 200px;
        margin: 45px auto 0
    }
    #content {
        width: auto;
        float: none
    }
    #sidebar {
        width: auto;
        float: none
    }
    .widget .vibar {
        height: 300px;
    }
    .foot-bar {
        width: 100%;
        float: none
    }
    .copyright img {
        padding-right: 20px
    }
    .layout {
        display: none;
    }
    .mmenu {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .home .nofixed .homebreak {
        height: 256px;
    }
}

@media screen and (max-width: 640px) {
    .fmenu.fa {
        left: 20px;
        right: auto;
    }
    .logo {
        width: auto;
        float: none;
        text-align: center
    }
    .logo img {
        height: 100px;
        max-width: 100%
    }
    .breadcrumbs {
        font-size: 13px;
    }
    .massos {
        width: auto;
        float: none
    }
    .slideshow {
        padding-top: 115px;
        background: #fff;
    }
    #slideshow,
    .slideshow {
        height: auto;
        width: 100%
    }
    .slide {
        height: auto;
        width: 100%
    }
    .slide img {
        float: none;
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0
    }
    .slide .post {
        padding: 0 0
    }
    .slide .post-category {
        margin: 10px 20px 5px
    }
    .slide .post h2 {
        margin: 0 20px 5px
    }
    .slide .post-meta {
        margin: 0 20px 5px
    }
    .madings .post .madingthumb {
        width: 240px
    }
    .madings .post-content.with {
        padding: 0 0 0 265px
    }
    #larr {
        right: 50px !important
    }
    #rarr {
        right: 10px !important
    }
    .home .nofixed .homebreak {
        height: 300px;
    }
    .maschol .scname {
        margin: 0;
        text-align: center;
        float: none;
    }
    .maschol h2 {
        padding-top: 20px;
    }
    .maschol h2:before {
        left: 50%;
        position: absolute;
        margin: -20px 0 0 -80px;
    }
    .massos {
        position: relative;
        right: 0;
        margin-top: 15px;
    }
    .mabaru {
        padding: 4px;
    }
    .mabaru .barulev {
        height: auto;
    }
    .barulev {
        height: auto;
    }
    .singlev .singcoim {
        height: auto;
    }
    .singlev .singcoim img {
        width: 100%;
    }
    .barurg,
    .barurg .secoim {
        height: auto;
    }
    .twolas {
        display: none;
    }
    .boxed .six-info h3 a,
    .six-info h3 a {
        font: bold 14px Montserrat;
    }
    .peaduo h3.fopen {
        font: bold 26px/40px Montserrat;
        letter-spacing: -2px;
    }
    .atime h3 {
        font: bold 14px/20px Montserrat;
    }
    .gspan {
        font: 13px Montserrat;
    }
    .maquotes .overback {
        padding: 30px 50px;
        background: rgba(0, 0, 0, 0.95);
        height: 160px;
    }
    .overback h4 {
        font: bold 26px/40px Montserrat;
        letter-spacing: -2px;
    }
    #qslider {
        margin: 0 auto;
        height: 180px;
    }
    #quotes-slider {
        margin: 25px auto
    }
    #qslider li {
        font: italic 20px Philosopher;
    }
    #qmask {
        height: 90px;
    }
    .podate {
        width: 110px;
    }
    .podate .ddays {
        width: 80px;
        height: 80px;
        font: 700 40px/55px 'Open Sans';
        box-shadow: 0 0 7px #d7d7d7;
    }
    .rside {
        margin: 0 0 0 130px;
    }
    .podate .dtimes {
        font: 300 10px/10px 'Open Sans';
    }
    .podate .fa.ico {
        font-size: 60px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        border: 8px solid #fff;
    }
    .single.kfep .podate {
        display: none;
    }
    .single.sing.kfep .podate {
        display: none ! important;
    }
    .single.sing .podate {
        width: 100%;
        height: 50px;
        float: none;
        display: block;
        border-top: 1px dashed #ddd;
    }
    .single.kfep .rside {
        margin: 0;
        text-align: center;
    }
    .single.sing .rside {
        margin: 0 0 40px
    }
    .podate .fa {
        width: 45px;
        height: 40px;
        margin: 0 auto;
        text-align: center;
        font-size: 45px;
    }
    .single.sing .podate .coms {
        margin-left: 0;
    }
    .coms .countcoms {
        width: 50px;
        line-height: 45px;
    }
    .share .fa {
        display: inline;
        float: right;
        height: 60px;
        font-size: 20px;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        margin: 5px 0 5px 5px;
        border: 0;
        box-shadow: 0 0 10px #fff;
    }
    .madings .post-meta {
        border: 0;
    }
    .share br,
    .share span {
        display: none;
    }
	
	.agendas .podate {
	    display: block;
		float: none;
		height: 60px;
		width: auto;
	}
	
	.agendas .rside {
	    margin: 0;
	}
	
	.agendas .share {
	    width: auto;
		margin-left: 70px;
	}
	
	.single.agendas .podate .ag.fa {
	    float: left;
		height: 50px;
		width: 50px;
		font-size: 40px;
		line-height: 50px;
	}
	
    #content {
        margin: 0 5px
    }
    .coms {
        width: 50px;
        height: 50px;
        float: left;
        margin-left: 30px;
    }
    .copyright {
        text-align: center
    }
}

@media screen and (max-width: 600px) {
    .home .nofixed .homebreak {
        height: 290px;
    }
}

@media screen and (max-width: 599px) {
    .logo img {
        max-width: 90%;
        height: auto
    }
    .massos .kontak {
        padding: 10px 0
    }
    .nav-inn {
        height: 40px
    }
    .masearch {
        display: none
    }
    .madticker #infotit,
    .madticker .infotim {
        display: none
    }
    .open {
        display: none ! important;
    }
    .slideshow {
        padding-top: 80px;
    }
    .home .nofixed .homebreak {
        height: 220px;
    }
    .home .fixed .homebreak,
    .fixed .homebreak {
        height: 80px;
    }
    .mob {
        top: 80px;
    }
    .mabaru .barulev {
        height: 220px;
        width: 100%;
        float: none;
    }
    .singlev .singcoim {
        height: 220px;
    }
    .barurg {
        float: none;
        width: 100%;
        height: 220px;
        margin: 4px 0;
    }
    .barurg .secoim {
        height: 220px;
    }
    .editoz .corner {
        font: bold 14px Montserrat;
    }
    .boxed .editoz img {
        margin: 0 20px 0 8px;
    }
    .peaduo {
        width: 100%;
        float: none;
    }
    .galeria .eight {
        width: 50%;
        float: left;
    }
    #qslider li {
        font: italic 16px Philosopher;
    }
    .widget h3,
    .widget-small h3,
    .foot-inn .widget h3,
    .foot-inn .widget-small h3 {
        font: bold 26px/40px Montserrat;
    }
    .motinn {
        padding: 0 0px 15px
    }
    .post-content.acent {
        font-size: 14px !important;
    }
    h1.acent span {
        font: 700 150px/150px 'Montserrat';
    }
    .archive .podate {
        display: none;
    }
    .single.tops .podate {
        display: none;
    }
    .rltd .rely {
        height: 160px;
    }
    .rside {
        margin: 0;
        float: none;
    }
    .galoop {
        width: 50%;
    }
    .post-content iframe.akframe {
        width: 100%;
        height: 250px
    }
    .madings .post {
        position: relative;
    }
    .madings .post .madingthumb {
        width: 100%;
        margin: 0;
        float: none
    }
    .madings .post .madingthumb img {
        margin: 0 0 20px
    }
    .madings .post-content.edit {
        padding: 0
    }
    .madings .post-content .madingthumb.edit {
        float: none ! important;
        display: block;
        max-width: 100%;
        margin: 0 auto 25px
    }
    .post-content .edi-img img {
        width: 200px;
        height: auto;
    }
    #respond .commform-author,
    #respond .commform-email,
    #respond .commform-url {
        float: none;
        width: 100%
    }
    .commform-author div {
        margin-right: 0
    }
    .commform-url div {
        margin-left: 0
    }
    .widget .vibar {
        height: 240px;
    }
}

@media screen and (max-width: 360px) {
    .home .nofixed .homebreak {
        height: 170px;
    }
    .masearch {
        right: 5px;
    }
    .seccon h3 {
        font: bold 14px/1.3 Montserrat;
    }
    h1.acent span {
        font: 700 100px/100px 'Montserrat';
    }
    .rconbg {
        height: auto;
    }
    .rltd {
        float: none;
        width: 100%;
    }
    .rltd .rely {
        margin: 0;
        float: none;
        height: 180px;
    }
    .post-content .edi-img img {
        width: 100%;
        float: none;
        margin: 0 0 20px;
        height: auto;
    }
    .galoop {
        width: 100%;
        float: none;
    }
    .editoz {
        height: auto;
        padding-bottom: 55px;
    }
    .boxed .editoz img,
    .editoz img {
        float: none;
        margin: 20px auto 30px;
        height: auto;
    }
    .editoz .edspan {
        position: relative;
        display: block;
        padding: 4px 0;
        margin: 0 10px;
        left: 0;
        top: 10px;
        right: 0;
        text-align: center;
    }
	.cogen {
    	top: 5px;
        left: 5px;
        right: 5px;
    }
	.agloop .age-info {
        padding: 0 5px 0 0;
        margin: 0 10px 20px 0;
    }
	.cogen .titloc {
        margin-left: 85px;
		font: 14px Montserrat;
    }
    #clockdiv {
        margin: 30px auto 0;
		width: 168px;
    }
	.unday, .unhour, .unminute, .unsecond {
	    width: 40px;
	}
	.days, .hours, .minutes, .seconds {
        font: bold 22px Montserrat;
    }
    .ctr img {
        width: 32px;
        height: auto;
    }
    .list table.siswa td.vmd {
        vertical-align: top;
    }
	.avatar {
	    width: 50px;
		height: 50px;
		padding: 4px;
	}
	.comment-meta {
    margin-right: 0px;
	}
}

@media screen and (max-width: 320px) {
    .home .nofixed .homebreak {
        height: 150px;
    }
    .fsearch.fa {
        right: 10px;
    }
    .fmenu.fa {
        left: 10px;
    }
    .grthumb {
        width: 120px;
        height: 120px;
        float: none;
        display: block;
        margin: 0 auto 20px;
    }
    .divsel {
        width: 100px;
    }
    .search_form select {
        width: 120px;
    }
    .masearch {
        width: 293px;
    }
    .boxed .editoz img {
        margin: 20px auto;
        width: auto;
    }
    .search_form {
        width: 295px;
    }
    .search_form fieldset {
        width: 295px;
    }
    .madings {
        padding: 5px;
    }
}