/*
Theme Name: Caleg
Theme URI: http://caleg.ciuss.com
Author URI: http://facebook.com/ciussgw
Description: Tema ini di desain untuk media para Caleg berkompetisi untuk Pemilu 2019
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: website wisata, website tour, website travel, tour dan travel, tour travel web
Copyright: (c) 2017 ciuss.com
*/


@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800";
@import "https://fonts.googleapis.com/css?family=Mr+Dafoe:400";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800";
@import "https://fonts.googleapis.com/css?family=PT+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;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

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

a {
    text-decoration: none;
    color: #186e90
}

section {
    padding: 0;
    background: #fdfdfd;
}

body {
    text-align: left;
    font: 300 13px/1.3 'Roboto', 'Open Sans', Arial, sans-serif;
}

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

.wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slidewrapper {
    position: relative;
}

.relv {
    position: relative;
}


/* HEADER */

.admin-bar #header {
    top: 32px;
}


#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    z-index: 200;
}

#header .overtop {
    position: relative;
    z-index: 20;
}

#header .htop {
    width: 100%;
    height: 90px;
}


/* Logo */

#header .logopat {
    width: 50%;
    float: left;
    padding: 0;
    margin: 0;
}

#header .patlo {
    padding: 15px 15px;
    text-align: left;
}

#header .patlo img {
    height: 60px;
    display: block;
}


/* Header Left */

#header .patr {
    width: 66.6%;
    float: left;
    padding: 0;
    margin: 0;
}


/* Right Header */

#header .patl {
    width: 33.33%;
    float: right;
    height: 90px;
    padding: 0;
    margin: 0;
    position: relative;
	overflow: hidden;
}

#header .patl .corner {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(45deg);
    top: -40px;
    right: -40px;
    z-index: 10;
}

#header .patl .corinn {
    position: relative;
    width: 80px;
    height: 80px;
}

#header .patl .cornews {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

#header .patl .calev {
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    background: #ffcc00;
    color: #222;
    font: bold 15px/40px 'Open Sans';
    border-radius: 3px;
}

#header .patl .calev .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background: #222;
    color: #fff;
    margin: 0 10px 0 -21px;
    border-radius: 3px 0 0 3px;
}


/* News */

#header .patl .hnews {
    padding: 0 50px;
    margin: 15px 0;
    border-left: 1px solid #fc0;
    position: relative;
    z-index: 5;
}

#header .patl .owl-theme.eventcal .owl-nav.disabled + .owl-dots {
    position: absolute;
    width: 25px;
    left: -36px;
    top: -14px;
}

#header .patl .owl-theme.eventcal .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 1px 7px;
}

#header .patl .mini {
    width: 80px;
    height: 60px;
    float: left;
    margin: 0 15px 0 0;
}

#header .patl .eventcal .mini img {
    width: 100%;
    height: auto;
}

#header .patl h3 {
    font: 14px/1.2 'Roboto', 'Open Sans';
}


/* Info Caleg */

#header .rcon {
    padding: 15px 0;
    float: right;
    width: 50%;
}

#header .listcon {
    padding: 0 20px;
    font: 400 14px/1.3 'Roboto', 'Open Sans', sans-serif;
}

#header .listcon .faem {
    padding: 3px 0;
}

#header .listcon .faem span {}

#header .listcon .fa {
    width: 20px;
}

#header .listcon .infocal {
    position: relative;
    width: 54px;
    height: 54px;
    float: left;
    margin: 0 15px 0 0;
    border-radius: 40px;
}

#header .listcon .nomer {
    position: absolute;
    width: 17px;
    height: 12px;
    text-align: center;
    font-size: 8px;
    left: -2px;
    top: -1px;
}

#header .listcon .angka {
    font: bold 40px/54px 'Montserrat', 'Open Sans';
    text-align: center;
    width: 54px;
    letter-spacing: -2px
}

#header .listcon .notime {
    display: none;
}

#header .hbotnav {
    width: 100%;
    height: 50px;
}

#header .hbotnav .patnav {
    margin-right: 240px;
}

#header .hbotnav .monav {
display: none;
}

#header .overbot {
    position: relative;
}

#header .overbot .rightnav {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
}

#header .overbot .rightnav .fa-navicon {
    display: none;
}

#header .overbot .rightnav .fa-search {
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    z-index: 100;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
    margin: 0 0 0 5px;
}

#header .pnav li {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    float: left;
    position: relative;
    transition: all .5s ease .1s;
}

#header .pnav li:hover {
    padding: 0 35px;
    transition: all .5s ease .1s;
}

#header .pnav li a {
    display: inline-block;
    font: 700 14px/50px 'Roboto', 'PT Sans', sans-serif;
}

#header .pnav li ul {
    display: block ! important;
    opacity: 0;
    transition: all .3s ease-out .1s;
    position: absolute;
    top: 50px;
    transform: rotateX(90deg);
    margin: 0;
    left: 0;
    width: auto;
    background: none;
    height: auto;
    z-index: -1;
    padding: 0;
    z-index: 1000;
    min-width: 150px;
}

#header .pnav li ul:before {
    display: none;
}

#header .pnav li ul li,
#header .pnav li ul li:first-child,
#header .pnav li ul li:hover,
#header .pnav li ul li:first-child {
    margin: 0;
    padding: 0 15px;
    line-height: 36px;
    height: 36px;
    float: none;
    position: relative;
    display: block;
    text-align: left;
    border: 0;
}

#header .pnav li ul li:last-child {
    border: 0 ! important;
}

#header .pnav li ul li a {
    display: block;
    white-space: nowrap;
    margin: 0 !important;
    white-space: nowrap;
    padding-top: 0;
    line-height: 36px;
    font-size: 14px;
}

#header .pnav li:hover ul {
    display: block ! important;
    transition: all .3s ease-out .1s;
    top: 50px;
    opacity: 1;
    z-index: 100;
    transform: rotateX(0deg);
}

#header .pnav li:hover ul li ul {
    display: block ! important;
    opacity: 0;
    top: -2px;
}

#header .pnav li ul li ul {
    position: absolute;
    display: block;
    opacity: 0;
    left: 100%;
    top: 0;
    border: 0;
    margin-left: 50px;
    transition: all .3s ease-out .1s;
    transform: rotateX(0deg);
}

#header .pnav li ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    right: 12px ! important;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    clear: both
}

#header .pnav li ul li:hover ul,
#header .pnav li ul li ul li:hover ul,
#header .pnav li ul li ul li ul li:hover ul,
#header .pnav li ul li ul li ul li ul li:hover ul,
#header .pnav li ul li ul li ul li ul li ul li:hover ul {
    display: block ! important;
    opacity: 1;
    left: 100%;
    top: 0;
    margin-left: 0;
    transition: all .3s ease-out .1s;
}

#header .pnav li ul li:hover ul li ul,
#header .pnav li ul li ul li:hover ul li ul,
#header .pnav li ul li ul li ul li:hover ul li ul,
#header .pnav li ul li ul li ul li ul li:hover ul li ul,
#header .pnav li ul li ul li ul li ul li ul li:hover ul li ul {
    display: block ! important;
    opacity: 0;
    left: 130%;
    top: 0;
}

#header .pnav li ul li ul li ul,
#header .pnav li ul li ul li ul li ul,
#header .pnav li ul li ul li ul li ul li ul,
#header .pnav li ul li ul li ul li ul li ul li ul,
#header .pnav li ul li ul li ul li ul li ul li ul li ul {
    position: absolute;
    display: block;
    opacity: 0;
    left: 130%;
    top: 0;
    transition: all .3s ease-out .1s;
    transform: rotateX(0deg);
}

#header .pnav li ul li ul li:hover ul,
#header .pnav li ul li ul li ul li:hover ul,
#header .pnav li ul li ul li ul li ul li:hover ul,
#header .pnav li ul li ul li ul li ul li ul li:hover ul,
#header .pnav li ul li ul li ul li ul li ul li ul li:hover ul {
    display: block ! important;
    opacity: 1;
    left: 100%;
    top: 0;
    transition: all .3s ease-out .1s;
}

#header .prosearch {
    right: 0;
    bottom: -40px;
}

#header .prosearch fieldset:after {
    display: none;
}

.rinfo {
    min-width: 150px;
    height: 54px;
    padding: 0 10px 0 25px;
    margin: -4px 0 0 0;
    border-radius: 0;
    float: right;
    display: inline-block;
	position: relative;
}

.cv .rinfo {
    padding: 0 10px 0 25px;
	border-radius: 0 0 0 50px;
}

.dg .rinfo {
    padding: 0 10px 0 5px;
	border-radius: 0;
}

.rinfo:before {
    content: '';
    position: absolute;
    left: -54px ! important;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 54px solid transparent;
    border-bottom: 0px solid transparent;
    clear: both;
	display: none;
}


.dg .rinfo:before {
    display: block !important;
}

.clcount {
    text-align: left;
}

.hari {
    min-width: auto;
    height: 50px;
    line-height: 40px;
    margin: 0 3px 0 0;
    font: bold 40px 'Open Sans';
    display: inline-block;
    float: left;
}

