/***** Custom CSS; Customize by Juragandlieur*****/

#divSiteTitle {text-decoration:none;}

#divTagLine {text-decoration:none;}

/* Headline Text */
#divHeaderLine1 {display:inline-block !important}

#divHeaderLine2 {display:inline-block !important}

#divHeaderLine3 {display:inline-block !important}


/* Headings */
h3, h4, h5, h6 {line-height:1.5 !important}

.lead {
    text-align:center;
}

.lead h2 {
    font-size:33px;line-height:33px;
}

.lead h3 {
    font-size:17px; 
}

.lead h4 {
    font-size:15px; 
}

.lead h3 a {
    font-size:inherit !important;
}


/* Contact */
ul#contact-info .icon {font-size:1.1em; float:left;line-height:25px;margin-right:10px;}
ul#contact-info .field {font-weight:bold;}
ul#contact-info .area {font-weight:none;}
ul#contact-info {list-style:none;}

/* Grid */
#tiles li {
width:240px !important;
background-color: #ffffff;
border: 0.071em solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px !important;
margin-right:7px; margin-bottom:7px; float:left;
}

#tiles li img {margin-bottom:10px;}
#tiles li div.meta {color:#999;text-transform:uppercase;font-size:1.1em;margin:0;}
#tiles li h4 {line-height:1.5;margin:0 0 5px 0;}
#tiles li h4 a {line-height:inherit;margin:0;text-decoration:inherit;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;}
#tiles li p {font-size:1.1em;line-height:1.5;margin:0;}
#tiles li a {font-size:1.1em;}
#tiles li .more_link {font-size:smaller;line-height:2;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;display:block;margin: 5px 0 0 0;}
#tiles li blockquote {line-height:1.5;margin:0;padding:0;color:#999;border:none;font-size:150%;font-style:italic;font-family:Georgia, Times, serif;}
#tiles li blockquote small {font-size:1.1em;font-style:normal;}

/* Icons */
[class*="social foundicon-"]:before {font-family: "SocialFoundicons"; font-size:24px;}
[class*="general foundicon-"]:before {font-family: "GeneralFoundicons"; font-size:24px;}     

/* Menu Side */
.menu_menu_simple ul {margin-top:0px;margin-bottom:0px;}
.menu_menu_simple ul li {margin-top:0px;margin-bottom:0px;}

/* Header Area */
#decorative1 {
margin-top:2px;padding-top:1em;    
margin-left: 0px !important;
margin-right: 0px !important; /* fix bg cover issue */
}

/* Menu Centered */
.centered_menu {text-align:center}
.centered_menu > div {display:inline-block;}
.centered_menu div {text-align:left}

/* Footer elements */
.social_bookmarks a {font-size:smaller !important;text-transform:uppercase;letter-spacing:0.071em;text-decoration:none;margin-right:20px;}

