body {
	background-color: #0a212a;
	background-image: url('images/body.jpg');
	background-repeat: repeat;
	font-size: 13px !important;
}
/* @font-face {
    font-family: JennaSue;
    src: url('../fonts/JennaSue.ttf');
}
@media (min-width: 1200px) {
    .container{
        width:1280px;
    }
} */

div.wrapper {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
}
.col0 {
    color: #FFFFFF;
    background-color: #2D3134;
    border-top: 5px solid #4A5155;
}
#header, #topbar, #topnav, #breadcrumb, #homecontent, #container, #footer, #copyright {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;

}
#topbar {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100%;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#slidepanel {
    display: none;
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #E3DFD2;
    background: url("images/tab_l.gif") bottom left no-repeat #4A5155;
}

#loginpanel {
    display: block;
    position: relative;
    top: 0;
}

#topbar .topbox {
    display: block;
    float: left;
    width: 270px;
    margin: 0 30px 0 0;
    padding: 15px;
}

#topbar label {
    display: block;
    width: 270px;
    margin: 0 0 12px 0;
    padding: 0;
}

#loginpanel li.left {
    float: left;
    text-align: right;
    padding-left: 10px;
    background: url("images/tab_l.gif") no-repeat bottom left;
}
#loginpanel li {
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    padding-left: 0px;
}

#loginpanel li.right {
    float: right;
    text-align: left;
    padding-right: 10px;
    background: url("images/tab_r.gif") no-repeat bottom right;
}

#loginpanel a {
    display: block;
    width: 100px;
}
#topbar a {
    color: #02ACEE;
    background-color: #4A5155;

}
a {
    outline: none;
    text-decoration: none;
}

br.clear {
    clear: both;
    margin-top: -15px;
}
.clear {
    clear: both;
}

#loginpanel ul {
    display: block;
    float: right;
    width: 210px;
    /*height: 24px;*/
    height: 30px;
    margin: 0;
    padding: 6px 0 0 0;
    text-align: center;
    color: #E3DFD2;
    background-color: #4A5155;
}
/*====================*/
#header {
    display: inline;
    float: left;
    width: 100%;
    /*margin-top: 20px;*/
}

.header_top {
    /*background-color: #2c2c2c;*/
    background-color: #2d3134;
    display: inline;
    float: left;
    padding: 0 30px;
    width: 100%;
}

.header_bottom {
    background-color: #fff;
    display: inline;
    float: left;
    padding: 15px 30px 15px;
    width: 100%;

    min-height: 210px;
    background-image: url('../../images/bg-logo-fit-orange.png');
    background-repeat: no-repeat;
    background-size: 50% 120%;
    background-position: top left;
}
/*.title_header_bottom {
    font-family: Arial,'sans-serif',JennaSue;
}*/
.title_header_bottom {
    margin: 20px 0 0 0;
}
.title_header_bottom > h2 > a{
    font-family: JennaSue;
    font-size: 80px;
    font-weight: bold;
    color: #ff4800;
}

.logo_area {
    display: inline;
    float: left;
    width: 35%;
    /*max-width: 150px;*/
    max-width: 100%;

}

.x_banner {
    float: right;
    /*width: 728px;*/
    float: right;
    width: auto;
    max-height: 250px;
    text-align: right;
    position: absolute;
    right: 50px;

}

.yayasan_title {
    /*background: none repeat scroll 0 0 rgba(0,0,0,0.4);*/
    color: #319296;
    padding: 10px;
    display: inline-block;
    }

.akreditasi_t {
    background: none repeat scroll 0 0 rgba(218, 122, 29, 0.4);
    color: #a70a0a;
    padding: 5px;
    margin-top: 25px;
    /*display: inline-block;*/
}

.header_top_left {
    float: left;
    display: inline;
    width: 50%;
}

.header_top_right {
    float: left;
    display: inline;
    width: 50%;
    text-align: right;
}

.header_top_right > p {
    /*color: #fff;*/
    color: #ff4800;
    display: inline-block;
    float: right;
    font: bold 12px sans-serif;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-right: 8px;
    padding-top: 10px;
}