.lagi {
    font: bold italic 14px/15px 'Roboto', 'Open Sans';
    padding-top: 12px;
    min-width: 120px;
    display: block;
}

.caltime {
    font: italic 13px/15px 'Open Sans';
    padding: 0px;
    display: block;
}









/* Running Text */

.runtext {
    overflow: hidden;
    position: relative;
    height: 50px;
    z-index: 100;
    padding: 0;
    width: auto;
    margin: 0;
    background: #111;
    color: #fff;
}

.breaking {
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', sans-serif;
    width: auto;
    height: 50px;
    margin: 0;
    padding: 0 15px;
    overflow: hidden;
    position: relative;
}

.breaking #before {
    position: absolute;
    top: 11px;
    bottom: 11px;
    left: 10px;
    z-index: 100;
    font-weight: 700;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    font-family: 'Roboto', 'Open Sans', sans-serif;
    padding: 0 8px;
    border-radius: 30px;
    text-transform: uppercase;
}

.breaking #runsos {
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 10px;
    z-index: 100;
    font-weight: 700;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    font-family: 'Roboto', 'Open Sans', sans-serif;
    padding: 0 8px;
    text-transform: uppercase;
}

.breaking #runsos.circle {
border-radius: 30px;
}

.breaking #runsos a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    float: left;
    margin: 0 0 0 2px;
    text-align: center;
    display: inline-block;
}

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

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

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

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

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

ul.newstickers span {
    margin: 0;
    font-weight: 700;
    line-height: 20px;
    color: #fc0;
}







.mob {
    display: none
}






/* Big Slide */

#bigslide {
    padding: 140px 0 0;
    height: auto;
}

.slidecomp {
    margin: 0 auto;
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden;
}

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

.slidecomp .owl-carousel .owl-item img {
    height: auto;
}

.slidecomp .owl-dots {
    position: absolute;
    right: 30px;
    z-index: 30;
    top: 50%;
    width: 30px;
}

.slidecomp .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 3px 7px;
    border-radius: 30px;
}

.slider-n2 {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    z-index: 20;
}

.slider-n2 .relv {
    position: relative;
    overflow: hidden;
}

.slider-n2 .n2outer {
    width: auto;
    max-width: 40%;
    float: right;
    margin-right: 110px;
}

.slider-n2 .arrow-style {
    padding: 30px;
    position: relative;
}

.slider-n2 .heading {
    font: italic 700 40px/1.0 Montserrat, 'PT Sans', san-serif;
    margin: 0 0 10px;
}

.slider-n2 .desc {
    font: italic 300 16px/1.2 'Open Sans', san-serif;
    margin: 0 0 30px;
}

.slider-n2 .inline {
    display: inline-block;
}

.slider-n2 .inleftbut {
    border-radius: 40px;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    margin: 4px 8px 0 5px;
    font: bold 13px/40px 'Open Sans';
    letter-spacing: 4px;
}

.slider-n2 .inrightbut {
    border-radius: 40px;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    margin: 4px 8px 0 0;
    font: bold 13px/40px 'Open Sans';
    letter-spacing: 4px;
}

.arrow-style:before {
    content: '';
    position: absolute;
    right: -60px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 60px solid transparent;
    border-left: 0px solid transparent;
    clear: both
}

.arrow-style:after {
    content: '';
    position: absolute;
    left: -60px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 0px solid transparent;
    clear: both
}







/* Top Content */

.comtop {
    margin: 0;
    padding: 0;
}


/* Short Profile */

.shortpro {
    position: relative;
    width: 28%;
    height: 400px;
    float: left;
    font: 14px/1.4 'Roboto', 'Open Sans', sans-serif;
}

.shortright .shortpro {
    float: right
}

.inpro {
    padding: 60px 20px 15px;
}

.shortpro .linkpro {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 24px;
    line-height: 24px;
    font: 400 13px/24px 'Montserrat';
    padding: 0 10px;
}

.shortpro h2 {
    font: 300 28px/1.2 'Open Sans';
    margin: 0 0 15px;
}

.shortpro .calname {
    font-weight: 400;
    letter-spacing: 0px;
    font-family: 'Mr Dafoe';
}

.progenda {
    position: relative;
}

.cagenda {
    padding: 60px 20px 20px;
}

.caglis {
    padding: 5px 0;
}


/* Short After */

.shortafter {
    width: 72%;
    float: left;
    position: relative;
}

.shortafter:before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 0;
    height: 0;
    border-bottom: 14px solid transparent;
    border-top: 14px solid transparent;
    clear: both
}

.shortafter .linkpro {
    position: absolute;
    top: 20px;
    right: 100%;
    height: 24px;
    font: 400 13px/24px 'Montserrat';
    padding: 0 5px 0 10px;
    margin: 0;
}

.shortright .shortafter .linkpro {
    left: 20px;
    right: auto;
}

.shortright .shortafter:before {
    display: none;
}

.trigal {
    width: 33.33%;
    float: left;
}

.gal {
    height: 200px;
    overflow: hidden;
}

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

.inngal {
    padding: 15px 20px;
    height: 170px;
}

.metagal {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin: 7px 0 15px;
}

.inngal h3 {
    font: 16px/1.4 'Roboto', 'Open Sans', sans-serif;
}


/* Prioritas Slide*/

.prioritas {
    padding: 40px 30px;
}

.prioritas h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 1.2;
    font-family: 'Roboto', 'Open Sans', sans-serif;
}

.prioritas h4 {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    font-family: 'Roboto', 'Open Sans', sans-serif;
}

.prioritas .inprio {
    margin: 15px -15px;
}

.prioritas .proinn {
    margin: 0 15px;
}

.progslide .proimg {
    margin: 0 0 15px;
    position: relative;
}

.progslide .proimg a.prilink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    -webkit-transform: rotateY(90deg) scale(0);
    -ms-transform: rotateY(90deg) scale(0);
    transform: rotateY(90deg) scale(0);
    transition: all .5s ease .1s;
}

.proinn:hover .proimg a.prilink {
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(deg) scale(1);
    transform: rotate(0deg) scale(1);
    transition: all .5s ease .1s;
}

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

.progslide h2 {
    font: bold 20px/1.1 'Roboto', 'Open Sans';
}

.progslide .innprides {
    margin: 15px 0;
    font: 300 14px/1.3 Roboto;
}

.progslide.owl-theme .owl-dots {
    position: absolute;
    top: -55px;
    right: 0;
}

.progslide.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 5px 0 5px 8px;
}


/* Home Parallax */

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.toppar {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 5;
    overflow: hidden;
}

.top-parallax {
    padding: 0;
    min-height: 300px;
}

.partex {
    width: 70%;
    margin: 0 auto;
    position: relative;
}

.inpartex {
    padding: 150px 0;
    text-align: center;
    font: 300 40px 'Roboto';
    color: #fff;
}

.parnum {
    margin: 0 auto;
    position: relative;
}

.parinnum {
    position: absolute;
    z-index: 10;
    bottom: -65px;
    left: 0;
    right: 0;
}