.copyright {font-size:smaller;letter-spacing:0.071em;}
.copyright2 {background-color:#000066;color: white;text-align:center;font-family:'Philosopher';font-size:1em;letter-spacing:0.071em;margin:1em 0 1em 0;padding:1em 0.5em 1em 0.5em;}

.footers-tulisanditengah{color:#FFFFFF;font-size:1.4em;text-align:center;}
.footers-title{color:#C7FEFB;font-size:1.4em;line-height:normal;}
.footers-titlesub{color:#ddfff1;font-size:1.2em;line-height:normal;}
.footers-text{text-align:justify;font-size:1.1em;line-height:normal;}

.text-plusiconfooter{color:#f8ffb8;font-size:1.4em;text-align:justify;line-height:normal;}

.text-tautanfooter{color:#CF3;font-size:1.1em;line-height:normal;}
.text-tautanfooter:hover{color:#6CF}

/* Responsive Image */
img {max-width:100%;height:auto;width:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* Responsive Video from Zurb Foundation. Copyright (c) 2011 ZURB, http://www.zurb.com/ License: MIT */
.flex-video {position:relative;padding-top:25px;padding-bottom:67.5%;height:0;margin-bottom:16px;overflow: hidden;}
.flex-video.widescreen {padding-bottom:57.25%;}
.flex-video.vimeo {padding-top:0;}
.flex-video iframe, .flex-video object, .flex-video embed {position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}

/* Additional */
#divBoxed {position:relative}
.nav-links > a {margin-right:20px;}
.btn-secondary, .btn-secondary:hover {text-shadow:none;}

#divHeaderLine1 a, #divHeaderLine2 a, #divHeaderLine3 a {
    font-size: inherit;
    line-height: normal;
    letter-spacing: inherit;
    font-family: inherit;
    text-shadow: inherit;
    font-weight: inherit;
    font-style: inherit;
}

#divHeaderLine1, #divHeaderLine2, #divHeaderLine3 {
    padding-top:0.071em !important;
    padding-bottom:0.071em !important;
    text-align:inherit !important;
}

#decorative2 {/*opacity:0.95;*/
    -webkit-box-shadow: 0 0.071em 10px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 0.071em 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0.071em 10px #232324;
}

.showcase-tabs > li > a {
    font-size: 14px;
    letter-spacing: 0.071em;
    padding-left: 20px;
    padding-right: 20px;
}

.cap1 div, .cap2 div, .cap3 div, .cap4 div, .cap5 div {
    margin: 0 -0.071em;
}

.camera_wrap .camera_pag .camera_pag_ul li {margin:20px 5px 0px !important;
}


/* Adjustments */
.search.adjust {margin-bottom:15px}

.divPanel {}

.divPanel.notop {padding-top:0px}

.divPanel.nobottom {padding-bottom:0px}


/***** BOOTSTRAP CSS BASE OVERRIDE *****/
.navbar .nav-pills > li > a {text-shadow:none;font-weight:normal;}
.navbar .dropdown-menu li > a {text-shadow:none;font-weight:normal;}
.navbar .nav-pills > li > .dropdown-menu:before {border:none;}
.navbar .nav-pills > li > .dropdown-menu:after {border:none;}
.navbar .nav-pills > .active > a, .navbar .nav-pills > .active > a:hover, .navbar .nav-pills > .active > a:focus {-webkit-box-shadow: none;box-shadow: none;}
.navbar .nav-pills > li > a:hover, .navbar .nav-pills li.dropdown.open.active > .dropdown-toggle {-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;-o-transition: ease-in-out .2s;-ms-transition: ease-in-out .2s; transition: ease-in-out .2s;}
.navbar .nav-pills .open .dropdown-toggle {background-color:transparent;}
.btn .caret {margin-top: 8px !important;}

body{background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; }

#divLogo{margin-top: 10px; margin-bottom: 0px; margin-left: -3px;}

#divSiteTitle {font-family: Philosopher; color: rgb(22, 5, 149); font-size: 28px; text-shadow: rgba(228, 255, 0, -27) 2px 0.071em 4px; line-height: 30px; letter-spacing: 0.071em; text-transform: none; font-weight: bold; font-style: normal; text-decoration: none;}

#divTagLine {font-family: Philosopher; font-size: 1.1em; text-transform: uppercase; letter-spacing: 5px; line-height: 35px; color: rgb(140, 140, 140); text-shadow: none; padding-left: 0px; padding-right: 0px; font-weight: normal; font-style: normal; background-color: transparent;}

.navContainer {margin-top: 0px; }
.navContainer .navMenu {}
.navContainer .navMenu li {background-color: rgb(245, 245, 245); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.navContainer .navMenu li a {}
.navContainer .navMenu li.current {background-color: rgb(174, 0, 0); }
.navContainer .navMenu li.current a {}

.camera_caption > div {opacity: 0.85;filter:alpha(opacity=85);}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {opacity: 0.85;filter:alpha(opacity=85) !important;background-color:rgb(255, 255, 255);}
.camera_wrap .camera_pag .camera_pag_ul li, .camera_wrap .camera_pag .camera_pag_ul li, .camera_wrap .camera_pag .camera_pag_ul li:hover > span {box-shadow: rgba(0, 0, 0, 0.121569) 0px 3px 8px inset; background-color: rgb(255, 255, 255);  }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background-color: rgb(13, 13, 13);  }
.camera_wrap {display: block; margin-bottom: 15px; height: 410px; border: none; margin-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 2em; -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0pt 0.071em 4px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0pt 0.071em 4px;}

.cap1 > div {opacity: 0.85;filter:alpha(opacity=85);color:rgb(255, 255, 255);background-color:rgb(0, 0, 0);}
.cap2 > div {opacity: 0.85;filter:alpha(opacity=85);background-color:rgb(148, 6, 6);}
.cap2 > div > a {opacity: 0.85;filter:alpha(opacity=85);color:rgb(0, 254, 245);}
.cap2 > div > a:hover {color:rgb(210, 255, 142);}
.cap3 > div {opacity: 0.85;filter:alpha(opacity=85);}
.cap4 > div {opacity: 0.85;filter:alpha(opacity=85);}
.cap5 > div {opacity: 0.85;filter:alpha(opacity=85);}

.camera_full_width {margin-left:-0px;margin-right:-0px}

h1 {font-family: 'Philosopher'; font-weight: normal; font-style: normal; font-size: 3em; line-height:normal; margin-top: 0px; color: rgb(3, 9, 92); text-transform: none;}
h2 {font-family: 'Philosopher'; font-weight: normal; font-style: normal; font-size: 2.857em; line-height:normal; margin-top: 0px; color: rgb(2, 65, 2); text-transform: none;}
h3,.page-content h3 a {font-family: 'Philosopher'; font-weight: normal; font-style: normal; font-size: 2.571em; line-height:normal; margin-top: 0px; color: rgb(65, 2, 2); text-transform: none;}
h4,.page-content h4 a {font-family: 'Philosopher'; font-weight: normal; font-style: normal; font-size: 2.286em; line-height:normal; margin-top: 0px; text-transform: none;}
h5,.page-content h5 a {font-family: 'Philosopher'; font-weight: normal; font-style: normal; font-size: 2em; line-height:normal; margin-top: 0px; text-transform: none;}
h6,.page-content h6 a {font-family: 'Philosopher'; font-weight: normal; font-style: normal; font-size: 1.714em; line-height:normal; margin-top: 0px; text-transform: none;}

.page-content {line-height:normal; font-family: 'Philosopher', 'Timesnewroman'; font-size: 18px;}
.page-content a {color: rgb(1, 98, 120); font-family: 'Philosopher'; font-size: 18px; line-height:normal;}
.page-content a:hover {color: rgb(12, 1, 108);}

.sidebox {-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;background-color:rgb(250, 250, 250);color:rgb(51, 51, 51);border-width:0.071em;border-style:solid;border-color:rgb(255, 255, 255);border-radius:3px;padding:18px;margin-top:11px; font-size: 13px;}

.sidebar {padding-top: 8px;;;}

.sidebox-title {line-height: 36px; font-weight: normal; font-style: normal; font-family: 'Philosopher'; color: rgb(51, 51, 51); font-size: 22px; text-transform: none;}

.sidebox a {font-size: 13px; color: rgb(132, 164, 51);}


#decorative1 {background-color: rgb(235, 235, 235); background-image: url(gray_jean.png); background-size: auto; -webkit-background-size: cover; background-repeat: repeat repeat;}

#decorative2{height: 4em; background-color: rgb(255, 255, 255);}

#stopwidget{background-color:#EAFAFF}

#divFooter {font-family: 'Philosopher'; background-color: rgb(18, 18, 18); color: rgb(238, 238, 238); padding-top: 32px; line-height: normal; font-size: 14px; text-transform: none; background-image: url(backgrounds/noisy_net.png); background-repeat: repeat repeat;}

#divFooter a {font-family: 'Philosopher';color: rgb(235, 180, 1);}

#divFooter a:hover {font-family: 'Philosopher';color: rgb(1, 235, 29);}

#divFooter h3 {font-family: 'Philosopher';color: rgb(180, 173, 173);}


.breadcrumbs {line-height: 80px; font-family: 'Philosopher', sans-serif;}
.breadcrumbs a {color: rgb(27, 6, 91); font-family: 'Philosopher', sans-serif;}

#divHeaderLine1{letter-spacing: 0.071em; word-spacing: 0px; margin-top: 90px; color: rgb(17, 3, 118); font-size: 50px; line-height:inherit; font-family: Philosopher; text-transform: none; text-shadow: rgba(226, 4, 25, 74) 0px 2px 3px, rgba(255, 255, 255, 0.298039) 0px -5px 35px; font-weight: normal; font-style: normal; text-align: left; opacity: 1; padding: 0.071em; background-image: none;}

#divHeaderLine2 {font-size: 21px; line-height: 27px; letter-spacing: 1px; margin-top: 12px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color: rgb(0, 0, 0); text-shadow: rgba(0, 0, 0, 0.14902) 0px 3px 5px, rgba(255, 255, 255, 0.298039) 0px -5px 35px; text-align: left; font-weight: normal; font-style: italic; padding: 0px; opacity: 1; background-image: none; background-position: initial initial; background-repeat: initial initial;}

#divHeaderLine3{margin-top: 15px; color: rgb(0, 0, 0); text-align: left; text-transform: none; letter-spacing: 2px; font-size: 14px; line-height:inherit;}

a.btn, a.btn-large, a.btn-small, a.btn-mini {color:#050a5e; font-family:Philosopher}
a.btn-large:hover {color:#009900}
	a.btn-info, a.btn-success, a.btn-warning, a.btn-danger, a.btn-inverse {color:#ffffff; font-family:Philosopher; font-size: 1.2em}
 		.btn-secondary, .btn-secondary:hover, a.btn-secondary, a.btn-secondary:hover {color:#323232; font-family:Philosopher}
 		.btn-secondary {border:0px solid #dfdfdf;border-bottom:1px solid #afafaf;background-color:#fafafa;background-repeat: repeat-x;background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));background-image:-webkit-linear-gradient(top, #fafafa, #e1e1e1);background-image:-moz-linear-gradient(top, #fafafa, #e1e1e1);background-image:-ms-linear-gradient(top, #fafafa, #e1e1e1);background-image:-o-linear-gradient(top, #fafafa, #e1e1e1);background-image:linear-gradient(top, #fafafa, #e1e1e1);filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#e1e1e1, GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
 		.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary[disabled] {background-color:#dfdfdf;}
	.btn-primary, .btn-primary:hover, a.btn-primary, a.btn-primary:hover {color:#ffffff; font-family:Philosopher}
 .btn-primary {border:0px solid #4b6802;border-bottom:1px solid #637b27;background-color:#09012f;background-repeat: repeat-x;background-image:-webkit-gradient(linear, left top, left bottom, from(#09012f), to(#f7020d));background-image:-webkit-linear-gradient(top, #09012f, #130a42);background-image:-moz-linear-gradient(top, #09012f, #130a42);background-image:-ms-linear-gradient(top, #09012f, #130a42);background-image:-o-linear-gradient(top, #09012f, #130a42);background-image:linear-gradient(top, #09012f, #130a42);filter: progid:dximagetransform.microsoft.gradient(startColorstr=#09012f, endColorstr=#130a42, GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}

/* edited */
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color:#130a42;}

#divHeaderText {border-color: rgb(51, 51, 51); padding-top: 143px; padding-bottom: 0px;}

#decorative1 {-webkit-background-size:auto;-moz-background-size:auto;-o-background-size:auto;background-size:auto;}

#contentOuterSeparator{margin-top: 1em; border-top-color: rgb(237, 237, 237); border-top-width: 0px; border-top-style: solid; margin-bottom: 5px; height: 0px; background-color: rgb(245, 245, 245); background-image: -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(255, 255, 255));}

#contentOuterSeparator{background-image:-moz-linear-gradient(bottom,#ffffff,#f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#f5f5f5, endColorstr=#ffffff);background-image:-o-linear-gradient(bottom,#ffffff,#f5f5f5);background-image:-webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#f5f5f5));background-image:-webkit-linear-gradient(bottom,#ffffff,#f5f5f5);background-image:linear-gradient(bottom,#ffffff,#f5f5f5);}

#footerOuterSeparator{margin-top: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(242, 242, 242);}

#headerSeparator{margin-top: 0px; border-top-color: rgb(51, 51, 51); border-top-width: 0px; border-top-style: solid;}

.line-separator{border-top-width: 1px; border-top-style: solid; margin-top: 21px; margin-bottom: 21px; border-top-color: rgb(234, 234, 234); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; }

#headerSeparator2{margin-top: 16px; margin-bottom: 1px; border-top-color: rgb(51, 51, 51); border-top-width: 0px; border-top-style: solid;}

#divVideo{border: 7px solid rgb(255, 255, 255); margin-left: -5px; -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 44px;}

.nav .dropdown-toggle .caret {border-top-color:rgb(0, 0, 0);border-bottom-color:rgb(0, 0, 0);}
.nav .dropdown-toggle:hover .caret {border-top-color:rgb(0, 0, 0);border-bottom-color:rgb(0, 0, 0);}
.navbar .dropdown-menu, .dropdown-menu {background-color:rgb(255, 255, 255);border-radius:0px;}
.navbar .dropdown-menu li > a, .dropdown-menu li > a, .navbar .nav-pills .open .dropdown-toggle {color:rgb(74, 103, 3)}
.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu .active > a, .navbar .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .navbar .nav-pills .open a.dropdown-toggle:hover {filter:none;color:rgb(1, 1, 59);background-color:#dad9db;background-image:none}
.navbar .nav-pills > li > a {margin-left:2px;margin-right:2px;padding:10px 30px;border-radius:0px;color:#000099;background-color:rgb(240, 240, 240)}
.navbar .nav-pills > li > a:hover, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .navbar .nav-pills > li > a:focus {color:rgb(0, 0, 0);background-color:rgb(74, 103, 3);}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle {color:rgb(255, 255, 255);background-color:#012c07;}
.navbar .nav-pills > .active > a, .navbar .nav-pills > .active > a:hover, .navbar .nav-pills li.dropdown.open > .dropdown-toggle, .navbar .nav-pills li.dropdown.active > .dropdown-toggle {color:rgb(255, 255, 255);background-color:#012c07;}
.navbar .ddmenu {margin-top:1em;margin-bottom:0px}
.navbar .nav-pills li.dropdown > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.open > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.active > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.open.active > .dropdown-toggle .caret {border-top-color:rgb(41, 41, 41);border-bottom-color:rgb(41, 41, 41);}
.navbar .nav-pills li.dropdown.active > .dropdown-toggle .caret {border-top-color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);}
.navbar .nav-pills li.dropdown > .dropdown-toggle:hover .caret {border-top-color:rgb(176, 0, 0);border-bottom-color:rgb(255, 255, 255);}

.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}
.dropdown-menu li:hover .sub-menu {visibility:visible;}

.ddmenu.nav-pills li a {color:#150474; font-family: Philosopher; font-size: 1.1em; text-shadow: none; line-height: 17px;}
.ddmenu .dropdown-menu li a{line-height: 26px; font-size: 1.1em;}

.camera_caption {font-family: Philosopher; letter-spacing: 1px; line-height: 25px; font-size: 18px;}

#stopwidget {position:fixed;top:75px;left:800px;right:80px;z-index:1000}

 body {padding-top:3.7em}

.lead h2 {font-size: 41px; line-height: 61px; font-family: 'Philosopher';}
.lead h3 {font-size: 19px; line-height: 29px; font-family: 'Philosopher';}

#decorative1 {-webkit-background-size:auto;-moz-background-size:auto;-o-background-size:auto;background-size:auto;}

#decorative2 {position:fixed;top:0;left:0;right:0;z-index:1032}

.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}
.dropdown-menu li:hover .sub-menu {visibility:visible;}

.navbar .btn-navbar-highlight {display:none; width:100%;}


/* Googlemap */
.peta-staklimkupang {
        position: relative;
        padding-bottom: 29.25%; // This is the aspect ratio
		padding-top: 25px
        height: 0;
        overflow: hidden;
    }

.peta-staklimkupang iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#decorative2 {z-index:100 !important}

#stopwidget {z-index:100 !important}

@media (max-width: 979px) {
	#divLogo {margin-bottom:10px;}
    .navbar .btn-navbar-highlight {display:inline; padding:9px 14px;margin-top:15px;}
    .navbar {width:100%;}
    #divMenuRight {float:none}

    .dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block}
    .dropdown-menu, .sub-menu {border-radius:5px !important;}

    .navbar .ddmenu {margin-top: 0px;margin-bottom: 0px;}

    /* Fixed Top */
    #decorative2 {position:static;  height:auto;} 

	#stopwidget {position:static;  height:auto;}

    body {padding-top:0px}
}


@media (max-width: 767px) {    

    #divLogo {margin-top:10px;margin-bottom:10px;}

    #divSiteTitle {font-size: 25px;}  

    #divHeaderText {margin:0px;padding:10px 0px;}

    #divHeaderLine1 {margin-top: 0px;}

    #divMenuRight {width:100%;margin-top: 0px;padding-top:0px}

    .ddmenu, .navbar .ddmenu {margin-top: 0px; margin-bottom: 0px;}

    .navbar .btn-navbar-highlight {padding:9px 14px;margin-top:0px;}

    .navbar {width:100%;margin-top: 0px;padding-top:0px}

    #decorative1, #decorative2, #stopwidget, #decorative3 {margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
 

    /* Fixed Top */
    #decorative2 {position:static}

	#stopwidget {position:static}

    body {padding-top:0px}

    #divFooter {margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}

    #divBoxed > #divFooter {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}

    body > #footerOuterSeparator, body > #contentOuterSeparator {margin-left:-20px;margin-right:-20px;}

    .headerArea, .topArea {padding:20px !important;}
	

 /*only for templates without divBoxed*/
    #camera_wrap {margin-top:20px}

    #divVideo {margin-top:20px}

    .dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block}
    .dropdown-menu, .sub-menu {border-radius:5px !important;}
    .navbar .ddmenu {margin-top: 0px;margin-bottom: 0px;}
}


 /* Menyesuaikan Button */
 	a.btn-info:hover {color:#66CCFF; font-family:Philosopher; font-size: 1.2em}
	a.btn-success:hover {color:#CCFFFF; font-family:Philosopher; font-size: 1.2em}
	a.btn-warning:hover {color:#CCFFFF; font-family:Philosopher; font-size: 1.2em}
	a.btn-danger:hover {color:#66CCFF; font-family:Philosopher; font-size: 1.2em}
	a.btn-inverse:hover {color:#66CCFF; font-family:Philosopher; font-size: 1.2em}
	a.btn-page {-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;box-shadow:0 1px 3px rgba(5, 2, 103, 0.3), 0 0 10px rgba(5, 2, 103, 0.1) inset;color:rgb(60, 150, 17);border-width:0.071em;border-style:solid;border-color:rgb(60, 150, 17);border-radius:3px;color:#006600; margin:0.5em 0 0.5em 0; font-family:Philosopher; font-size: 1.2em; padding:0.5em;}
	a.btn-page:hover {color: rgb(6, 17, 176);border-color:#006600}
	a.btn-tombolink {-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;box-shadow:0 1px 3px rgba(5, 2, 103, 0.3), 0 0 10px rgba(5, 2, 103, 0.1) inset;color:rgb(60, 150, 17);border-width:0.071em;border-style:solid;border-color:rgb(60, 150, 17);border-radius:3px;color:#08025c;; margin:0.5em 0 0.5em 0; font-family:Philosopher; font-size: 1em; padding:0.5em;}
	a.btn-tombolink:hover {-webkit-box-shadow:0 1px 3px rgba(142, 252, 105, 0.6), 0 0 10px rgba(142, 252, 105, 0.3) inset;-moz-box-shadow:0 1px 3px rgba(142, 252, 105, 0.6), 0 0 10px rgba(142, 252, 105, 0.3) inset;box-shadow:0 1px 3px rgba(250, 196, 0, 0.3), 0 0 10px rgba(250, 196, 0, 0.1) inset;color:rgb(29, 106, 4);border-width:0.071em;border-style:solid;border-color:rgb(29, 106, 4);border-radius:3px;color:#1d6a04; margin:0.5em 0 0.5em 0; font-family:Philosopher; font-size: 1em; padding:0.5em;}
	a.btn-medsos {-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;box-shadow:0 1px 3px rgba(5, 2, 103, 0.3), 0 0 10px rgba(5, 2, 103, 0.1) inset;color:rgb(60, 150, 17);border-width:0.071em;border-style:solid;border-color:rgb(60, 150, 17);border-radius:3px;color:#006600; margin:1em 2em 1em 2em; font-family:Philosopher; font-size: 1.2em; padding:1em;}
	a.btn-medsos:hover {color: rgb(5, 2, 103);border-color:#00CC00;}
	a.btn-pagestab, a.btn-linkpages {-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.3) inset;box-shadow:0 1px 3px rgba(5, 2, 103, 0.3), 0 0 10px rgba(5, 2, 103, 0.1) inset;color:rgb(60, 150, 17);border-width:0.071em;border-style:solid;border-color:rgb(60, 150, 17);border-radius:3px;color:#006600; font-family:Philosopher; font-size: 1em; padding:0.5em;}
	a.btn-pagestab:, a.btn-inkpages:hover {color: rgb(6, 17, 176);border-color:#7b0808}
 /* End Menyesuaikan Button */

 /* Container Transparent */
.suku {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}

.suku img {vertical-align: middle;}

.suku .transh {
	position: absolute;
	bottom: 0;
	background: rgb(238, 239, 214); /* Fallback color */
	background: rgba(238, 239, 214, 0.5); /* Black background with 0.5 opacity */
	color: #f1f1f1;
	width: 100%;
	padding: 5px;
}

/* Thumbnail Katuhu */
.thumba {
	font-family:Philosopher;
	position: relative;
	max-width: auto;
	margin: 0 auto;
	padding: 1em;
	background-color:#f6fffe;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.thumbas {
	position: relative;
	max-width: 35%;
	margin: 0 auto;
	padding: 0.4em;
	background-color:#f8e9db;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Sticky */
.header {
	padding: 0.6em 1em 0 0;
	background: #FBDEA4;
	width: auto;
}

.topheader {
	padding: 0 0 0 0;
	width: auto;
}

.sticky {
	position: fixed;
	top: 90px;
	width: 76%;
}

.sticky + .content {
	padding-top: 102px;
}


/* NEWS TICKER */
#tickr-box 
	{
	background: #C0C0C0;
	max-width: 550px;
	padding: 3px;
	margin: 0px auto 0px auto;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	}

.tickr-title 
	{
	color: #FFFFFF;
	font: bold 1em Philosopher, Eczar;
	background: #990000; 
	padding: 5px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	}

#tickr-scroll ul
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: baseline;
	list-style: none;
	}

#tickr-scroll 
	{
	background: #FFFFFF;
	height: 38px;
	overflow: hidden;
	padding: 0px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	}

#tickr-scroll li 
	{
	color: #000000;
	font: normal 1em Philosopher, Eczar;
	line-height: 26px;
	}

#tickr-scroll a 
	{
	color: #0066FF;
	text-decoration: none;
	}

#tickr-scroll a:hover 
	{
	color: #3399FF;
	text-decoration: none;
	}

#tickr-scroll ul
	{
	padding: 0px 0px 13px 13px;
	-webkit-animation: tickr 15s cubic-bezier(1, 0, .5, 0) infinite;
	-moz-animation: tickr 15s cubic-bezier(1, 0, .5, 0) infinite;
	-ms-animation: tickr 15s cubic-bezier(1, 0, .5, 0) infinite;
	animation: tickr 15s cubic-bezier(1, 0, .5, 0) infinite;
	}

#tickr-scroll ul:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
	}

@-webkit-keyframes tickr {
	0%   { margin-top: 0; }
	25%  { margin-top: -26px; }
	50%  { margin-top: -52px; }
	75%  { margin-top: -78px; }
	100% { margin-top: 0; }
	}

@-moz-keyframes tickr {
	0%   { margin-top: 0; }
	25%  { margin-top: -26px; }
	50%  { margin-top: -52px; }
	75%  { margin-top: -78px; }
	100% { margin-top: 0; }
	}

@-ms-keyframes tickr {
	0%   { margin-top: 0; }
	25%  { margin-top: -26px; }
	50%  { margin-top: -52px; }
	75%  { margin-top: -78px; }
	100% { margin-top: 0; }
	}

@keyframes tickr {
	0%   { margin-top: 0; }
	25%  { margin-top: -26px; }
	50%  { margin-top: -52px; }
	75%  { margin-top: -78px; }
	100% { margin-top: 0; }
	}


/***************
START MEDIA QUERIES FOR SMARTPHONE FONT SIZES
***************/

@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{

.tickr-title	 { font-size: 14px; }

#tickr-scroll li { font-size: 12px; }
	}

/* Naik Ke Atas */
#keatas{position:fixed;left:auto;right:5em;top:auto;bottom:5em;outline:none;overflow:hidden;color:#fff;text-align:center;background-color:rgba(229,147,24,0.75);height:40px;width:40px;line-height:40px;font-size:14px;border-radius:2px;cursor:pointer;transition:all 0.3s linear;z-index:999999;opacity:1;display:none}
#keatas:hover{background-color:#5dd303}
#keatas.mcOut{opacity:0}
/* End Naik Ke Atas */

/* Variasi Class Tulisan */
.topik{color:#085e18;font-family: 'arial';font-size:1.3em;text-align:center;line-height:normal;padding:0.3em 0 0 0}

.awas{color:#C00;font-family: 'Philosopher';font-size:1.2em;text-align:justify;line-height:normal;margin:0.4em 0 0.6em 0}

.judul{color:#246a05;font-family: 'arial';font-size:1.4em;text-align:justify;line-height:normal;padding:0.4em 0 0 0}
.subjudul{color:#009;font-family: 'Timesnewroman';font-size:1.2em;text-align:justify;line-height:normal;padding:0.2em 0 0 0}
.narasi{font-family: 'Philosopher';font-size:1.1em;text-align:justify;line-height:normal}
.editorial{color:#990000;font-family: 'Philosopher';font-size:0.95em;line-height:normal} 
.kecil{color:#009;font-family: 'Philosopher';font-size:1em;text-align:justify;line-height:normal}

.blokjudul{position:relative;text-align:justify;background-color:#D3DBFE;color:black;font-family: 'Philosopher';font-size:1.3em;line-height:normal;padding:0.6em} 
.blokawas{position:relative;text-align:justify;background-color:rgb(237, 123, 1);color:#fff;font-family: 'Philosopher';font-size:1.3em;line-height:normal;padding:0.6em} 

/* Marquee Text */
.marquee{color:#0c0471;padding:0.3em 0 0 0}
.marqueehitam{color:#d2fbd4;padding:0.3em 0 0 0}
/* End Marquee Text */