.top_nav {
    text-align: left;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.top_nav li a:hover {
    background-color: #ff4800;
}

.top_nav li a {
    display: inline-block;
    /*border-right: 1px solid #333;*/
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    /* padding: 20px 15px; */
    padding: 10px 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

a:hover {
    color: #ff4800;
    text-decoration: none;
    /*font-weight: bold;*/
}

.top_nav li {
    display: inline-block;
}

#navArea {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 30px;
    background-color: #fff;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.navbar-collapse {
    padding-left: 0;
}

#newsSection {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 30px;
    padding-bottom: 0px;
    background-color: #fff;
    padding-bottom: 20px;
}

.latest_newsarea {
    float: left;
    display: inline;
    width: 100%;
    background-color: #000;
    position: relative;
}

.latest_newsarea > span {
    color: #fff;
    font-family: Oswald,sans-serif;
    font-size: 15px;
    left: 0;
    line-height: 1.8em;
    margin-right: 20px;
    overflow: hidden;
    padding: 2px 18px 1px 19px;
    position: absolute;
    z-index: 15;
}
/*.latest_newsarea span {
    background: none repeat scroll 0 0 #d083cf;
}*/

.tickercontainer {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
        padding-top: 0px;
    overflow: hidden;
    padding-top: 2px;
}

.social_area {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 31px;
}

.social_nav {
    text-align: right;
}
.social_nav li {
    display: block;
    float: left;
}

.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
.social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}
.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
.social_nav li.twitter a{ background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
.social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
.social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
.social_nav li.googleplus a{ background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
.social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
.social_nav li.youtube a{ background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
.social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}

.scrollToTop:hover, .scrollToTop:focus {
    text-decoration: none;
    outline: none;
}
.scrollToTop:hover, .scrollToTop:focus {
    background-color: #c00101;
	color: #fff;
    border-color: 1px solid #ff4800;
}

.scrollToTop {
    bottom: 100px;
    display: none;
    font-size: 32px;
    font-weight: bold;
    height: 50px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 1063;
    border: 1px solid;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.scrollToTop {
    background-color: #ff4800;
    color: #fff;
}

#sliderSection {
    background-color: #fff;
    display: inline;
    float: left;
    width: 100%;
    padding: 0 30px;
    border-bottom: 3px solid #df972b;
    min-height: 670px;
}

.slider_article {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    padding: 10px 15px;
}

.slick-next::before {
    content: "";
}
.slick-prev, .slick-next {
    background-color: #000;
    top: 10%;
    width: 40px;
    height: 40px;
}
.slick-next {
    background-image: url(images/slider_next.png);
    background-repeat: no-repeat;
    background-position: center;
    left: 60px;
}

.slick-prev::before {
    content: "";
}
.slick-prev::before, .slick-next::before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    background-image: url(images/slider_prev.png);
    background-repeat: no-repeat;
    background-position: center;
    left: 10px;
}

h2 {
    line-height: 30px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald',sans-serif;
    /* font-family: Menlo,Monaco,Consolas,'Courier New',monospace; */
}

.single_iteam {
    display: inline;
    float: left;
    position: relative;
    width: 100%;
    height: 448px;
}

.single_iteam img {
    width: auto;
    height: 100%;
    margin: auto;
}
img {
    border: none;
}

.slider_article > h2 a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.68);
    color: #00f6ff;;
    font-size: 18px;
    padding: 10px;
    display: inline-block;
    text-shadow: 2px 2px #242c2f;
}
.slider_article > h2 a:hover {
	color: #ffb400;
}
.slider_article > p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.68);
    color: #fff;
    padding: 3px;
    display: inline-block;
    text-shadow: 2px 2px #242c2f;
}

#contentSection {
    float: left;
    display: inline;
    width: 100%;
    background-color: #fff;
    padding: 0 30px;
    margin-top: 20px;
    border-bottom: 3px solid #df972b;
}