.numcaleg {
    width: 100px;
    height: 100px;
    font: 700 75px/100px 'Montserrat';
    letter-spacing: -8px;
    text-align: center;
    margin: 0 auto;
    border-radius: 70px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.down .parinnum {
    bottom: -135px;
}

.numcaleg.sqw {
    border-radius: 0px;
}

.numcaleg.rnd {
    border-radius: 20px;
}

.parhal .partex {
    width: 50%;
    margin: 0;
    position: relative;
    float: right;
}

.parhal .inpartex {
    position: relative;
    padding: 150px 50px;
    text-align: right;
    font: 300 35px 'Roboto';
    margin: 0 0 0 80px;
}

.parhal .inpartex:before {
    content: '';
    position: absolute;
    left: -80px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 600px solid transparent;
    border-top: 0 solid transparent;
    clear: both;
}

.parhar .partex {
    width: 50%;
    margin: 0;
    position: relative;
    float: left;
}

.parhar .inpartex {
    position: relative;
    padding: 150px 50px;
    text-align: left;
    font: 300 35px 'Roboto';
    margin: 0 80px 0 0;
}

.parhar .inpartex:after {
    content: '';
    position: absolute;
    right: -80px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 600px solid transparent;
    border-top: 0 solid transparent;
    clear: both;
}


/* Call Us */

section.callus {
    padding: 0;
}

.bfcallus {
    padding: 0;
    width: 100%;
}

.bfcallus .calleft {
    width: 50%;
    float: left;
    position: relative;
    z-index: 10;
}

.bfcallus .clltext {
    padding: 40px 100px 40px 30px;
}

.bfcallus h2 {
    display: inline;
    float: left;
    font: 700 italic 30px/1.1 'Montserrat';
}

.bfcallus .calright {
    width: 50%;
    float: left;
    position: relative;
    z-index: 10;
}

.bfcallus .clrtext {
    padding: 40px 30px 40px 100px;
    text-align: center;
}

.bfcallus h4 {
    font: 20px/1.3 'Roboto';
    margin: 0 0 8px;
}

.callshare a {
    height: 35px;
    line-height: 35px;
    display: inline-block;
    padding: 0 15px 0 0;
    font-size: 16px;
}

.callshare .fa {
    height: 35px;
    width: 35px;
    margin: 0 10px 0 0;
    text-align: center;
    display: inline-block;
    line-height: 35px;
}


/* Join Us */

.joinus {
    position: relative;
    z-index: 10;
}

.joinside {
    width: 30% !important;
    float: left;
}

.joleinn {
    margin: 90px 0px;
    padding: 0 50px;
    text-align: center;
}

.joleinn h2 {
    font-size: 16px;
    height: 30px;
    margin: 0 20px;
    text-align: center;
}

.joleinn .jotext {
    font-size: 14px;
    line-height: 1.3;
    font-family: 'Roboto', 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 8px 0;
    height: 66px;
    overflow: hidden;
}

.joleinn .jobutt {
    padding: 20px 0;
}

.jobutt a {
    font-weight: bold;
    height: 26px;
    display: inline-block;
    margin;
    0 auto;
    line-height: 26px;
    padding: 0 8px;
}

.joincent {
    width: 40% !important;
    height: 365px;
    float: left;
    padding: 0;
    text-align: center;
}

.jocentinn {
    padding: 40px 80px;
    margin: 0;
    position: relative;
    ;
}

.jocentinn h4 {
    position: relative;
    font: 300 16px/1.3 'Roboto', 'Open Sans';
    margin: 0 0 20px;
}

.jocentinn h2 {
    font: 700 40px/1.1 Montserrat;
    margin: 0 0 10px;
}

.jocentinn h3 {
    text-align: center;
    font: 300 16px/1.2 'Roboto', 'Open Sans';
}

.cenbutt {
    padding: 30px 0;
}

.cenbutt a {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 25px;
    padding: 0 25px;
    font-size: 13px;
    font-weight: bold;
}

.outbox .joincent {
    margin: -30px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.outbox .joleinn {
    margin: 50px 0px;
}

.outbox .joleinn.sdl {
    border: 0;
}

.outbox .joleinn.sdr {
    border: 0;
}


/*  Video Home */

.homevid {
    padding: 30px;
}

.congal {
    margin: 0 -15px;
}

.galvid {
    width: 50%;
    float: left;
}

.ingal {
    margin: 0 15px;
}

.homevid .inprio {
    margin: 8px 0;
    height: 200px;
}

.provideo {
    margin: 0 -15px;
}

.showvid3 {
    width: 33.33%;
    float: left;
}

.vidinn {
    margin: 0 15px;
}

.showvid3 .vihome {
    width: 100%;
    height: 200px;
    display: block;
}

.showvid4 {
    width: 50%;
    float: left;
}

.showvid4 .vihome {
    width: 100%;
    height: 200px;
    display: block;
}

.galgal {
    width: 50%;
    float: left;
}

.progall {
    margin: 0;
}

.showgal {
    float: left;
    width: 25%;
}

.showimg {
    margin: 0;
    position: relative;
    height: 200px;
    overflow: hidden;
}

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

.galink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
	transition: all .5s ease .1s;
}

.gal2 .galink h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 1.2;
    font-family: 'Roboto', 'Open Sans', sans-serif;
	transition: all .5s ease .1s;
}

.gal2 .galink h4 {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    font-family: 'Roboto', 'Open Sans', sans-serif;
	transition: all .5s ease .1s;
}

.secgal {
    padding: 20px;
}

.showimg:hover .galink {
    transition: all .5s ease .1s;
}

.galink .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    z-index: 8;
    transform: scale(0);
    text-align: center;
    font-size: 55px;
    line-height: 80px;
    transition: all .5s ease .1s;
    cursor: pointer;
}

.showimg:hover .galink .fa {
    transform: scale(1);
    transition: all .5s ease .1s;
}









/* Breadcrumb */

.calbread {
    position: relative;
    margin: 140px 0 0;
}

.calbread a {
    font-weight: 700;
}

.breadcon {
    position: relative;
    display: block;
    padding: 20px 30px;
    z-index: 5;
}

.breadbox {
    margin: 0;
    width: 100%;
    line-height: 40px;
    height: 40px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.dimox {
    padding: 0;
    position: relative;
}

.breadcrumbs {
    float: left;
    font: 400 14px/40px 'Roboto', 'Open Sans', sans-serif;
    height: 40px;
    margin: 0 30px;
}

.breadcrumbs .fa {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
}

.comshare {
    float: right;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
}

.comshare .fa {
    width: 25px;
    font-size: 14px;
    text-align: center;
}


/* Single */

.com-content {
    padding: 30px;
}

.com-post {
    display: inline-block;
    width: 100%;
}

.comtent {
    width: 70%;
    float: left;
}

.comtent.fullnosidebar {
    width: 100%;
    float: none;
}
.page-template-page-blank .com-content {
    padding: 0;
}
.beloop {
    margin-right: 40px;
}

.comtent.fullnosidebar .beloop {
    margin: 0;
}

.comtent.full {
    width: 100%;
    float: none;
}

.comtent.full .beloop {
    margin-right: 0;
}

.snormal {
    position: relative;
    font-size: 13px;
    line-height: 1.4;
    padding: 5px 0 20px;
}

.com-meta h1 {
    font: 700 35px/1.2 'Roboto', 'Open Sans', sans-serif;
    margin-bottom: 15px;
    padding: 0 0 15px;
    position: relative;
}

.com-meta h1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    clear: both
}

.com-meta img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 25px;
}

.the-compost p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.the-compost table td {
    padding: 0 0 40px;
    border: 0;
    vertical-align: top;
}

.the-compost h1,
.the-compost h2,
.the-compost h3,
.the-compost h4,
.the-compost h5,
.the-compost h6 {
    font-weight: bold;
    margin: 15px 0;
}

.the-compost h1 {
    font-size: 24px;
    line-height: 35px;
}

.the-compost h2 {
    font-size: 22px;
}

.the-compost h3 {
    font-size: 20px;
}

.the-compost h4 {
    font-size: 18px;
}

.the-compost h5 {
    font-size: 16px;
}

.the-compost h5 {
    font-size: 14px;
}

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

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

.the-compost li {
    margin: 3px 0;
    font-size: 14px;
    line-height: 1.5;
}

.the-compost blockquote {
    padding: 0 15px 0 35px;
}

.the-compost blockquote p {
    font-style: italic;
    font-size: 15px;
    line-height: 1.5;
}

.the-compost strong {
    font-weight: 700;
}

.the-compost form {
font-family: 'Roboto', 'Open Sans', sans-serif;
font-size: 15px;
}
.the-compost input[type=text] ,
.the-compost input[type=email],
.the-compost input[type=password],
.the-compost input[type=date],
.the-compost input[type=number],
.the-compost input[type=tel],
.the-compost input[type=time],
.the-compost input[type=url] {
width: 300px;
padding: 8px 10px;
height: 16px;
line-height: 16px;
border-radius: 3px;
border: 1px solid #bbb;
margin: 5px 0;
}

.the-compost input[type=file] {
width: 300px;
padding: 4px 10px;
height: 24px;
line-height: 24px;
border-radius: 3px;
border: 1px solid #bbb;
margin: 5px 0;
}

.the-compost textarea {
width: 300px;
padding: 4px 10px;
height: 150px;
line-height: 16px;
border-radius: 3px;
border: 1px solid #bbb;
margin: 5px 0;
}

