@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Philosopher');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
@import url('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;
}
.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;
background: #fff;
}
.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: 20px;
}
.maschol .scname {
margin-right: 380px;
float: left
}
.maschol h2 {
font: bold 35px Montserrat;
letter-spacing: -2px;
}
.maschol h2:before {
content: '';
height: 5px;
width: 160px;
display: block;
}
.breaks {
height: 200px;
}
.logo {
padding: 10px;
overflow: hidden;
float: left
}
.logo img {
height: auto;
max-height: 60px;
display: block;
}
.boxed .logo img {
height: auto;
max-height: 50px;
}
.massos {
width: 320px;
padding: 0;
overflow: hidden;
position: absolute;
right: 20px;
margin-top: 5px;
}
.massos .kontak {
padding: 0;
text-align: center
}
.kontak .fa {
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 30px;
text-align: center;
margin: 0;
font-size: 25px;
transition: all .5s ease .1s
}
.fsearch.fa {
position: absolute;
top: 25px;
right: 20px;
z-index: 500;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
font-size: 16px;
cursor: pointer;
display: block
}
.boxed .fsearch.fa {
top: 18px;
}
.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: 75px;
right: 10px;
position: absolute;
z-index: 500;
display: none;
padding: 8px;
}
.boxed .masearch {
top: 65px;
}
.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;
box-shadow: 0 0 10px #555;
}
.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;
height: 115px;
margin: 0 auto;
position: relative;
}
.nav-inn.fade {
height: 80px;
}
.boxed .nav-inn {
height: 105px;
}
.boxed .nav-inn.fade {
height: 70px;
}
.open {
height: 25px;
padding: 5px;
font: 13px/25px 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: 8px 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: 80px
}
.boxed .nav .dd {
height: 70px
}
.nav .dd li {
float: left;
display: block;
margin: 0;
text-align: center;
font-size: 14px;
line-height: 80px;
position: relative
}
.boxed .nav .dd li {
font-size: 14px;
line-height: 70px;
}
.nav .dd li:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
margin: -4px -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: 400 14px/80px Montserrat;
white-space: nowrap;
}
.boxed .nav .dd li a {
padding: 0 15px;
font: 400 14px/70px Montserrat;
}
.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: 300 13px/34px Montserrat;
text-align: left;
margin: 0;
padding: 0
}
.boxed .nav .dd li ul li{
font: 300 13px/34px Montserrat;
}
.boxed .nav .dd li ul li a {
padding: 0 15px;
font: 300 13px/34px Montserrat;
}
.nav .dd li ul li:after {
display: none;
}
.nav .dd li ul li a {
display: inline;
margin: 0 !important;
font: 400 13px/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: relative;
margin: 35px 0 0 0;
z-index: 1;
min-height: 200px;
}
.owl-carousel .owl-item img {
height: auto;
}
.sloverlay {
position: absolute;
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: 66.666%;
float: left;
margin: 0
}
.mabaru {
padding: 6px 6px 12px;
}
.mabaru .barulev {
width: 50%;
float: left;
height: 304px;
overflow: hidden;
position: relative;
}
.barulev .abspan {
display: inline;
position: absolute;
top: 15px;
left: 15px;
z-index: 15;
height: 25px;
padding: 0 8px;
font: bold 13px/25px Montserrat;
}
.barulev .singlev {
margin: 6px;
overflow: hidden;
}
.singlev .singcoim {
position: relative;
height: 304px;
}
.singlev .singcoim img {
width: 100%;
height: auto;
display: block;
}
.singlev .singcoim img {
width: 110%;
}
.singlev .coverlay {
position: absolute;
left: 15px;
right: 20px;
bottom: 15px;
z-index: 10;
font: 12px Montserrat;
}
.coverlay h3 {
font: 300 15px/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;
}
.gtk .ccovlay {
top: 50%;
}
.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: 6px;
}
.secoim img {
width: 100%;
height: auto;
display: block;
}
.secoim .seccon {
position: absolute;
left: 15px;
right: 20px;
bottom: 15px;
z-index: 10;
color: #fff;
font: 12px Montserrat;
}
.seccon h3 {
font: 300 15px/1.3 Montserrat;
}
.barurg .twolas {
height: 150px;
overflow: hidden;
width: 50%;
float: left;
}
.twolas img {
width: 100%;
height: auto;
display: block;
}
.twolas-rl {
margin: 6px;
position: relative;
height: 142px;
overflow: hidden;
}
.twocon {
position: absolute;
left: 15px;
right: 20px;
bottom: 15px;
z-index: 10;
font: 12px Montserrat;
}
.twocon h3 {
font: 300 13px/1.3 Montserrat;
} .rcon {
width: 33.3333%;
float: right;
}
.rconbg {
height: 300px;
margin: 12px 12px 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;
}
.editoz .corner {
position: relative;
margin: 10px 10px 0 0;
font: 300 12px 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 8px;
font: 13px/25px Montserrat;
} .secblock {}
.secblock .pead {
padding: 12px;
}
.peaduo {
width: 25%;
}
.hleft {
float: left;
}
.hright {
float: right;
}
.peaduo h3.fopen {
margin: 6px 6px 15px;
font: bold 30px/40px Montserrat;
letter-spacing: -3px;
}
.peaduo h3.fopen:before {
content: '';
height: 3px;
width: 70px;
display: block;
}
.guruloop h3.fopen {
margin: 6px 6px 25px;
font: bold 30px/40px Montserrat;
letter-spacing: -3px;
text-align: center;
}
.guruloop h3.fopen:before {
content: '';
height: 3px;
width: 70px;
margin: 0 auto;
display: block;
}
.six-info {
margin: 0;
display: block;
position: relative;
}
.six-info.no-one {
margin: 0;
padding: 10px;
display: block;
border-top: 1px solid #eee;
}
.six-info.no-one .metas {
font: 400 12px/12px 'Open Sans';
margin: 0 0 8px;
}
.top-post {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
padding: 50px 0 10px;
}
.six-info .pealink {
width: 100%;
float: none;
padding: 0;
margin: 0;
display: block;
}
.six-info.no-one .pealink {
width: 30%;
float: left;
padding: 0 15px 0 0;
margin: 0;
display: inline;
}
.boxed .six-info .pealink {
width: 100%;
}
.boxed .six-info.no-one .pealink {
width: 30%;
}
.six-info img {
width: 100%;
height: auto;
display: block;
}
.six-info.n-one .metas {
font: 400 13px/1.1 'Open Sans';
padding: 6px 10px;
}
.boxed .six-info.n-one .metas {
font: 400 13px/1.1 'Open Sans';
padding: 6px 10px;
}
.six-info h3 {
padding: 0 10px;
font: 700 14px/1.3 'Open Sans';
min-height: 36px;
}
.six-info h3 a {
font: 400 14px/1.3 'Open Sans';
}
.six-info.no-one h3 { 
margin: 0 0 0 30%;
padding: 0 10px 0 15px;
}
.boxed .six-info h3 {
font: 400 13px/1.3 'Open Sans';
}
.boxed .six-info h3 a {
font: 400 13px/1.3 'Open Sans';
}
.homloop {
padding: 0;
margin: 6px;
background: #f7f7f7;
}
.readmore { 
padding: 10px; 
text-align: center; 
border-top: 1px solid #eee;
}
.readmore a {
display: inline-block;
padding: 0 8px; 
height:30px; 
line-height: 30px; 
font-weight: bold;
}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.dealpar {
background-image: url(//www.smpn8-pdg.sch.id/wp-content/themes/mading/images/school.jpg);
}
.dealay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
}
.overage {
height: auto;
padding: 50px 0 100px;
text-align: center;
overflow: hidden;
color: #ddd;
}
.overage h4 {
position: relative;
z-index: 10;
font: bold 30px Montserrat;
letter-spacing: -3px;
text-align: center;
margin: 0 0 50px;
}
.overage .age-info .agedate {
font: 800 130px/1.15 'Open Sans';
letter-spacing: -5px;
}
.overage .agloop .age-info {
width: 150px;
}
.overage .agloop .age-info {
margin: 0 25px 20px 0;
}
.overage .age-info .agemon {
font: 800 16px/16px 'Montserrat';
}
.overage .agloop {
max-width: 600px;
margin: 0 auto;
}
.overage .atime {
text-align: left;
display: block;
padding: 0 0 50px;
border-bottom: 1px dashed #aaa;
}
.overage #clockdiv {
margin: 50px auto 0;
}
.overage .days, 
.overage .hours, 
.overage .minutes, 
.overage .seconds {
font: bold 30px Montserrat;
margin: 0 0 5px;
}
.overage  .atime h3 {
font: bold 26px/1.1 Montserrat;
margin-bottom: 15px;
}
.agloop {
position: relative;
z-index: 100;
}
.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: 12px;
}
.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.8;
z-index: 10;
transition: all .3s ease .1s;
}
.maquotes {}
.maquotes .overback {
padding: 50px 100px;
text-align: center;
overflow: hidden;
}
.overback h4 {
font: bold 30px Montserrat;
letter-spacing: -3px;
text-align: center;
}
#quotes-slider {
width: 100%;
margin: 15px auto 0
}
#qslider {
width: auto;
margin: 100px auto;
text-align: left;
overflow: visible;
position: relative;
overflow: hidden
}
#qmask {
overflow: hidden;
}
#qslider .post {
font: italic 30px Philosopher;
text-align: center;
}
.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 20px;
margin: 0 0 25px 0;
font: 13px 'Open Sans';
}
.boxed .guruloop .gurus {
margin: 5px 0 10px 0;
}
.gurus img {
width: 100%;
height: auto;
display: block;
}
.ngurus {
position: relative;
margin-bottom: 10px;
height: 28px;
padding: 0 10px;
display: inline-block;
font: bold 12px/28px Montserrat;
}
.ngurus:after {
content: '';
position: absolute;
bottom: 0;
right: -10px;
clear: both;
border-top: 0;
border-bottom: 28px solid transparent;
}
.nik {
margin-bottom: 10px;
}
.grthumb {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 80px;
float: right;
margin-right: 20px;
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%;
}
.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;
}
.expired {
font: 16px Montserrat;
}
.unday, .unhour, .unminute, .unsecond {
width: 50px; 
margin: 0 1px; 
float:left; 
display: inline;
}
.days, .hours, .minutes, .seconds {
font: bold 30px Montserrat;
margin: 0 0 5px 
}
.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: bold 13px Montserrat;
clear: both;
position: relative
}
.pagination a,
.pagination .disabled {
text-decoration: none;
padding: 5px 12px;
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(//www.smpn8-pdg.sch.id/wp-content/themes/mading/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(//www.smpn8-pdg.sch.id/wp-content/themes/mading/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(//www.smpn8-pdg.sch.id/wp-content/themes/mading/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: 'Open Sans';
width: auto;
height: 36px;
margin: 0;
padding: 0 10px;
overflow: hidden;
position: relative;
}
.madticker #infotit {
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
z-index: 100;
font: 400 14px/26px Montserrat;
padding: 0 3px 0 6px;
}
.madticker .infotim {
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
z-index: 100;
font: 400 14px/26px Montserrat;
padding: 0 6px 0 3px;
}
.madticker .mask {
position: relative;
margin: 0;
overflow: hidden
}
ul.newstickers {
position: relative;
left: 100%;
width: 10000px;
list-style-type: none;
margin: 6px 0;
padding: 0
}
ul.newstickers li {
float: left;
margin: 0 60px 0 0;
padding: 3px 0;
height: 20px;
font-size: 13px;
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,
.widget h3 a,
.widget-small h3 a {
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;
border: 0;
}
.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: 14px '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_gurus .owl-carousel .owl-item img { 
height: auto ! important;
width: 35%;
float: left;
margin: 0 15px 0 0;
}
.widget_gurus .goout {
padding: 15px 0;
}
.widget_gurus.widget .bfgtk {
margin: 0 0 0 35%;
font: bold 14px Montserrat;
}
.widget_gurus.widget .pgtk {
color: #777;
padding: 0 0 4px;
margin: 0 0 4px 15px;
border-bottom: 1px solid #ccc;
font: 13px 'Open Sans';
}
.widget_gurus span {
float: right;
}
.widget .vibar {
width: 100%;
height: 200px;
display: block;
margin: 0 0 15px
}
.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_gurus.widget .bfgtk {
margin: 0 0 0 35%;
font: bold 14px Montserrat;
}
.foot-inn .widget_gurus.widget .pgtk {
padding: 0 0 4px;
margin: 0 0 4px 15px;
font: 13px 'Open Sans';
}
.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 .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: 13px 'Open Sans';
padding: 5px 0;
margin: 0;
}
.foot-inn .widget .rssSummary {
font: 13px 'Open Sans';
}
.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 .widget h3, .foot-inn .widget-small h3, .foot-inn .widget h3 a, .foot-inn .widget-small h3 a {
margin: 0 0 15px;
font: bold 30px/40px Montserrat;
}
.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: 13px !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;
} #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: 1050px) {
.wrapper,
.nav-inn {
width: 100%;
min-height: 70px;
}
.nav-inn {
height: 105px;
}
.nav-inn.fade {
height: 70px;
}
.nav .dd {
height: 70px
}
.nav .dd li {
font-size: 13px;
line-height: 70px;
}
.nav .dd li a,
.boxed .nav .dd li a	{
padding: 0 14px;
font: 400 13px/70px Montserrat;
}
.fsearch.fa {
top: 18px;
}
.masearch {
top: 65px;
}
.boxed .logo img,
.logo img {
max-height: 50px;
}
.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 {
height:240px;
}
.editoz div + div + div + div{
display: none;
}
.editoz img {
height:240px;
width: auto;
}
.rconbg {
height: 240px;
}
.peaduo {
width: 33.333%;
}
.secblock .pead {
padding: 8px;
}
.six-info .metas {
padding-top: 0;
font: 400 13px 'Open Sans';
}
.six-info h3 {
line-height: 16px;
padding-top: 5px;
}
.boxed .six-info h3 a,
.six-info h3 a {
font: 400 13px/1.3 'Open Sans';
}
.ekstraku {
display: none;
}
.atime h3 {
font: bold 13px/16px 'Open Sans';
margin-right: 20px;
}
.boxed .barurg {
height: 255px;
}
.barurg .twolas,
.boxed .barurg .twolas {
display: none;
}
.boxed .mabaru .barulev {
height: 250px;
}
.singlev .singcoim ,
.boxed .singlev .singcoim {
position: relative;
height: 240px;
}
.barurg .secoim,
.boxed .barurg .secoim {
height: 240px;
}
#qslider {
margin: 50px auto
}
#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;
}
.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;
bottom: 18px;
}
.slideshow {
margin: 0;
min-height: 200px;
}
.fixed .slideshow {
margin: 34px 0 0;
}
.boxed.fade .nav-inn {
height: 104px;
}
.mob {
display: block;
width: 100%;
position: fixed;
top: 104px;
z-index: 1000;
}
.fade .open {display: none !important;}
.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 {
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: 70px;
}
.nofixed .breaks {
height: 50px;
}
.kontak .fa {
height: 34px;
width: 34px;
line-height: 34px;
font-size: 20px
}
.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 10px;
}
.secblock .pead {
padding: 4px;
}
.editoz .corner {
margin-top: 15px;
font: 400 14px Montserrat;
}
.editoz .edspan {
left: 18px;
}
.edbot {
display: block;
}
.peaduo {
width: 50%;
}
.peaduo.last {
width: 100%;
float: none;
display: block;
clear: both;
}
.madticker {
height: 30px;
}
.madticker #infotit,
.madticker .infotim {
font: 400 12px/20px Montserrat;
}
.madticker #infotit:after {
right: -8px;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
}
.madticker .infotim:before {
left: -8px;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
}
ul.newstickers li {
padding: 1px 0;
height: 17px;
font-size: 12px;
}
.mabaru {
padding: 4px 4px 8px;
}
.singlev .singcoim img {
width: 110%;
}
.twolas img {
width: 110%;
height: auto;
}
.pead .innpad {
padding: 2px;
}
.peaduo h3.fopen {
margin: 6px 6px 15px;
font: bold 25px/30px Montserrat;
letter-spacing: -2px;
}
.ekstraku {
display: inline;
}
#qslider .post {
font: italic 24px Philosopher;
}
.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%;
margin: 45px auto 0
}
.gtkquote {
padding: 6px;
}
.guruloop .gurus {
padding: 5px 12px 0 12px;
}
.overage h4,
.overback h4,
.widget h3, .widget-small h3	{
font: bold 24px Montserrat;
letter-spacing: -2px;
}
#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: 640px) {
.fmenu.fa {
left: 20px;
right: auto;
}
.open {
display:none !important;
}
.nav-inn {
height: 70px;
}
.mob {
top: 70px;
}
.overage .age-info .agedate {
font: 800 110px/1.15 'Open Sans';
letter-spacing: -3px;
}
.evnt {
font-size: 13px;
}
.logo {
width: auto;
float: none;
text-align: center
}
.logo img {
max-width: 100%
}
.boxed .logo img, .logo img {
margin: 0 auto;
}
.fsearch.fa {
top: 18px;
}
.masearch {
top: 65px;
}
.breadcrumbs {
font-size: 13px;
}
.massos {
width: auto;
float: none
}
.fixed .slideshow {
margin: 70px 0 0;
}
.slideshow {
background: #fff;
}
#slideshow,
.slideshow {
height: auto;
width: 100%
}
.madings .post .madingthumb {
width: 240px
}
.madings .post-content.with {
padding: 0 0 0 265px
}
.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;
}
.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);
}
.overback h4 {
font: bold 26px/40px Montserrat;
letter-spacing: -2px;
}
#qslider {
margin: 0 auto;
}
#quotes-slider {
margin: 25px auto
}
#qslider {
font: italic 18px Philosopher;
}
.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) {
.logo {
height: 50px;}
.guruloop {
max-width: 400px;
margin: 0 auto;
}
.guruloop .gurus {
border: 0;
}
.overage .agloop {
margin: 0 30px;
}
.overage .age-info .agedate {
font: 800 90px/1.15 'Open Sans';
letter-spacing: -3px;
}
.overage .agloop .age-info {
width: 100px;
}
.boxed .overage .atime h3 {
font: bold 20px/26px Montserrat;
font-size: 20px;
}
.galeria .eight {
width: 50%;
}
.boxed .barurg,
.barurg .secoim, 
.boxed .barurg .secoim, 
.boxed .mabaru .barulev, 
.singlev .singcoim, 
.boxed .singlev .singcoim {
height: auto;
}
.overage .atime h3 {
font: bold 20px/1.1 Montserrat;
margin-bottom: 12px;
}
.evnt {
padding: 0 0 0 140px;
}
.overage {
padding: 50px 0 60px;
}
.overage .atime {
padding: 0 0 30px;
}
#clockdiv {
margin: 30px auto 0;
}
}
@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;
}
.home .fixed .homebreak,
.fixed .homebreak {
height: 80px;
}
.mob {
top: 70px;
}
.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;
}
.six-info.n-one {
height: 220px;
overflow: hidden;
}
.boxed .six-info h3 a, .six-info h3 a {
font: 300 14px/1.3 Montserrat;
}
.boxed .six-info h3 , .six-info h3 {
min-height: 14px;
}
.editoz .corner {
font: 400 14px Montserrat;
}
.boxed .editoz img {
margin: 0 20px 0 10px;
}
.peaduo {
width: 100%;
float: none;
}
.galeria .eight {
width: 50%;
float: left;
}
.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%;
}
.overage .age-info .agedate {
font: 800 60px/1.0 'Montserrat';
}
.overage .age-info .agemon {
font: 800 13px/16px 'Montserrat';
}
.overage .atime h3 {
margin: 0 0 35px;
}
.evnt {
text-align: center;
padding: 0;
}
.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) {
.slideshow {
min-height: 100px;
}
.fixed .slideshow {
margin: 58px 0 0;
}
.nav-inn {
height: 58px;
max-height: 58px;
min-height: 58px;
}
.mob {
top: 58px;
}
.logo {
height: 34px;
padding: 12px;
}
.fmenu.fa {
left: 12px;
bottom: 12px;
}
.fsearch.fa {
top: 18px;
}
.fsearch.fa {
top: 23px;
}
.fsearch.fa {
top: 12px;
right: 12px;
}
.boxed .logo img, .logo img {
max-height: 34px;
padding: 0;
}
.masearch {
right: 5px;
}
.seccon h3 {
font: 300 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;
}
.overage .days, .overage .hours, .overage .minutes, .overage .seconds {
font: bold 25px Montserrat;
}
#qslider .post {
font: italic 16px Philosopher;
}
.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;
}
.overage .age-info .agedate {
font: 800 40px/1.0 'Montserrat';
}
.overage .agloop .age-info {
width: 60px;
}
.overage .atime h3 {
font: bold 16px/1.1 Montserrat;
}
.eiginn:hover .jamz {
bottom: 70%;
}
.eiginn:hover .gspan {
top: 35%;
}
.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;
}
.footbar {
padding: 40px 0;
margin: 0;
}
}
@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;
}
}