.contentSection {
    float: left;
    display: inline;
    width: 100%;
    background-color: #fff;
    padding: 0 30px;
    margin-top: 20px;
    border-bottom: 3px solid #df972b;
}

#footer {
    display: inline;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.footer_top {
    /*background-color: #252525;*/
    background-color: #0a212a;
    color: #ddd;
    display: inline;
    float: left;
    padding: 50px 30px 48px;
    width: 100%;
}

.footer_bottom {
    float: left;
    display: inline;
    width: 100%;
    padding: 10px 30px;
    /*background-color: #303030;*/
    background-color: #000;
    color: #ccc;
}

.copyright {
    float: left;
    width: 50%;
    padding-top: 5px;
    text-align: left;
    font-weight: bold;
}
.copyright > a {
	color: #ff4800;
}

.developer {
    float: right;
    width: 50%;
    text-align: right;
    padding-top: 5px;
    color: #3c4b51;;
}

.footer_widget {
    display: inline;
    float: left;
    width: 100%;
    /*min-height: 310px;*/
    min-height: 250px;
}

.footer_widget > h2 {
    border-bottom: 3px solid #666;
    font-family: Oswald,arial,Georgia,serif;
    font-size: 16px;
    padding: 10px 0;
    text-transform: uppercase;
}

.desktop-home {
    display: block;
/*    font-size: 30px;*/
    margin-top: 6px;
}

.home-show {
    display: none;
}
.dropdown-submenu > a::after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-left-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #555;
    margin-top: 5px;
    margin-right: -10px;
}

.menu.dropdown.active > a::after {
    color: #ff4800;
    border-left-color: #ff4800;
}

.latest_post_container {
    display: inline;
    float: left;
    /*height: 430px;*/
    height: 420px;
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
}
.latest_post {
    float: left;
    display: inline;
    width: 100%;
}
#prev-button {
    cursor: pointer;
    font-size: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    /*top: -10px;*/
    top: -5px;
    width: 100%;
    display: none;
}
#prev-button {
    color: #ff4800;
}

/*.latest_post > h2 {
    background: none repeat scroll 0 0 #151515;
    color: #fff;
    font-family: 'Oswald',sans-serif;
    font-size: 18px;
    margin-top: 0px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}*/

.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button {
    display: block;
}
#next-button {
    cursor: pointer;
    display: none;
    font-size: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    bottom: -5px;
    width: 100%;

}
#next-button {
    color: #ff4800;
    background-color: #fff;
}

/*.latest_post > h2 span {

    padding: 4px 10px;
    display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 8px 0 8px 0;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 5px solid #8199A9;

}*/
/*.latest_post > h2 span {

    background: none repeat scroll 0 0 #d083cf;

}*/

.latest_postnav {
    height: auto !important;
    margin-top: 20px;
}

.latest_postnav li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.title {
    display: block;
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 8px 8px ;
    font-size: 14px;
    text-transform: uppercase;
    /*border-bottom: 5px solid #8199A9;*/
    color: #8199A9;
	font-weight: bold;
	line-height: normal;
	background-color: #242c2f;
	border-bottom: 5px solid #FF4800;
}

.title_page {
    display: block;
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 20px 8px ;
    font-size: 14px;
    text-transform: uppercase;
    /*border-bottom: 5px solid #8199A9;*/
    color: #8199A9;
	font-weight: bold;
	line-height: normal;
	background-color: #242c2f;
	border-bottom: 5px solid #FF4800;
}

.title_label {
    margin: 8px 0;
    margin-bottom: 8px;
    font-size: 14px;
    color: #8199A9;
    font-weight: bold;
    line-height: normal;
    background-color: #242c2f;
    border-bottom: 5px solid #FF4800;

}

.title.hidayah{
	margin: 40px 0 20px 0;
}

.title.next-slide{
	margin: 40px 0 20px 0;
}

.clear::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}
#hpage_quicklinks {
    margin-bottom: 30px;
}

#hpage_quicklinks ul, #hpage_gallery ul,#hpage_gallery2 ul, #hpage_socialize ul, #hpage_latestnews ul, #hpage_specials ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