.the-compost select {
width: 300px;
padding: 0 10px;
height: 34px;
line-height: 34px;
border-radius: 3px;
border: 1px solid #bbb;
margin: 5px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.the-compost input[type=radio] {

    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    margin: 0 6px;
    padding: 0 10px;

}

.the-compost input[type=checkbox] {

    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    margin: 0 6px;
    padding: 0 10px;

}

.the-compost input[type=submit] {
padding: 0 15px;
height: 30px;
line-height: 30px;
border-radius: 5px;
border: 0;
margin: 15px 0 ;
background: #111; color: #ddd;
font-family: 'Roboto', 'Open Sans', sans-serif;
font-size: 15px;
font-weight: bold;
}
.the-compost button {
padding: 0 15px;
height: 30px;
line-height: 30px;
border-radius: 5px;
border: 0;
margin: 15px 0 ;
background: #111; color: #ddd;
font-family: 'Roboto', 'Open Sans', sans-serif;
font-size: 15px;
font-weight: bold;
}




.comtent .sglvideo {
    width: 100%;
    height: 400px;
    margin: 0 0 20px;
}

.the-compost .attachment img {
    max-width: 100%;
}

.the-compost .alignnone,
.the-compost img.alignnone {
    clear: both;
    display: block;
    margin-bottom: 25px;
    max-width: 100%;
}

.the-compost .alignleft,
.the-compost img.alignleft {
    display: inline;
    float: left;
    margin-right: 25px;
    margin-top: 8px;
    max-width: 100%;
}

.the-compost .alignright,
.the-compost img.alignright {
    display: inline;
    float: right;
    margin-left: 25px;
    margin-top: 8px;
    max-width: 100%;
}

.the-compost .aligncenter,
.the-compost img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.the-compost img.alignleft,
.the-compost img.alignright,
.the-compost img.aligncenter {
    margin-bottom: 25px;
    max-width: 100%;
}

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

.the-compost .wp-caption img {
    margin: 5px 5px 0;
    max-width: 96%;
	height: auto;
}

.the-compost .wp-caption p.wp-caption-text {
    font-size: 12px;
    margin: 5px;
}

.the-compost .wp-smiley {
    margin: 0;
}

.the-compost .gallery {
    margin: 0 auto 25px ! important;
}

.the-compost .gallery .gallery-item {
    float: left;
    margin: 0 0 -4px !important;
    text-align: center;
}

.the-compost .gallery.gallery-columns-1 .gallery-item {
    width: 100% !important;
}

.the-compost .gallery.gallery-columns-2 .gallery-item {
    width: 50% !important;
}

.the-compost .gallery.gallery-columns-3 .gallery-item {
    width: 33.333% !important;
}

.the-compost .gallery.gallery-columns-4 .gallery-item {
    width: 25% !important;
}

.the-compost .gallery.gallery-columns-6 .gallery-item {
    width: 16.16777% !important;
}

.the-compost .gallery.gallery-columns-8 .gallery-item {
    width: 12.5% !important;
}

.the-compost .gallery .gallery-item img {
    width: 100%;
    height: auto;
    border: none !important;
    margin-bottom: 0;
}

.the-compost .gallery .gallery-caption {
    font-size: 14px;
    margin: 0 0 14px;
}

.the-compost .gallery dl {
    margin: 0;
}

.the-compost .gallery br+br {
    display: none;
}

.the-compost .attachment img {
    display: block;
    margin: 0 auto;
}

.the-compost iframe {
    width: 100%;
    margin-bottom: 15px;
}




/* Tags */

.cp-footer {
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.cp-footer a {
    padding: 0 10px;
    display: inline-block;
    height: 24px;
    font: 400 14px/24px Roboto;
}

.post-nav {
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

.more .more-meta h1 {
    font: 700 24px/1.2 Roboto;
    margin: 40px 0 15px;
    padding: 0 0 15px;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.more .more-meta h1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    clear: both
}

.comment .tdavatar {
    width: 120px;
}

.comment .tdavatar img {
    width: 65px;
    height: 65px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 80px;
    background: #fff;
}

.comment .comcom {
    vertical-align: top;
}

.comment .comment-meta {
    background: #fff;
    padding: 15px 20px;
    font: 400 14px Roboto;
    color: #777;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 6px;
    margin: 0 0 30px;
}

.comment .comment-meta:after {
    content: '';
    position: absolute;
    z-index: 3;
    left: -20px;
    top: 22px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 20px solid #ddd;
    clear: both
}

.comment .comment-meta:before {
    content: '';
    position: absolute;
    z-index: 4;
    left: -18px;
    top: 22px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 20px solid #fff;
    clear: both
}

.com-author {
    font: 400 15px/1.6 Roboto;
}

.com-author span {
    font-weight: 700;
}

.com-date {
    padding-bottom: 15px;
}

.com-mod {
    color: #f00;
    font: italic 300 13px/1.3 Roboto;
    padding-bottom: 15px;
}

.comform-textarea {
    width: 65%;
    float: left;
}

.comarea {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin: 0 20px 20px 0;
    padding: 15px;
}

.comarea textarea {
    border: 0;
    padding: 0;
    font: 300 14px/1.3 Roboto;
    width: 100%;
    height: 130px;
}

.comauthor,
.comemail,
.comurl {
    width: 35%;
    float: right;
    margin-bottom: 8px;
}

.comauthor div,
.comemail div,
.comurl div {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 8px 15px;
}

.comauthor input,
.comemail input,
.comurl input {
    border: 0;
    padding: 0;
    font: 300 14px/1.3 Roboto;
}

.form-submit .submit {
    height: 34px;
    border-radius: 5px;
    border: 0;
    padding: 0 16px;
    margin: 0 0 0 2px;
    font: 400 14px Roboto;
}

.comment_message {
    line-height: 30px;
}

.comment-reply-link {
    display: inline-block;
    padding: 0px 15px;
    border: 1px solid #ddd;
    line-height: 30px;
    height: 30px;
    margin: 10px 0 0;
    border-radius: 30px;
}
.comment_list table {
    width: 100%;
}

/* Form SUpport */

.comsupport {
margin: 0 -15px;
}

.comtemplate {
width: 70%; float: left;
}
.comform {
width: 30%; float: right;
}
.cominn {
margin: 0 15px;
}
.cominn .comment_list {
padding: 15px 0;
}
.cominn .comment {
padding: 15px;
}
.comtx {
padding: 10px 15px; margin: 0 0 10px; border-radius: 3px;
}
.resauthor, .resmail {
padding: 10px 15px; margin: 0 0 10px; border-radius: 3px;
}
.cominn textarea, .cominn input[type=text] {
font-size: 15px;
line-height: 1.4;
font-family: Roboto, 'Open Sans', sans-serif;
border: 0;
width: 100%;
}
.cominn .form-submit .submit {
line-height: 40px;
height: 40px;
}
.cominn .mod {
margin: 40px 0 0;
}
.cominn .comment-form {
margin: 10px 0 0;
}


/* Single Related */

.singlemore {
    width: 50%;
    float: left;
    color: #777;
    margin: 0 0 15px;
    min-height: 65px;
}

.singlemore table {
    font: 400 14px/1.4 'Roboto';
}

.lpdate {
    width: 160px;
    height: 120px;
    border-radius: 2px;
    text-align: center;
    margin-right: 15px;
}

.tdtop {
    vertical-align: top;
}

.timore {
    padding: 0 40px 0 0;
}

.timore a {
    font: 700 15px/1.3 Roboto;
}

.timore span {
    font: 300 13px/1.4 'Roboto';
}


/* 404 */

.calbread.nf404 {
    margin: 140px 0 0;
}


/* Sekilas Archive */

.artab {
    margin: 0 15px;
}

.tabinfo {
    width: 100%;
}

.shortinfo td {
    font-size: 14px;
    line-height: 1.6;
    padding: 5px 15px 5px 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
}


/* Archive Video */

.arvid {
    margin: 0 15px;
}

.arvid .svideo {
    width: 100%;
    height: 400px;
    display: block;
    margin: 0 0 15px;
}

.com-meta .svideo {
    width: 100%;
    height: 400px;
    display: block;
    margin: 0 0 15px;
}

.arvid h2 {
    font: bold 22px/1.2 'Roboto', 'Open Sans';
    margin: 0 0 30px;
}


/* Paginasi */

.pagination {
    padding: 0;
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', sans-serif;
    clear: both;
    position: relative;
    display: inline-block;
    text-align: center;
}

.pagination a,
.pagination .disabled {
    text-decoration: none;
    display: inline-block;
    float: left;
    padding: 0 6px;
    font-weight: 400;
    height: 30px;
    min-width: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin: 0 3px 3px 0;
    background: #111;
    color: #fff;
    border: 2px solid #111;
}

.pagination a:hover,
.pagination a.active {
    background: #fc0;
    color: #111;
    border: 2px solid #fc0;
}

.previouspostslink .fa,
.nextpostslink .fa {
    line-height: 32px;
    height: 32px;
}


/* Single Agenda */

.smedium {
    position: relative;
    font-size: 16px;
    line-height: 1.4;
    padding: 5px 0 20px;
    font-weight: 400;
}

.smedium strong {
    font-weight: 700;
}


/* Archive Agenda */

.tabage {
    margin: 0 15px;
}

.clagenda {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
}

.clagenda strong {
    font-weight: 700;
}

.clagenda td {
    padding: 15px 10px;
    background: #f7f7f7;
    border-top: 1px solid #eee;
}

.clagenda .cltop td {
    background: #111;
    color: #fc0;
    border-top: 1px solid #111;
    margin: 0 0 1px;
}

.clagenda td span {
    background: #111;
    color: #fff;
    display: inline-block;
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
}


/* Post Archive */

#loop {
    margin: 0 -15px;
}

.arhalf {
    float: left;
    width: 50%;
}

.arcon {
    margin: 0 15px 15px;
    position: relative;
    height: 400px;
}
.post-type-archive-galeri .arcon {
height: 320px;
}
.ardate {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 20px;
    font: 400 13px/20px 'Roboto';
    padding: 5px 10px;
}

.arimg {
    width: 100%;
    height: 240px;
    overflow: hidden;
    margin: 0 0 10px;
}

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

.arcon h2 {
    font: bold 22px/1.2 'Roboto', 'Open Sans';
}

.loop-meta {
    margin: 10px 0 0;
}

.loopten {
    margin: 15px 0;
}


/* Page Profile */

.prophoto {
    width: 30%;
    float: left;
}

.prophoto .phoimg {
    background: #eee;
    padding: 15px;
}

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

.prodesc {
    width: 70%;
    float: right;
}

.proinner {
    margin: 0 0 0 30px;
}

.the-desc {
    text-align: center;
    font: 400 16px Roboto;
    margin: 0 0 30px;
}

.the-desc h1 {
    font: 700 34px/1.4 'Roboto', 'Open Sans', sans-serif;
    margin: 0 0 30px;
    padding: 0 0 15px;
    text-align: center;
    position: relative;
}

.the-desc h1:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    height: 2px;
    margin-left: -50px;
    background: #fc0;
    clear: both
}
.proco {
background: #f7f7f7;
padding: 20px;
}
.proco span {
padding: 0 15px;
line-height: 1.5;
}
.proco .fa {
margin: 0 8px 0 0;
}


/* Sidebar */

.com-bar {
    width: 30%;
    float: left;
    font: 400 14px/1.3 'Roboto', 'Open Sans', sans-serif;
}


/* Sidebar Cari */

.com-bar .search_form {
    height: 35px;
    line-height: 35px;
    padding: 0 0;
    position: relative;
}

.com-bar .search_form input {
    height: 35px;
    line-height: 35px;
    padding: 0;
    font: 400 14px/35px 'Roboto', 'Open Sans', sans-serif;
    border: 0;
	background: #fdfdfd;
}

.com-bar .search_form button {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0;
}

.com-bar .search_form button .fa {
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
}


/* List Menu */

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

.com-bar .widget li,
.com-bar .widget-small li {
    padding: 8px 0;
    font: 400 14px/1.3 'Roboto', 'Open Sans', sans-serif;
}


/* Widget Link */

.com-bar .widget {
    padding: 20px;
    margin-bottom: 15px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.com-bar .widget a {
    font: 400 14px/20px 'Roboto', 'Open Sans', sans-serif;
}

.com-bar .widget .comment-author-link,
.com-bar .widget a.url {
    font-weight: 700;
}

.com-bar .widget a.rsswidget {
    font-weight: 700;
}

.com-bar .widget .rss-date {
    font-size: 11px;
    line-height: 22px;
    display: block;
}


/* Agenda Sidebar */

.com-bar .widget.widget_agenda {
    padding: 0;
}

.com-bar .widget.widget_agenda h3 {
    margin: 0;
}

.com-bar .widget.widget_agenda .tagbar {
    width: 100%;
}

.com-bar .widget.widget_agenda .tagbar tr {
    border-bottom: 1px solid #ddd;
}

.com-bar .widget.widget_agenda .tagbar td {
    min-width: 90px;
    padding: 20px 12px;
    text-align: left;
    border: 0;
    font: 14px/1.3 'Roboto', 'Open Sans', sans-serif;
    vertical-align: middle;
}

.com-bar .widget.widget_agenda .tagbar td a {
    font: 700 14px/1.3 'Roboto', 'Open Sans', sans-serif;
}

.com-bar .widget.widget_agenda .tagbar .spagenda {
    display: inline-block;
    float: right;
    height: 24px;
    padding: 0 5px;
    line-height: 24px;
    position: relative;
    width: 80px;
    text-align: center;
}

.com-bar .widget.widget_agenda .tagbar .spagenda:after {
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-left: 6px solid #111;
    border-top: 12px solid transparent;
    clear: both
}


/* Audio Sidebar */

.com-bar .widget.widget_media_audio {
    padding: 0;
}

.com-bar .widget.widget_media_audio h3 {
    margin: 0;
}


/* Video Sidebar */

.com-bar .widget.widget_media_video {
    padding: 0;
}

.com-bar .widget.widget_media_video h3 {
    margin: 0;
}


/* Galeri Video */

.vibar {
    width: 100%;
    height: 180px;
    display: block;
    margin: 0 0 20px;
}

.vibar:last-child {
    margin: 0;
}


/* Galeri Sidebar */

.com-bar .widget .gallery {
    margin: 0 ! important;
}

.com-bar .widget .gallery .gallery-item {
    float: left;
    margin: 0 !important;
    text-align: center;
}

.com-bar .widget .gallery .gallery-columns-1 .gallery-item {
    width: 100% !important;
}

.com-bar .widget .gallery .gallery-columns-2 .gallery-item {
    width: 50% !important;
}

.com-bar .widget .gallery .gallery-columns-3 .gallery-item {
    width: 33.333% !important;
}

.com-bar .widget .gallery .gallery-columns-4 .gallery-item {
    width: 25% !important;
}

.com-bar .widget .gallery .gallery-columns-6 .gallery-item {
    width: 16.16777% !important;
}

.com-bar .widget .gallery .gallery-columns-8 .gallery-item {
    width: 12.5% !important;
}

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

.com-bar .widget .gallery .gallery-caption {
    color: #888;
    font-size: 14px;
    margin: 0 0 14px;
}

.com-bar .widget .gallery dl {
    margin: 0;
}

.com-bar .widget .gallery br+br {
    display: none;
}


/* Heading Widget */

.com-bar .widget h3 {
    font: 700 16px 'Roboto', 'Open Sans', sans-serif;
    letter-spacing: 1px;
    padding: 15px 20px;
    margin: -20px -20px 20px;
}


/* Text Widget */

.com-bar .widget.textwidget {
    font: 400 13px/1.4 'Roboto', 'Open Sans', sans-serif;
}

.com-bar .widget.textwidget p {
    margin: 0 0 20px;
}

.com-bar .textwidget ol {
    list-style: decimal;
    padding-left: 15px;
    margin: 15px 0;
}

.com-bar .textwidget ul {
    list-style: disc;
    padding-left: 15px;
    margin: 15px 0;
}

.com-bar .widget .textwidget li {
    margin: 0;
    border: 0;
    padding: 0;
    font: 400 14px/1.4 'Roboto', 'Open Sans', sans-serif;
}

.com-bar .widget .textwidget blockquote {
    background: #fdfdfd;
    padding: 10px 15px;
}

.com-bar .widget .textwidget blockquote p {
    font: italic 400 14px/1.5 'Roboto', 'Open Sans', sans-serif;
}


/* Tags CLouds */

.com-bar .widget .tagcloud {
    padding: 0
}

.com-bar .widget .tagcloud a {
    margin: 0 2px 4px 0;
    padding: 0 12px;
    line-height: 25px;
    font: 400 14px/25px 'Roboto', 'Open Sans', sans-serif ! important;
    display: inline-block;
    text-transform: lowercase;
}

.com-bar .widget .rpthumb img {
    float: left;
    margin: 3px 15px 15px 0;
    background: #fff;
}

.com-bar .widget .rpthumb p {
    margin: 0 0 15px 0;
}

.com-bar .widget .rpthumb p a {
    font-weight: 700;
}


/* Widget Select */

.com-bar .widget select {
    margin: 10px 0;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font: 400 13px/35px 'Roboto', 'Open Sans', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    ;
}

.com-bar .widget img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.com-bar .widget img.rss-widget-icon {
    display: none;
}

.com-bar .widget_calendar table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    background: #fff;
    text-align: center;
}

.com-bar .widget_calendar table th,
.com-bar .widget_calendar table td {
    height: 30px;
    font: 400 14px/40px 'Roboto', 'Open Sans', sans-serif;
}

.com-bar .widget_calendar table td a {
    font: 700 14px/40px 'Roboto', 'Open Sans', sans-serif;
}

.com-bar .widget_calendar caption {
    font: 700 16px/40px 'Roboto', 'Open Sans', sans-serif;
    background: #fdfdfd;
}







/* Footbar */

section.footbar {
    display: block;
    padding: 30px;
}

.befooter {
    margin: 0 -15px;
}

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

.foot-inn {
    margin: 0 15px;
}


/* Sidebar Cari */

.foot-bar .search_form {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    position: relative;
	background: #fff;
}

.foot-bar .search_form input {
    height: 35px;
    line-height: 35px;
    padding: 0;
    font: 400 14px/35px 'Roboto', 'Open Sans', sans-serif;
    border: 0;
}

.foot-bar .search_form button {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0;
}

.foot-bar .search_form button .fa {
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
}


/* List Menu */

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

.foot-bar .widget li,
.foot-bar .widget-small li {
    padding: 8px 0;
    font: 400 14px/1.3 'Roboto', 'Open Sans', sans-serif;
}


/* Widget Link */

.foot-bar .widget {
    padding: 20px 0;
    margin-bottom: 15px;
}

.foot-bar .widget a {
    font: 400 14px/20px 'Roboto', 'Open Sans', sans-serif;
}

.foot-bar .widget .comment-author-link,
.foot-bar .widget a.url {
    font-weight: 700;
}

.foot-bar .widget a.rsswidget {
    font-weight: 700;
}

.foot-bar .widget .rss-date {
    font-size: 11px;
    line-height: 22px;
    display: block;
}


/* Agenda Sidebar */

.foot-bar .widget.widget_agenda {
    padding: 0;
}

.foot-bar .widget.widget_agenda h3 {
    margin: 0;
}

.foot-bar .widget.widget_agenda .tagbar {
    width: 100%;
}

.foot-bar .widget.widget_agenda .tagbar td {
    min-width: 90px;
    padding: 10px 18px 10px 0;
    text-align: left;
    border: 0;
    font: 14px/1.3 'Roboto', 'Open Sans', sans-serif;
    vertical-align: middle;
}

.foot-bar .widget.widget_agenda .tagbar td a {
    font: 700 14px/1.3 'Roboto', 'Open Sans', sans-serif;
}

.foot-bar .widget.widget_agenda .tagbar .spagenda {
    display: inline-block;
    float: right;
    height: 24px;
    padding: 0 5px;
    line-height: 24px;
    position: relative;
    width: 80px;
    text-align: center;
}

.foot-bar .widget.widget_agenda .tagbar .spagenda:after {
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    clear: both
}


/* Audio Sidebar */

.foot-bar .widget.widget_media_audio {
    padding: 0;
}

.foot-bar .widget.widget_media_audio h3 {
    margin: 0;
}


/* Video Sidebar */

.foot-bar .widget.widget_media_video {
    padding: 0;
}

.foot-bar .widget.widget_media_video h3 {
    margin: 0;
}


/* Galeri Video */

.vibar {
    width: 100%;
    height: 180px;
    display: block;
    margin: 0 0 20px;
}

.vibar:last-child {
    margin: 0;
}


/* Galeri Sidebar */

.foot-bar .widget .gallery {
    margin: 0 ! important;
}

.foot-bar .widget .gallery .gallery-item {
    float: left;
    margin: 0 !important;
    text-align: center;
}

.foot-bar .widget .gallery .gallery-columns-1 .gallery-item {
    width: 100% !important;
}

.foot-bar .widget .gallery .gallery-columns-2 .gallery-item {
    width: 50% !important;
}

.foot-bar .widget .gallery .gallery-columns-3 .gallery-item {
    width: 33.333% !important;
}

.foot-bar .widget .gallery .gallery-columns-4 .gallery-item {
    width: 25% !important;
}

.foot-bar .widget .gallery .gallery-columns-6 .gallery-item {
    width: 16.16777% !important;
}

.foot-bar .widget .gallery .gallery-columns-8 .gallery-item {
    width: 12.5% !important;
}

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

.foot-bar .widget .gallery .gallery-caption {
    color: #888;
    font-size: 14px;
    margin: 0 0 14px;
}

.foot-bar .widget .gallery dl {
    margin: 0;
}

.foot-bar .widget .gallery br+br {
    display: none;
}


/* Heading Widget */

.foot-bar .widget h3 {
    font: 700 16px 'Roboto', 'Open Sans', sans-serif;
    letter-spacing: 1px;
    padding: 15px 20px;
    margin: -20px -20px 0;
}
.foot-bar .widget.widget_media_video h3,
.foot-bar .widget.widget_media_audio h3 {
   padding: 15px 0;
}
.foot-bar .widget.widget_agenda h3 {
    padding: 15px 0;
}

/* Text Widget */

.foot-bar .widget.textwidget {
    font: 400 13px/1.4 'Roboto', 'Open Sans', sans-serif;
}

.foot-bar .widget.textwidget p {
    margin: 0 0 20px;
}

.foot-bar .textwidget ol {
    list-style: decimal;
    padding-left: 15px;
    margin: 15px 0;
}

.foot-bar .textwidget ul {
    list-style: disc;
    padding-left: 15px;
    margin: 15px 0;
}

.foot-bar .widget .textwidget li {
    margin: 0;
    border: 0;
    padding: 0;
    font: 400 14px/1.4 'Roboto', 'Open Sans', sans-serif;
}

.foot-bar .widget .textwidget blockquote {
    background: #fdfdfd;
    padding: 10px 15px;
}

.foot-bar .widget .textwidget blockquote p {
    font: italic 400 14px/1.5 'Roboto', 'Open Sans', sans-serif;
}


/* Tags CLouds */

.foot-bar .widget .tagcloud {
    padding: 0
}

.foot-bar .widget .tagcloud a {
    margin: 0 2px 4px 0;
    padding: 0 12px;
    line-height: 25px;
    font: 400 14px/25px 'Roboto', 'Open Sans', sans-serif ! important;
    display: inline-block;
    text-transform: lowercase;
}

.foot-bar .widget .rpthumb img {
    float: left;
    margin: 3px 15px 15px 0;
    background: #fff;
}

.foot-bar .widget .rpthumb p {
    margin: 0 0 15px 0;
}

.foot-bar .widget .rpthumb p a {
    font-weight: 700;
}


/* Widget Select */

.foot-bar .widget select {
    margin: 10px 0;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font: 400 13px/35px 'Roboto', 'Open Sans', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    ;
}

.foot-bar .widget img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.foot-bar .widget img.rss-widget-icon {
    display: none;
}

.foot-bar .widget_calendar table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    background: rgba(255,255,255,0.14);
    text-align: center;
}

.foot-bar .widget_calendar table th,
.foot-bar .widget_calendar table td {
    height: 30px;
    font: 400 14px 'Roboto', 'Open Sans', sans-serif;
    line-height: 30px;
}

.foot-bar .widget_calendar table td a {
    font: 700 14px 'Roboto', 'Open Sans', sans-serif;
}

.foot-bar .widget_calendar caption {
    font: 700 16px/40px 'Roboto', 'Open Sans', sans-serif;
    background: rgba(255,255,255,0.24);
}

.copyright {
    height: auto;
    line-height: 1.5;
    text-align: center;
	padding: 30px;
}

.copyright img {
    height: 50px;
    width: auto;
    margin-right: 50px;
    display: block;
    margin: 0 auto 20px;
}

#return-to-top .fa {
    margin: 0;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 1000;
    -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;
    font-size: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: none;
}

#return-to-top .fa {
    display: block;
}
.hello {
position: fixed;
bottom: 20px;
height: auto;
left: 0;
width: 45px;
z-index: 100;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
border-radius: 0 4px 4px 0;
}
.hello .in {
padding: 5px;
}
.hello .fa {
width: 35px; 
height: 35px;
line-height: 35px; 
font-size: 22px;
text-align: center;
float: left;
margin: 0 0 1px 0;
}