html[xmlns] .clear {
    display: block;
}

#hpage_quicklinks li {
    display: block;
    float: left;
    width: 200px;
    margin-bottom: 3px;
    padding: 0 10px 0 0;
}

#hpage_quicklinks li a {
    display: block;
    padding-left: 10px;
    background: url("images/arrow.gif") left center no-repeat;
}

/*.slick-dots {
	background-color: #1f1f15;
}*/
/*.slick-dots li {
	display: none;
	background-color: red;
}
.slick-dots li:hover {
	display: none;
	background-color: aqua;
}*/
.slick-dots {
	bottom: 30px;
}

.slick-dots li button::before {
	font-size: 75px;
}

#hpage_gallery, #hpage_gallery2 {
    margin: 0 0 20px 0;
    float: left;
}

#hpage_gallery li,#hpage_gallery2 li {
    display: block;
    float: left;
    /*width: 185px;*/
    max-width: 200px;
    /*height: 140px;*/
    /* height: 100%; */
    height: auto;
    /*margin: 0 10px 10px 0;*/
}

.gallery-box {
	/*max-width: 185px;*/
	float: left;
	margin: 0 10px 10px 0;
	max-width: 160px;
	/* width: 160px; */
	width: auto;
	height: 120px;
	max-height: 120px;
}

.gallery-box > img {
    height: 100%;
}

li.last {
    margin-right: 0;
}
#hpage_socialize span {
    display: inline-block;
    width: 80px;
    font-weight: bold;
    color: #777777;
}

#hpage_specials {
    display: block;
    width: 100%;
}
#hpage_specials li {
    display: block;
    float: left;
/*    width: 170px;
    margin: 0 15px 0 0;*/
}

#hpage_latestnews p.readmore {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #D7DBE0;
    text-align: right;
}
#upcomingevent p.readmore {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #D7DBE0;
    text-align: right;
}

.latest_newsarea > span {
    background: none repeat scroll 0 0 #ff4800;
}

p.readmore {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #D7DBE0;
    text-align: right;
}

/*.dropdown-menu > li.kopie > a {
    padding-left:5px;
}*/
.dropdown-menu {
    padding: 0px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
/*.dropdown-submenu > a:after {
  border-color:  #ff4800;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}*/
 
.dropdown-submenu:hover>a:after {
    border-left-color:#ff4800;
 }

/*.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  */

.dropdown:hover > a::after {
	border-left-color: #ff4800;
}
.dropdown > a::after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
        border-left-color: transparent;
    border-left-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #555;
    margin-top: 5px;
    margin-right: -10px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #ff4800;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {color: #ff4800;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #ff4800;}

.menu {
    min-width: 100px;
}
.top_nav li.top-submenu {
    width: 100%;
}
.top_nav li.top-submenu > a {
    width: 100%;
    color: #2d3134;
}

.top_nav > li.dropdown > a::after{
    margin-top: 3px;
}
.dropdown:hover > a.dropdown-top-menu::after {
    border-left-color: #fff;
}
.dropdown > a.dropdown-top-menu::after {
    border-left-color: #fff;
}

.dev-by-name {
	font-weight: bold;
	color: #ff4800;
}
 
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     /*border-bottom: 1px solid white; */
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  
/*.dropdown:hover>.dropdown-menu {
  display: block;
}*/
/*.dropdown-item:hover>.dropdown-menu {
  display: block;
}*/

/*.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}*/
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
	background-color: #ff4800;
	color: #fff;
}
/*.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:active {
	font-weight: bold;
}

.navbar-inverse .navbar-nav > li.menu {
	min-width: 80px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:active {
    color: #ff4800;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #ff4800;
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #ff4800;
}*/

#topbar h1, #topbar h2, #topbar h3, #topbar h4, #topbar h5, #topbar h6 {
    font-size: 18px;
    margin: 0 0 15px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px dotted #E7E6E6;
}

#topbar legend {
    display: none;
}
#topbar form, #topbar fieldset, #topbar legend {
    margin: 0;
    padding: 0;
    border: none;
}
legend {
    display: none;
}
form, fieldset, legend {
    margin: 0;
    padding: 0;
    border: none;
}

.navbar {
	border-radius: 0px;
}

.media{
	border-bottom: 1px dashed #ccc;
}
.media-left {
/*	padding-left: 10px;
	background: url("images/arrow.gif") left center no-repeat;*/
}
.media-body, .media-left, .media-right {
    display: block;
    /*padding-left: 10px;*/
}

.fl_right {
	padding-bottom: 20px;
}
/*#hpage_latestnews .imgl {
    margin: 0;
}*/
.imgl,.imgholder {
    /*margin: 0 15px 15px 0;*/
    margin: 0 10px 10px 10px;
    float: left;
}
.imgholder > img, .imgl > img, .imgr > img {
	max-width: 160px;
	width: 100%;
	/* height: 100%; */
	height: auto;
}
.imgholder, .imgl, .imgr {
    padding: 4px;
    border: 1px solid #D7DBE0;
    float: left;
}
/*.fl_left, .imgl {
    float: left;
}*/
.top-dashed{
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    text-align: right;
	border-bottom: none;
	border-top: 2px dashed #D7DBE0;
}
.bottom-dashed{
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    text-align: right;
	border-top: none;
	border-bottom: 2px dashed #D7DBE0;
}
#hpage_latestnews .latestnews {
    display: block;
    /*float: right;*/
    /*width: 355px;*/
    margin: 0 0 10px;
    padding: 0;
}
.fit-tour{padding-left: 10px;padding-right: 10px;}

#hpage_gallery a, #hpage_gallery2 a  {
    display: block;
    padding: 4px;
    border: 1px solid #D7DBE0;
}

#hpage_specials .box {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D7DBE0;
}

.foot_contact {
    display: block;
    float: left;
    width: 100%;
    margin: 0 40px 0 0;
    padding: 0;
}
.foot_contact > h2 {
    margin: 0 0 30px 0;
    padding: 2px;
    font-size: 22px;
    color: #7F99A9;
}
.label {line-height: 2; font-size: 85%;}

.logo-smk {
margin: 0 auto;
max-height: 150px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  width: 100%;
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
video {
  width: 100% !important;
  height: auto !important;
}

/*end video phtoswipe*/

.header_top-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1035;
    max-height: 60px;
    padding: 0 !important;
    background-image: none;

    /*    background-size: 70% 200%;
    background-position: center left;
    background-image: url('../../images/bg-logo-fit.png');
    background-repeat: no-repeat;*/
    /*border-bottom: 4px solid #ff4000;*/

}

.fixed-top {
    position: fixed;
    top: 55px;
    right: 0;
    left: 0;
    z-index: 1030;
    max-height: 55px;
    padding: 0 !important;
    border-bottom: 4px solid #ff4000;
    /*-webkit-box-shadow: 0 6px 12px rgb(251, 112, 36);
    box-shadow: 0 6px 12px rgb(251, 112, 36);*/
    -webkit-box-shadow: 0 6px 12px rgb(0, 0, 0);
    box-shadow: 0 6px 12px rgb(0, 0, 0);
}

/*for under constructions*/
.text-preload {

    width: auto;
    height: 200px;
    position: absolute;
    left: 45%;
    top: 40%;
    margin: -100px 0 0 -250px;
    font-family: JennaSue;
    font-weight: 900;
    font-size: 80px;
    color: #454e53;
    line-height: 0.8em;
    text-align: center;

}

.text-preload > span {
    color: #ff4800;
}

@media(max-width:480px ){
    .text-preload {
        left: 40%;
        top: 35%;
        margin: -100px 0 0 -155px;
        font-family: JennaSue;
        font-weight: 900;
        font-size: 50px;
    }

}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: auto;
    top: 47px;
}

figure { display: none; }

.top_nav > li.hidden-menu { display: none; }
.nav > li.hide-menu { display: none; }
.top_nav > li.hidden-menu.show-logo { display: inline !important; }
.hide {display: none !important;}