.color {
position: fixed; 
bottom: 70px;
width: 200px;
right: -216px;
z-index: 10000;
border-radius: 4px;
}
.color.opcolor {
right: 0px;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.colorin {
position: relative;
}
.buka {
position: absolute;
top: 8px;
left: -53px;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
font-size: 32px;
border-radius: 5px 0 0 5px;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
overflow: hidden;
}
.buka .fa {
width: 35px;
}
.partai {
padding: 5px 15px;
width: 70px;
float: left;
cursor: pointer;
}



@media screen and (max-width:1050px) {
#header .listcon {
    padding: 0 10px;
}
#header .patl .hnews {
    padding: 0 20px;
}
#header .patl .owl-theme.eventcal .owl-dots {
display: none !important;
}
#header .hbotnav {
    height: 40px;
}
#header .pnav li {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
#header .pnav li a {
    font: 700 13px/40px 'Roboto', 'PT Sans', sans-serif;
}
#header .pnav li:hover {
    padding: 0 25px;
}

#header .pnav li ul {
    top: 40px;
}

#header .pnav li ul li,
#header .pnav li ul li:first-child,
#header .pnav li ul li:hover,
#header .pnav li ul li:first-child {
    line-height: 30px;
    height: 30px;
}

#header .pnav li ul li a {
    line-height: 30px;
    font-size: 13px;
}

#header .pnav li:hover ul {
    top: 40px;
}





#header .overbot .rightnav {
    height: 40px;
    line-height: 40px;
}
#bigslide {
    padding: 130px 0 0;
}
.slidecomp .owl-theme .owl-dots .owl-dot span {

    width: 15px;
    height: 15px;
    margin: 1px 7px;

}


.rinfo {
    height: 44px;
	min-width: 125px;
}

.hari {
    height: 40px;
    line-height: 35px;
    margin: 0 3px 0 0;
    font: bold 35px 'Open Sans';
}

.lagi {
    font: 11px/13px 'Roboto', 'Open Sans';
}

.caltime {
    font: italic 11px/13px 'Open Sans';
}
.breadcon {
padding: 10px 15px;
}
.com-content {
    padding: 15px;
}
.beloop {
    margin-right: 15px;
}
.slider-n2 .heading {
font-size: 30px;
}
.slider-n2 .desc {
    font-size: 14px;
    margin: 0 0 20px;
}
.shortright .shortpro, .shortpro {
height: 200px;
float: none;
width: 100%;
}
.inpro {
    width: 45%;
    float: left;
}
.progenda {
    width: 50%;
    float: right;
}
.shortafter {
    width: 100%;
    float: none;
}
.prioritas {

    padding: 15px 20px 30px;

}
.prioritas .inprio {
    margin: 15px -10px;
}
.prioritas .proinn {
    margin: 0 10px;
}