@media(max-width:1199px ){
    .logo_area{width:35%;}
    /*.x_banner {width:580px}*/
    .nav-tabs > li{width:32.3%}
    .photograph_nav li{width:31.5%}
    .latest_post_container{overflow: hidden;}
    .title_header_bottom > h2 > a {font-size: 60px;}
    .akreditasi_t {margin-top: 15px;}

}

@media(max-width:991px ){
		.x_banner {display:none}
		.logo_area{width:100%}
		.nav > li > a{padding:8px 8px}
		.latest_post_container{height:380px;overflow:hidden}
		#next-button{bottom:-2px}.single_iteam{height:415px}
		.photograph_nav li{width:47.7%}
		.related_post 
		.spost_nav li{width:100%}
		.nav-tabs > li{width:31.9%}
		.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}
		.header_bottom {background-color: transparent;display: inline;float: left;padding: 15px 30px 15px;width: 100%;min-height: auto;}
		.navbar {min-height: 30px;}
		#hpage_specials li {width: 100%;}
		.slick-dots{display: none !important;}
		.contentSection{padding: 0 15px;}
		.box {min-height: 130px;}
        .menu {min-width: 60px;}
        .fixed-top {max-height: 40px;}
        .header_bottom{background-size: 106% 120%;background-position: top left;background-image: url('../../images/bg-logo-fit.png');background-repeat: no-repeat;}
        /*.header_top-fixed-top{background-image: none;}*/

	}

@media(max-width:767px ){
		.navbar-collapse{padding-left:15px}
		.mobile-show{display:block}
		/*.desktop-home{display:none}*/
		.navbar-inverse .navbar-nav > li > a{display:block}
		.header_top_left{width:100%}
		.header_top_right > p{display:none}
		.social_area{display:none}
		.single_iteam a{height:100%}
		.single_iteam a > img{height:100%}
		.error_page > a{margin-bottom:25px}
		.nav-tabs > li{width:32.6%}
		.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #cc721b;}
		#navArea { padding: 0 }
		.navbar { margin-bottom: 0; }
		#newsSection{padding: 0}
		#sliderSection{padding: 10px 10px}
		.fit-tour{padding-left: 0;padding-right: 0;}
		#next-button{bottom: 0}
		.imgl,.imgholder {margin: 0 15px 10px 0px;float: left;}
		.dropdown > a::after {margin-right: 2px;}
        .top_nav > li.dropdown > a::after {margin-right: -10px;}
		.dropdown-submenu > a::after {margin-right: 0px;}
		.gallery-box {float: left;margin: 0 10px 10px 0;max-width: 130px; width: 100%;text-align: center;}
		.logo_area {max-width: 100%;}
        .logo-smk {max-width: 35%;margin: 0 auto;}
        .fixed-top {max-height: 55px;}
        /*.top_nav > li.hidden-menu { display: inline-block !important; }*/
        #navbar{overflow-y: scroll !important;max-height: 250px !important;}
        .top_nav{text-align: center;}
        /*.header_top-fixed-top {background-image: none;}*/
		
		/*.gallery-box > img {margin: 0 auto; }*/
	}
@media(max-width:640px ){
    #navbar{overflow-y: scroll !important;max-height: 450px !important;}
}
@media(max-width:480px ){
		.top_nav{text-align:center}
		.single_post_content_left{width:100%}
		.single_post_content_right{width:100%}
		.fashion{width:100%}.technology{width:100%}
		.copyright{text-align:center;width:100%}
		.developer{text-align:center;width:100%}
		.single_iteam{height:300px}.photo_grid figure{height:200px}
		.photograph_nav li{width:100%;margin-left:0}
		.nav > li > a{padding:8px 12px}
		.nav-tabs > li{width:32.6%}
		.logo-smk {max-width: 45%;margin: 0 auto;}
        .ul-dropdown-top-menu{padding-left: 0;left: -100px;}
        .header_top-fixed-top{background-size: 70% 200%;background-position: center left;background-image: url('../../images/bg-logo-fit.png');background-repeat: no-repeat;}
    }
	