.progslide.owl-theme .owl-dots .owl-dot span {

    width: 15px;
    height: 15px;
    margin: 5px 0 5px 3px;

}
.progslide.owl-theme .owl-dots {
    right: 8px;
}
.joleinn {
    padding: 0 30px;
}
.parhar .inpartex {
    font-size: 25px;
}
.parhal .inpartex {
    font-size: 25px;
}
.parcen .inpartex {
    font-size: 25px;
}
.bfcallus h2 {
    font-size: 28px;
}
.homevid {
    padding: 15px;
}
.showimg {
height: auto;
}
.gal2 .galink h3 {
font-size: 25px;
}
section.footbar {
    padding: 30px 20px;
}
.befooter {
    margin: 0 -10px;
}
.foot-inn {
    margin: 0 10px;
}
.calbread.nf404 {

    margin: 130px 0 0;

}
.calbread {
    margin: 130px 0 0;
}
.arvid .svideo {
    height: 350px;
}
.com-meta .svideo {
    height: 350px;
}
.timore {
    padding: 0 10px 0 0;
}









}

@media screen and (max-width:1024px) {
.callshare a {
    font-size: 14px;
}
.foot-bar {

    width: 33.33%;
}
}

@media screen and (max-width:980px) {
#header .hbotnav .patnav {
    display: none;
}
#header .patl {
    display: none;
}
#header .patr {
width:100%;
float: none;
}
#header .listcon {
    padding: 0 30px;
}
#header .hbotnav  .monav {
display: inline-block;
    height: 26px;
    padding: 0 6px;
    margin: 7px 10px;
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
	cursor: pointer;
	cursor: pointer;
}
.mob {
position: fixed;
top: 130px;
left: 0;
right: 0;
display: block;
width: 100%;
z-index: 105;
}
.mobi {
    padding: 0 15px;
}
.mobi ul li {
    line-height: 35px;
	position: relative;
}
.mobi ul li:last-child {
    border-bottom: 0 !important;
}
.mobi ul li.menu-item-has-children:after {
        content: '';
        position: absolute;
        right: 10px;
        top: 16px;
        width: 0;
        height: 0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        clear: both
    }
.mobi ul li a {
font-weight: bold;
display: block;
}

.mobi ul li ul li {
margin-left: 15px;
}

.slider-n2 {

    bottom: 70px;
}

.slider-n2 .inleftbut {
    height: 35px;
    padding: 0 14px;
    margin: 4px 5px 0 3px;
    font: bold 12px/35px 'Open Sans';
    letter-spacing: 3px;
}
.slider-n2 .inrightbut {
    height: 35px;
    padding: 0 14px;
    margin: 4px 5px 0 0;
    font: bold 12px/35px 'Open Sans';
    letter-spacing: 3px;
}
.parhar .inpartex {
    padding: 100px 50px;
}
.bfcallus .clltext {
    padding: 40px 80px 40px 30px;
}
.bfcallus .clrtext {
    padding: 40px 30px 40px 80px;
}
.shortleft .shortafter .linkpro {
right: auto;
left: 20px;
}
.shortleft .shortafter:before {
display: none;
}
}

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

.slider-n2 {
    bottom: 50px;
}
.slider-n2 .arrow-style {
    padding: 20px;
}
.slider-n2 .n2outer {
margin-right: 80px
}
.slider-n2 .heading {
    font-size: 25px;
}
.slidecomp .owl-dots {
    right: 15px;
}
.slider-n2 .inleftbut,
.slider-n2 .inrightbut {
    height: 30px;
    font: bold 10px/30px 'Open Sans';
}

.runtext {
height: 40px;
}
.breaking {
    font-size: 13px;
    height: 40px;
}
.breaking #runsos {
    top: 7px;
	height: 28px;
line-height: 28px;
}
ul.newstickers {
margin: 5px 0
}
.breaking #before {
    top: 6px;
}
.breaking #runsos a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
}
.gal img {
    width: auto;
    height: 100%;
}
.jocentinn {
    padding: 40px 30px;
    margin: 0;
}
.parhar .inpartex {
    font-size: 18px;
}
.parhal .inpartex {
    font-size: 18px;
}
.parcen .inpartex {
    font-size: 25px;
}
.down .parinnum {
    bottom: -45px;
}
.numcaleg {
    width: 80px;
    height: 80px;
    font: 700 60px/80px 'Montserrat';
    letter-spacing: -6px;
}
.bfcallus .calleft {
    width: 100%;
    float: none;
}
.bfcallus .clltext {
text-align: center;
    padding: 60px 30px 20px 30px;
}
.bfcallus .calright {
    width: 100%;
    float: none;
}
.bfcallus .clrtext {
    padding: 0 30px 30px;
}
.showgal {
    width: 33.3333%;
}
.gal7, .gal8 {
display: none;
}
.breadcon {
    padding: 5px 15px;
}
.comtent {
    width: 100%;
    float: none;
}
.beloop {
    margin: 0;
}
#loop {
    margin: 0 -8px;
}
.arcon {
    margin: 0 8px 15px;
}
.com-bar {
    width: 100%;
    float: none;
}
.arvid {
    margin: 0 8px;
}
.com-meta h1 {
    font-size: 28px;
}
.breadbox {
height: auto;
}
.breadcrumbs {
    margin: 0;
    text-align: center;
	float: none;
}
.breadcrumbs .fa {
    position: relative;
}
.comshare {
    float: none;
    margin: 0;
	text-align: center;
}

.comform {

    width: 100%;
    float: none;
    margin: 0 0 50px;

}

.comtemplate {

    width: 100%;
    float: none;

}

.parinnum {
    bottom: -45px;
}









}

@media screen and (max-width:768px) {
.progenda {
    width: 48%;
}
.joinside {
    width: 100% !important;
    float: none;
}
.outbox .joleinn {
    margin: 0;
	padding: 30px;
}
.inbox .joleinn {
    margin: 0px;
    padding: 40px 50px;
}
.inbox .jocentinn {
    padding: 0 30px;
    margin: 0;
}
.joleinn .jotext {
height: auto;
}
.joincent {
    width: 100% !important;
    height: auto;
    float: none;
}
.outbox .joincent {
    margin: 0;
}
.cenbutt {
    padding: 30px 0 0;
}
.parhar .partex,
.parhal .partex {

    width: 100%;
    float: none;

}
.parhar .inpartex ,
.parhal .inpartex,
.parcen .inpartex {
    text-align: center;
    margin: 0 100px;
    font-size: 20px;
    padding: 120px 0;
}
.parhar .inpartex:after ,
.parhal .inpartex:before {
display: none;
}
.partex {
    width: 100%;
}




}

@media screen and (max-width:640px) {
#header .htop {
    height: 75px;
}
#header .patr {
position: relative;
}
#header .rcon {
    padding: 12px;
	position: absolute;
top: 0;
left: 100%;
}
#header .listcon {
    position: relative;
	padding: 0 20px 0 0;
	font-size: 12px;
	width: 320px;
	margin: 0 0 0 -80px;
	transform: all .5s ease .1s;
}
#header .listcon.showinfo {
	margin: 0 0 0 -350px;
	transform: all .5s ease .1s;
}
#header .listcon:after {
content: "x";
position: absolute;
right: 15px;
top: 0;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 0px;
font: bold 10px 'Open Sans';
text-transform: uppercase;
z-index: 10;
}
#header .listcon .faem {
position:relative;
display: block;
z-index: 15;
margin: 0 0 0 75px;
}
#header .logopat {
float: none;
width: 100%;
}
#header .patlo {
    padding: 10px 15px;
}
#header .patlo img {
    height: 55px;
}
#header .listcon .infocal {
    width: 45px;
    height: 45px;
	margin: 0 15px 0 5px;
}
#header .listcon .angka {
    font: bold 34px/45px 'Montserrat', 'Open Sans';
    width: 45px;
}

.mob {
    top: 115px;
}

#bigslide {
    padding: 115px 0 0;
}
.slider-n2 .heading {
    font-size: 17px;
}
.slider-n2 .desc {
    font-size: 12px;
    margin: 0px 0 10px;
}
.slider-n2 .inleftbut, .slider-n2 .inrightbut {
    height: 26px;
    font: bold 10px/26px 'Open Sans';
	padding: 0 10px;
	letter-spacing: 2px;
	margin: 4px 0 0 2px;
}
.slider-n2 .arrow-style {
    padding: 15px;
}
.slider-n2 .n2outer {
    margin-right: 60px;
}
.slidecomp .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
}
.slidecomp .owl-dots {
    right: 10px;
}

.shortright .shortpro, .shortpro {
    height: auto;
}
.inpro {
    width: auto;
    float: none;
}
.progenda {
    width: auto;
    float: none;
}
.prioritas h3 {
    font-size: 25px;
}
.prioritas h4 {
    font-size: 13px;
}
.trigal {
    width: 100%;
    float: none;
	height: 200px;
}
.inngal {
    padding: 15px 0;
    height: 170px;
    width: 50%;
	float:left;
}
.gal {
    height: 200px;
    width: 50%;
	float: right;
}
.gal img {
height: auto;
width: 100%;
}
.trigal:nth-child(1) .inngal ,
.trigal:nth-child(3) .inngal {
float: right;
}
.trigal:nth-child(1) .gal ,
.trigal:nth-child(3) .gal {
float: left;
}
.metagal {
    margin: 7px 20px 15px;
}
.inngal h3 {
margin: 0 20px;
}

.showgal {
    width: 50%;
}
.foot-bar {
    width: 50%;
}