@media(max-width:360px ){
		.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}
		.single_iteam{height:210px}.slider_article > p{display:none}
		.error_page > span{width:80px}.nav-tabs > li{width:32.3%}
		.pagination > li > a,
		.pagination > li > span{padding:4px 8px}
        .ul-dropdown-top-menu{left: -50px;}
	}
@media(max-width:320px ){
		.sociallink_nav li a{padding:5px 10px}
		.sociallink_nav li:nth-child(1) > a{padding:5px 13px}
		.nav-tabs > li{width:32.1%}
	}

.col-centered{
    float: none;
    margin: 0 auto;
}

.demo-gallery > ul > li a > img {
    height: auto;
}

.slide-thumb {
    display: block;
    /* width: 300px;
    height: 200px; */
    overflow: hidden;
    border-radius: 8px;
}

.slide-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Notification */
.ui-pnotify {
	right: 15px;
	top: 15px;
}

.ui-pnotify .notification {
	border-radius: 5px;
	box-shadow: none;
	padding: 15px 15px 15px 75px;
}

.ui-pnotify .notification .ui-pnotify-icon {
	left: 0;
	position: absolute;
	top: 0;
	width: 75px;
	text-align: center;
}

.ui-pnotify .notification .ui-pnotify-icon > span {
	border: 2px solid #FFF;
	border-radius: 50%;
	display: inline-block;
	float: none;
	font-size: 35px;
	height: 50px;
	line-height: 48px;
	margin: 8px 0 0;
	padding: 0;
	width: 50px;
	text-align: center;
}

.ui-pnotify .notification .ui-pnotify-title {
	font-size: 14px;
	letter-spacing: 0;
}

.ui-pnotify .notification .ui-pnotify-text {
	font-size: 12px;
	line-height: 1.3em;
}

.ui-pnotify .notification.notification-danger .ui-pnotify-icon > span.fa-times {
	line-height: 47px;
}

.ui-pnotify .ui-pnotify-shadow {
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}

.ui-pnotify.ui-pnotify-no-icon .notification {
	padding-left: 15px;
}

.ui-pnotify .ui-pnotify-sharp {
	border-radius: 0;
}

body .ui-pnotify.icon-nb .notification .ui-pnotify-icon > span {
	border-color: transparent;
	border-radius: 0;
}

.ui-pnotify.stack-bar-top {
	right: 0;
	top: 0;
}

.ui-pnotify.stack-bar-top .notification {
	border-radius: 0;
}

.ui-pnotify.stack-bar-top .notification .ui-pnotify-icon > span {
	margin-top: 7px;
}

.ui-pnotify.stack-bar-bottom {
	bottom: 0;
	left: auto;
	margin-left: 15%;
	right: auto;
	top: auto;
}

.ui-pnotify.stack-bar-bottom .notification {
	border-radius: 0;
}

.ui-pnotify.stack-bar-bottom .notification .ui-pnotify-icon > span {
	margin-top: 9px;
}

.ui-pnotify.click-2-close {
	cursor: pointer;
}