.calbread.nf404 {

    margin: 115px 0 0;

}
.breadcrumbs {
    font: 400 13px/20px 'Roboto', 'Open Sans', sans-serif;
    height: auto;
}
.breadcrumbs .fa {
    height: 20px;
    line-height: 20px;
}

.breadbox {
    line-height: 20px;
    height: auto;
}
.breadcon {

    padding: 10px 15px;

}
.calbread {

    margin: 115px 0 0;

}
.com-meta h1 {
    font-size: 28px;
}
.arimg {
    height: 200px;
}
.ardate {
    padding: 3px 10px;
}
.arcon {
    height: 370px;
}
.post-type-archive-galeri .arcon {

    height: 265px;

}
.arcon h2 {
    font-size: 18px;
}
.tabage {
    margin: 0 8px;
	overflow-x: auto;
}
.clagenda {
    width: 700px;
}
.arvid .svideo {
    height: 300px;
}
.com-meta .svideo {
    height: 300px;
}
.singlemore {
    width: 85%;
	float: none;
}
.slash {
display: none;
}
.koor {
    display: block;
}

.prophoto {

    width: 100%;
    float: none;

}
.prophoto .phoimg {
    max-width: 300px;
    margin: 20px auto;
}
.prodesc {

    width: 100%;
    float: none;

}
.proinner {

    margin: 0;

}
.the-desc h1 {

    font-size: 28px
}



}

@media screen and (max-width:600px) {
.slider-n2 {
    bottom: 35px;
}
.breaking #before {
    display: none;
}
.progslide.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
}
.calbread {
    margin: 115px 0 0;
}









}

@media screen and (max-width:520px) {
.slidecomp .owl-dots {
    right: 0px;
}
.slider-n2 {
    bottom: 25px;
}
.slider-n2 .n2outer {
    margin-right: 45px;
}
.slider-n2 .heading {
    font-size: 15px;
}
.slider-n2 .desc {
    font-size: 10px;
}
.slider-n2 .arrow-style {
    padding: 10px;
}
.gal img {
    height: 200px;
    width: auto;
}
.inngal h3 {
    font-size: 14px
}
.cenbutt a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}
.top-parallax {

    background: rgba(0, 0, 0, 0.51);

}
.top-parallax {
    min-height: 250px;
}
.numcaleg {
    width: 70px;
    height: 70px;
    font: 700 53px/70px 'Montserrat';
    letter-spacing: -4px;
}
.down .parinnum {
    bottom: -40px;
}
.bfcallus h4 {
    font-size: 15px;
}
.callshare a {
    font-size: 13px;
}
.com-meta h1 {
    font-size: 24px;
}
.arcon {
    height: 340px;
}
.post-type-archive-galeri .arcon {

    height: 215px;

}
.arimg {
    height: 150px;
}
.arvid .svideo {
    height: 250px;
}
.com-meta .svideo {
    height: 250px;
}
#commentform {
padding: 0 0 60px;
}

.comform-textarea {
    width: 100%;
    float: none;
}
.comarea {
    margin: 0 0 20px;
}
.comauthor, .comemail, .comurl {
    width: 100%;
    float: none;
}

.comform {

    margin: 0;

}
.parinnum {
    bottom: -40px;
}
.parhar .inpartex, .parhal .inpartex, .parcen .inpartex {
    margin: 0 80px;
    font-size: 20px;
    padding: 90px 0;
}



}

@media screen and (max-width:480px) {
.trigal {
    height: 160px;
}

.gal {
    height: 160px;
}
.inngal {
    height: 130px;
}
.bfcallus h2 {
    font-size: 24px;
}
.callshare a {
    height: 30px;
    line-height: 30px;
}
.callshare .fa {
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.gal2 .galink h3 {
    font-size: 20px;
}
.gal2 .galink h4 {
    font-size: 12px;
}
.galink .fa {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    font-size: 45px;
    line-height: 60px;
}
.top-parallax {
    min-height: 200px;
}

.jocentinn h2 {
    font-size: 35px;
}

.arvid .svideo {
    height: 220px;
}
.com-meta .svideo {
    height: 220px;
}
.comshare {
    height: 30px;
    line-height: 30px;
}
.lpdate {
    width: 120px;
    height: 90px;
}
.lpdate img {
    width: 100%;
    height: auto;
}
.singlemore {
    width: 100%;
}

.smedium {
    font-size: 15px;
}


.the-desc {

    font: 400 15px Roboto;

}

.proco span {
display: block;
}
.parhar .inpartex, .parhal .inpartex, .parcen .inpartex {
    margin: 0 60px;
    font-size: 18px;
    padding: 80px 0;
}
.hello {
position: fixed;
bottom: 0;
height: 40px;
width: 100%;
left: 0;
right: 0;
z-index: 100;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
}
.hello .in {
padding: 5px;
}
.hello .fa {
width: 35px; 
height: 30px;
line-height: 30px; 
text-align: center;
float: left;
margin: 0 1px 0 0;
}
.footer {
margin-bottom: 40px;
}

#return-to-top .fa {
    display: block;
    height: 25px;
    width: 35px;
    line-height: 25px;
    right: 5px;
    bottom: 5px;
    font-size: 16px;
}

.breaking #runsos.circle {
    display: none;
}

}
@media screen and (max-width:360px) {
#header .htop {
    height: 66px;
}
#header .patlo {
    padding: 8px 10px;
}
#header .patlo img {
    height: 50px;
}
#header .rcon {
    padding: 0;
    width: 360px;
}
#header .listcon {
width: 340px;
padding: 9px 10px;
margin: 0 0 0 -65px;
}
#header .listcon.showinfo {
    margin: 0 0 0 -360px;
}
#header .listcon .infocal {
    width: 42px;
    height: 42px;
    margin: 0 15px 0 0;
}
#header .listcon .angka {
    font: bold 27px/42px 'Montserrat', 'Open Sans';
    width: 42px;
}
#header .listcon .faem {
    margin: 0 0 0 50px;
	padding: 0;
}
#header .listcon:after {
    right: 10px;
    top: 10px;
}

#header .hbotnav .monav {
    height: 30px;
    padding: 0 6px;
    margin: 5px 5px;
    line-height: 30px;
}
.mob {
    top: 105px;
}
#bigslide {
    padding: 105px 0 0;
}
.slider-n2 {
    position: relative;
	bottom: auto;
}
.slider-n2 .n2outer {
    width: auto;
    max-width: 100%;
	margin: 0;
}
.slider-n2 .heading {
    font-size: 18px;
}
.slider-n2 .arrow-style {
    padding: 15px;
	height: 125px;
	overflow: hidden;
}
.slider-n2 .desc {
    font-size: 13px;
}
.slidecomp .owl-dots {
    top: 50px;
}
.inngal h3 {
    height: 78px;
    overflow: hidden;
}
.parhar .inpartex, .parhal .inpartex, .parcen .inpartex {
    margin: 0 40px;
    font-size: 16px;
    padding: 60px 0;
}
.bfcallus .clrtext {
    padding: 0 15px 30px;
}
.callshare a {
    padding: 0 8px 0 0;
}
.callshare .fa {
    margin: 0 8px 0 0;
}
.secgal {
    padding: 15px;
}
.foot-bar {
    width: 100%;
    float: none;
}
.copyright {
    padding: 20px;
}
.progslide.owl-theme .owl-dots {
    top: -40px;
}
.calbread.nf404 {

    margin: 105px 0 0;

}
.calbread {
    margin: 105px 0 0;
}

.arhalf {

    float: none;
    width: 100%;

}
.arcon {

    height: auto;
	margin: 0 8px 25px;

}
.post-type-archive-galeri .arcon {

    height: 230px;

}
.arimg {

    height: 180px;

}

.sidebar {

    margin: 0 -15px -15px;

}
.com-bar .widget {
    margin-bottom: 0;
}
.copyright img {

    height: 40px;
}
.arvid .svideo {
    height: 180px;
}
.com-meta .svideo {
    height: 180px;
}
.the-compost form {
margin: 5px 11px;
}
.the-compost input[type="text"], 
.the-compost input[type="email"], 
.the-compost input[type="password"], 
.the-compost input[type="date"], 
.the-compost input[type="number"], 
.the-compost input[type="tel"], 
.the-compost input[type="time"], 
.the-compost input[type="url"] {
width: 100%;
margin: 5px -11px;
}
.the-compost form label {
margin: 5px -11px;
}


.the-compost input[type=file] {
width: 100%;
margin: 5px -11px;
}

.the-compost textarea {
width: 100%;
margin: 5px -11px;
}

.the-compost select {
width: 100%;
margin: 5px -11px;
}
.the-compost input[type=submit],
.the-compost button {
margin: 15px 0 15px -11px;
}
.cominn .comment {
    padding: 0;
}
.comment .tdavatar {

    width: 88px;

}
.comment .tdavatar img {

    width: 50px;
    height: 50px;
    padding: 3px;
	margin-top: 8px;
}
}



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

.bfcallus .clrtext {
    padding: 0 10px 30px;
}
.callshare .fa {
    margin: 0 3px 0 0;
}
.callshare a {
    font-size: 12px;
}
.smedium {
    font-size: 13px;
}
}