/* Notification States */
.ui-pnotify .notification-primary {
	background: rgba(204, 204, 204, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-primary .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-primary, .ui-pnotify.stack-bar-bottom .notification-primary {
	background: #cccccc;
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
	background: rgba(204, 204, 204, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-primary .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-primary .notification-primary .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary, .ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
	background: #cccccc;
}

.ui-pnotify .notification-success {
	background: rgba(71, 164, 71, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-success .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-success, .ui-pnotify.stack-bar-bottom .notification-success {
	background: #47a447;
}

.ui-pnotify.notification-success .notification,
.ui-pnotify.notification-success .notification-success {
	background: rgba(71, 164, 71, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-success .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-success .notification-success .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-success.stack-bar-top .notification,
.ui-pnotify.notification-success.stack-bar-top .notification-success, .ui-pnotify.notification-success.stack-bar-bottom .notification,
.ui-pnotify.notification-success.stack-bar-bottom .notification-success {
	background: #47a447;
}

.ui-pnotify .notification-warning {
	background: rgba(237, 156, 40, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-warning .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-warning, .ui-pnotify.stack-bar-bottom .notification-warning {
	background: #ed9c28;
}

.ui-pnotify.notification-warning .notification,
.ui-pnotify.notification-warning .notification-warning {
	background: rgba(237, 156, 40, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-warning .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-warning .notification-warning .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-warning.stack-bar-top .notification,
.ui-pnotify.notification-warning.stack-bar-top .notification-warning, .ui-pnotify.notification-warning.stack-bar-bottom .notification,
.ui-pnotify.notification-warning.stack-bar-bottom .notification-warning {
	background: #ed9c28;
}

.ui-pnotify .notification-danger {
	background: rgba(210, 50, 45, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-danger .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-danger, .ui-pnotify.stack-bar-bottom .notification-danger {
	background: #d2322d;
}

.ui-pnotify.notification-danger .notification,
.ui-pnotify.notification-danger .notification-danger {
	background: rgba(210, 50, 45, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-danger .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-danger .notification-danger .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-danger.stack-bar-top .notification,
.ui-pnotify.notification-danger.stack-bar-top .notification-danger, .ui-pnotify.notification-danger.stack-bar-bottom .notification,
.ui-pnotify.notification-danger.stack-bar-bottom .notification-danger {
	background: #d2322d;
}

.ui-pnotify .notification-info {
	background: rgba(91, 192, 222, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-info .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-info, .ui-pnotify.stack-bar-bottom .notification-info {
	background: #5bc0de;
}

.ui-pnotify.notification-info .notification,
.ui-pnotify.notification-info .notification-info {
	background: rgba(91, 192, 222, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-info .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-info .notification-info .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-info.stack-bar-top .notification,
.ui-pnotify.notification-info.stack-bar-top .notification-info, .ui-pnotify.notification-info.stack-bar-bottom .notification,
.ui-pnotify.notification-info.stack-bar-bottom .notification-info {
	background: #5bc0de;
}

.ui-pnotify .notification-dark {
	background: rgba(23, 23, 23, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-dark .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-dark, .ui-pnotify.stack-bar-bottom .notification-dark {
	background: #171717;
}

.ui-pnotify.notification-dark .notification,
.ui-pnotify.notification-dark .notification-dark {
	background: rgba(23, 23, 23, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-dark .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-dark .notification-dark .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-dark.stack-bar-top .notification,
.ui-pnotify.notification-dark.stack-bar-top .notification-dark, .ui-pnotify.notification-dark.stack-bar-bottom .notification,
.ui-pnotify.notification-dark.stack-bar-bottom .notification-dark {
	background: #171717;
}

/* Notification Responsive */
@media only screen and (max-width: 767px) {
	html > body > .ui-pnotify {
		bottom: auto !important;
		left: 0 !important;
		margin: 0 !important;
		right: 0 !important;
		top: 60px !important;
		width: auto !important;
	}

	html > body > .ui-pnotify .notification {
		border-radius: 0 !important;
		height: auto !important;
		position: static !important;
		width: 100%;
	}

	html > body > .ui-pnotify .notification .ui-pnotify-title,
	html > body > .ui-pnotify .notification .ui-pnotify-text {
		padding-right: 35px !important;
	}

	html > body > .ui-pnotify .notification .ui-pnotify-sticker {
		display: none !important;
	}

	html > body > .ui-pnotify .notification .ui-pnotify-closer {
		display: block !important;
		font-size: 24px !important;
		visibility: visible !important;
	}
}

.uneditable-input {
    width: 300px;
    padding: 6px 20px;
}

td .btn-group {
    white-space: nowrap;
    display: flex;
    justify-content: center;
}

.files-images {
    cursor: pointer;
    box-sizing: border-box;
}
.files-images:hover {
    outline: 4px solid #08c;
}
.ppdb-images:hover {
    outline: 4px solid #08c;
    cursor: pointer;
}