/*---------------------------------------------------------------------
Google Fonts
-----------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*@import url('font-awesome-animation.min.css');*/
@import url('plugins.css');
@import url('lightbox.min.css');


/*---------------------------------------------------------------------
General Css
-----------------------------------------------------------------------*/

:focus {outline: 0;}
a{outline:none!important}
*::-moz-selection {background:transparent;color:#00CCCC;text-shadow: none}
a, input { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; color: #222222; outline: none !important; }
a:focus { text-decoration: none !important; }
a:focus, a:hover {text-decoration: none !important;transition: .1s; }


input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=number],
textarea,select{
    resize: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 14px;
    min-height:35px;
    padding:6px 9px 6px;
    width: 100%;
    border-radius: 0px;
}

textarea:focus,select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
.form-control:focus{
     -webkit-box-shadow: none;
     box-shadow: none;

}

.form-control{resize: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 14px;
    min-height:35px;
    padding:6px 9px 6px;
    width: 100%;
    border-radius: 0px;
}

:focus {
  outline: 0;
}

img {
  max-width:100%;
  height:auto;
}

h1, h2, h3, h4, h5, h6 {
  color: #252525;
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  line-height: 1.35;
  margin: 0 0 5px;
}
p:last-child {
  margin-bottom: 0;
}
a, button{
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-decoration:none;
  color: #252525;
 }
a::before, img, span, input, .owl-nav > div, .single-blog {
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;}
a:focus , *:focus {outline:0px solid}
a:focus {outline: medium none;text-decoration: none;}
a:hover {color:#00CCCC;text-decoration: none;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity: 1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity: 1;}
.fix {overflow:hidden}
.clear{clear: both;}
.clearfix::after {content: "";clear: both;display: table;}
.float-left {float: left;}
.float-right {float: right;}
.nopadding {padding: 0 !important;margin: 0 !important;}

.maring-bottom-10{
  margin-bottom:10px;
}
.maring-bottom-20{
  margin-bottom:20px;
}
.maring-bottom-25{
  margin-bottom:25px;
}
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

body {
  color: #252525;
  font-family: 'Open Sans', sans-serif!important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  word-wrap:break-word;
  position: relative;
  width: 100%;
  display:block;
  padding:0 auto;
  overflow-x: hidden;
}

/* -------------------------------
    CONTAINER
--------------------------------- */
.fr-container {
    position: relative;
    padding:20px 0px 20px;

}
.fr-container1 {
    position: relative;
    padding:10px 0px 5px;

}

/* ===========================================
    HEADER
============================================= */
header{
  width:100%;
  z-index:+999;
  position: relative;
}

.header-top {
  background:#fff;
  /*background: -webkit-linear-gradient(to right, #027bae, #4ac7ff);
  background: linear-gradient(to right, #027bae, #4ac7ff);*/
  padding:0px 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.header-top .top-sosial-media{
  float: left
}

.header-top .top-nav {
  float: right;
}

.header-top .item {
    display: inline-block;
    position: relative;
}

.header-top .item:not(:last-child):before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    background-color: #c4c4c4;
    height: 35%;
    top: 50%;
    left: -12px;
    transform: translateY(-50%);
}


.header-top .item > ul{
  padding: 0px;
}

.header-top .item > ul > li {
  list-style-type: none;
  float:left;
  margin-right: 10px;
  margin-top: 2px;
}

.header-top .item > ul > li > a {
  line-height:35px;
  color:#fff;
  float: left;
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  font-size: 13px;
  font-weight:200;
  margin:0px 5px;
  text-transform: uppercase;
}

.header-top .item > ul > li > a:hover{
  color: #000;
}

/* ------------------------------------------------
    NAVBAR CUSTOM
--------------------------------------------------- */
.navbar {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0!important;
  
}


.navbar-me{
    padding:0px 0px!important;
    background-color: transparent;
    top: 0px;
    border: 0px;
    border-radius: 0px;
    transition: all 1s;
}

.fixed-me{
  transition: all 1s ;
  width:100%;
  z-index:222;
  position: fixed;
  padding: 5px 5px!important;
  top: 0px;
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
}

.fixed-me .navbar-brand {
    float: left;
    height:auto;
    padding:3px 0px;
}

.fixed-me.navbar-default .navbar-nav > li > a {
    font-size:12px;
    font-family: 'Open Sans',sans-serif;
    color:#ffffff;
    
	font-weight:bold;
}

.fixed-me.navbar-default .navbar-nav > li > a:hover {
    color:#ffc400;
}


.fixed-me.navbar-default .header-search{
  margin:12px 0px;
  padding:10px 10px;
  transition: all 1s;
}

.fixed-me.navbar-default .search-form {
  position:fixed;
  top:70px;
}


.navbar-default {
    width: 100%;
    border:none;
    margin:0 auto;
    padding: 0px;
    background:#004263;
    background: -webkit-linear-gradient(to right, #111212, #323434);
    background: linear-gradient(to right, #111212, #323434);
	  border:1px solid #004263;
	  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
}


.navbar-default .navbar-toggle {
    color:#004263;
    border-radius:2px;
    width:45px;
    float:left;
    margin-top:5px;
    /*background:#63B306;*/
    background: #ff5500;
    border:0px;
    position:absolute;
    left:15px;
}

.navbar-default .navbar-toggle i {
    font-size:20px;
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  color:#cc7e00;
  background:transparent;

}

.navbar-default .navbar-collapse {
    border-top: none;
    float: none;
    margin:auto;
    padding:0px;
}

.navbar-brand {
    float: left;
    height:auto;
    padding:10px 0px;
    font-size: 18px;
    line-height: 20px;
    margin-left:0px!important;
}



.navbar-default .navbar-nav > li > a {
    font-size:13px;
    color:#ffffff;
    background: rgb(131,58,180);
    background: linear-gradient(356deg, rgba(131,58,180,1) 0%, rgba(164,30,0,1) 0%, rgba(255,149,0,1) 100%);
    font-weight:bold;
    text-transform: uppercase;
    margin-top: 5px;
    margin-right: 10px;
    padding:10px 20px 10px;
    display: block;
    text-decoration: none;
    position: relative;
    transition: .4s;
    transition-property: initial;
    transition-duration: 0.4s;
    transition-timing-function: initial;
    transition-delay: initial;
    letter-spacing: 1px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
   
}

.main-navbar-nav li > a i {
  float: right;
  margin-left: 5px;
  line-height: 20px;
  font-size: 14px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff!important;
    background:#ffaf0f;
}



.navbar-default .navbar-nav > a,
.navbar-default .navbar-nav > a:hover,
.navbar-default .navbar-nav > a:focus {
  color:#ffffff!important;
  background: rgb(131,58,180);
    background: linear-gradient(356deg, rgba(131,58,180,1) 0%, rgba(164,30,0,1) 0%, rgba(255,149,0,1) 100%);
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff;
    background: rgb(131,58,180);
    background: linear-gradient(356deg, rgba(131,58,180,1) 0%, rgba(164,30,0,1) 0%, rgba(255,149,0,1) 100%);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #ffffff;
    background: rgb(131,58,180);
    background: linear-gradient(356deg, rgba(131,58,180,1) 0%, rgba(164,30,0,1) 0%, rgba(255,149,0,1) 100%);
}
/*
.main-navbar-nav li > .dropdown-menu {
    min-width: 230px;
    border: none;
    background:#fff;
    border-radius: 0px;
    overflow: hidden;
    padding: 0px!important;
}
*/

.main-navbar-nav li > .dropdown-menu >  li > a {
    width: 100%;
    padding:6px 15px 6px 15px;
    clear: both;
    color: #333;
    font-size:13px;
    display: table;
    line-height: 25px;
    margin: 0px;
}


.main-navbar-nav li > .dropdown-menu > li > a:hover,
.main-navbar-nav li > .dropdown-menu > li > a:focus {
    color:#fff;
    background: rgb(131,58,180);
    background: linear-gradient(356deg, rgba(131,58,180,1) 0%, rgba(164,30,0,1) 0%, rgba(255,149,0,1) 100%);
  }

@media (max-width: 991px) and (min-width: 768px){
  .navbar-default .navbar-nav > li > a {
      font-size:13px;
      font-weight:300;
      padding:25px 8px 25px;
    }

  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      margin-left:0px;
      height: auto;
      padding:5px 0px;
      font-size: 18px;
      line-height: 20px;
      margin-top:0px;
  }

}


@media screen and (min-width: 760px) {
    .main-navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
		min-width:180px;
      }
	  

    .main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {
        left: 180px;
        top: 0;
    }
}

@media only screen and (max-width: 768px) {
  .nav>li>a.dropdown-toggle {
    display: none;
  }
  .nav .dropdown-menu {
    display:inline;
        position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
}

@media screen and (min-width:630px) and (max-width:768px) {
  .navbar-default .navbar-collapse {
    padding-left: inherit;
    padding-right: inherit;
    width: 100%;
    margin:auto!important;
    padding: 0px;
}



.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    padding:5px 0px;
    font-size: 18px;
    line-height: 20px;
    margin-top:0px;
    float: none;
    text-align: center;
    display:block;
}

  .navbar-brand>img {
      padding: 0px;
      margin: 0px;
      height:40px;
      text-align: center;
      display:inline-block;
  }

.fixed-me{
transition: all 1s ;
width:100%;
z-index:222;
position:static;
padding: 5px 5px !important;
top: 0px;
box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);  
overflow:scroll;
}
}


@media screen and (max-width:610px) {
  .navbar-default .navbar-collapse {
      padding-left: inherit;
      padding-right: inherit;
      width: 100%;
      margin:auto!important;
      padding: 0px;
  }



  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      padding:5px 0px;
      font-size: 18px;
      line-height: 20px;
      margin-top:0px;
      float: none;
      text-align: center;
      display:block;
  }

    .navbar-brand>img {
        padding: 0px;
        margin: 0px;
        height:40px;
        text-align: center;
        display:inline-block;
    }
	
.fixed-me{
  transition: all 1s ;
  width:100%;
  z-index:222;
  position:static;
  padding: 0px 0px!important;
  top: 0px;
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);  
  overflow:scroll;
}


}

@media (max-width: 700px){
  .nav.navbar-nav {
      float: none;
      margin: 0px;
  }


  .navbar-default .navbar-nav > li{
       border-bottom: 1px solid rgba(255, 255, 255, 0.1);
       margin: auto!important;
  }


  .navbar-default .navbar-nav > li > a {
      font-size:13px;
      font-weight:500;
      padding:10px 7px 10px 7px!important;
      display:table;
      width: 100%;
      clear: both;
    }


  .main-navbar-nav li > .dropdown-menu >  li{
       border-bottom: 1px solid rgba(255, 255, 255, 0.1);
       margin: auto!important;
  }


  .main-navbar-nav li > .dropdown-menu >  li > a {
      color:#004263!important;
      padding:10px 0px 10px 17px!important;
      display: block;
      border:none;
      background: transparent;
      display: table;
  }

  .main-navbar-nav li > .dropdown-menu > li > a:hover,
  .main-navbar-nav li > .dropdown-menu > li > a:focus {
      color:#FF0000!important;
      border:none;
      background:#eee;
    }

}


/* --- search --- */
.header-search{
  text-align: center;
  color:#ffffff;
  cursor:pointer;
  float: right;
  position: relative;
  width: 50px;
  margin:20px 0px;
  padding:10px 0px;
}


.header-search i{
  font-size:17px;
  font-weight: 200;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  line-height:17px;
  color: #ffffff;
  
}

.header-search i:hover{
  color:#ffffff;
}

.header-search .fa-search.active {display: none;}
.header-search .fa-times {display: none;}
.header-search .fa-times.active {display: inline-block;}
.header-search a:link,.header-search a:visited {color: #333333;}


.search-form {
  background: #ffffff;
  width: 300px;
  position:fixed;
  top:120px;
  right:120px;
  z-index: +999;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
  -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
  padding: 10px;
  display: none;
  border-top: solid 2px #FF3300;
}

.search-form:after {
  bottom: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color:#F44336;
  border-width: 11px;
  margin-right: 0px;
}


.search-form input {
    padding:6px 10px;
    background:#FFFFFF url(../img/icon-search.png) no-repeat right center;
    display: inline-block;
    font-size:15px;
    border:solid 1px #eee;
    border-radius:2px;
    font-weight: 2000;
    
}

.search-form .input-group-btn{}
.search-form .btn-search{
  display: none;
  background: transparent;
  color: #ffffff;
  border:none;
  font-size: 30px;
  float:right;
  position: absolute;
  right:20px;
  margin-top:-40px;
}
.search-form .btn-search:hover{
  color: #ffffff;
}


/* -------------------------------------------------
    breadcrumbs
---------------------------------------------------*/
.breadcrumbs {
  margin:10px 0px;
}
.breadcrumbs_bg{
	background:#1d1e1e;
	margin-bottom:20px;
}

.breadcrumbs ul {
    float:left;
    font-size:11px;
    padding: 2px 0 0;
    text-transform: uppercase;
    font-weight: 200;
}

.breadcrumbs ul li {
  display: inline-block;
  color: #fff;
  margin: 0 2px 0 2px;
  }

.breadcrumbs ul li:after {
    content: "\f105";
    margin: 0 0px 0 7px;
    font-family: 'FontAwesome';
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {color:#fff;

}

.breadcrumbs ul li:first-child {
  padding-right: 0; margin-left: 0; }
.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
  color: #fff;}

.breadcrumbs ul li:last-child {
  padding:0; background: none; }

/* -------------------------------------------------
    SLIDER
--------------------------------------------------- */
.slider-index {
  padding:0px 0px 0px 0px;
  position:relative;
}

/*.slider-index  .shadow {
    width: 100%;
    height:30px;
    background: url(../img/shadow.png) no-repeat center top;
    background-size: 100% 100%;
    bottom:0px;
}*/



.slide-index:after {
    content: '';
    position: absolute;
    width:100%;
    height: 175px;
    background: url(../img/shadow.png);
    right: -25px;
    top: 0px;
}

.fr-slider {
  position:relative;
  top: 0px;
  left: 0px;
  z-index: 0px;
}

.fr-slider:before {
  display:none;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to bottom,
    rgb(59, 62, 121) 0%,
    rgb(59, 62, 121) 1%, rgba(0, 0, 0, 0.11) 60%);
    z-index: 1;
}


.wrap-index {
    padding:30px 0px;
    position:relative;
}

/*-------------------------------------------------
    Menu icon index
--------------------------------------------------*/
.nav-content{
  background: #ffffff;
  position:relative;
  border:solid 1px #eee;
  padding: 20px 20px 5px 20px;
  border-radius:10px;
  webkit-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  transition: 1.3s;
  margin-bottom:30px;
  min-height:200px;
}

.nav-content .icon-images {
    border-radius: 50%;
    height:60px;
    width:60px;
    border:solid 3px #eee;
    overflow: hidden;
    text-align: center;
    display:inline-block;
    margin-bottom:10px;
}

.nav-content .icon-images img {
    border-radius: 50%;

}
.nav-content h3{
  padding-top: 10px;
  font-size: 18px;
  text-align: center;
}

.nav-content > .title {
}
.nav-content > a .title h3{
   font-size:14px;
   font-weight:600;
   color: #333;
   text-align: left;
   padding:0px;
}

.nav-content:hover .icon-images {
  border:solid 6px #03a9f4ba;
  transition: 0.3s;
}

.nav-content:hover{
  background: #eee; 
  transition: 1.3s;

}

.btn-to-website {
  background: #f12711;
  background: linear-gradient(to bottom, #fda51e, #e58901);
  background: -webkit-linear-gradient(to bottom, #fda51e, #e58901);
  border-radius: 5px;
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  font-weight:200;
  padding: 12px 30px;
  margin-top: 8px;
  transition: all 1.3s ease;
  webkit-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
}

.btn-to-website:hover{
  color: #ffffff;
  background: linear-gradient(to left, #ffc64d, #fb7b6d);
  transition: all 1.3s ease;
}

.btn-orange {
  background: #f12711;
  background: linear-gradient(to bottom, #fda51e, #e58901);
  background: -webkit-linear-gradient(to bottom, #fda51e, #e58901);
  border-radius: 5px;
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  font-weight:200;
  padding: 12px 30px;
  margin-top: 8px;
  transition: all 1.3s ease;
  webkit-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
}

.btn-orange:hover{
  color: #ffffff;
  background: linear-gradient(to left, #ffc64d, #fb7b6d);
  transition: all 1.3s ease;
}

.btn-red {
  background: #f12711;
  background: linear-gradient(to bottom, #fe7676, #b31c01);
  background: -webkit-linear-gradient(to bottom, #fe7676, #b31c01);
  border-radius: 5px;
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  font-weight:200;
  padding: 12px 30px;
  margin-top: 8px;
  transition: all 1.3s ease;
  webkit-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
}

.btn-red:hover{
  color: #ffffff;
  background: linear-gradient(to left, #ffc64d, #fb7b6d);
  transition: all 1.3s ease;
}


/*-------------------------------------------------
    Menu icon index 2
--------------------------------------------------*/
.nav-content2{
  background: #ffffff;
  position:relative;
  border:solid 1px #eee;
  padding: 20px 20px 5px 20px;
  border-radius:10px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  webkit-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 25px -7px rgba(0, 0, 0, 0.1);
  transition: 1.3s;
  margin-bottom:30px;
  min-height:250px;
}

.nav-content2 .icon-images {
    border-radius: 50%;
    height:60px;
    width:60px;
    border:solid 3px #eee;
    overflow: hidden;
    text-align: center;
    display:inline-block;
    margin-bottom:10px;
}

.nav-content2 .icon-images img {
    border-radius: 50%;

}
.nav-content2 h3{
  padding-top: 10px;
  font-size: 18px;
  text-align: center;
}

.nav-content2 > .title {
}
.nav-content2 > a .title h3{
   font-size:14px;
   font-weight:600;
   color: #333;
   text-align: left;
   padding:0px;
}

.nav-content2:hover .icon-images {
  border:solid 6px #03a9f4ba;
  transition: 0.3s;
}

.nav-content2:hover{
  background: #eee; 
  transition: 1.3s;

}




/*------------------------------------------------
  Slider Berita
-------------------------------------------------- */
.container-slider{
  margin-top:30px;
}

.berita-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: left;
    padding-top: 5px;
    padding-left:10%;
    padding-right:10%;
    color: #fff;
}

.berita-carousel .carousel-caption .carousel-caption-header {
    margin-top:0px;
    font-size: 24px;
}


.berita-carousel .carousel-indicators {
  bottom: 0px;
  margin-bottom: 5px;
}

.berita-carousel .carousel-control {
  z-index: 11;
  width:10%;
  }

.carousel-control.left {
    background-image:none;
}

.carousel-control.right {
    background-image:none;
}

.carousel-caption a.category{
  background:#03a9f4;
  font-size: 13px;
  color: #ffff;
  padding:2px 5px;
}


h1.carousel-caption-header{
    color: #ffffff;
    font-size:25px!important;
    line-height:35px;
}

h1.carousel-caption-header a{
  color: #fff;
}

.berita-carousel .carousel-caption-text{
  font-size:13px;
}


@media (min-width: 970px) {
  .berita-carousel .carousel-caption .carousel-caption-header {
    font-size: 36px;
  }
}



/*-----------------------------------------------
  TITLE
------------------------------------------------- */
.wrap-content {
    padding:10px 0px;
}

.wrap-content .fr-title {
    font-family: 'Open Sans', sans-serif;
    margin:0px 0 30px;
    position: relative;
}

.wrap-content .fr-title h3{
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    border-bottom:solid 2px #03a9f4;
}


.wrap-content .fr-title h3 span{
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding:8px 12px 8px 12px;
  background-color:#03a9f4;
  color: #fff;
}

.wrap-content .fr-title h3 a{
  float: right;
  color: #ffffff;
  font-size:14px;
  background:#03a9f4;
  padding:3px 9px;
  margin:6px 0px;
  border-radius: 4px;
}





/* ---------------------------- 
JUDUL KERJASAMA / LINK TERKAIT
------------------------------*/
.title-ks {
    font-family: 'Open Sans', sans-serif;
    margin:0px 0 0px;
    position: relative;
}

.title-ks h3{
    font-family: 'Open Sans', sans-serif;
    text-align:center;
    position: relative;
    /*border-bottom:solid 2px #03a9f4;*/
	bottom:30px;
}


.title-ks h3 span{
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding:5px 25px 5px 25px;
  background-color:#fff;
  color: #f49003;
}

.title-ks h3 a{
  float: right;
  color: #ffffff;
  font-size:14px;
  background:#f49003;
  padding:3px 9px;
  margin:6px 0px;
  border-radius: 4px;
}


/*----------------------------------------
  BERITA
-----------------------------------------*/
.post_header{
	padding-top:30px;
	padding-bottom:30px;
	/*background:#fdd534;*/
  background: #f1f1f1;
	color:#000;
}
.post_header a{
	color:#000;
}
.featured-post {
    position: relative;
    -webkit-backface-visibility: hidden;
}

article .featured-post {
    margin:0px 0px 0px;  
    position: relative;
    background: #fff;
}

article .featured-post .images {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position:relative;
}

article .featured-post .images:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

article .featured-post .content-header{
    position: absolute;
    bottom:0px;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article .featured-post .content-header h3{
    font-size:17px;
    line-height:25px;
    font-weight: 600;
    color: #333;
    padding: 5px 0px 0px;
    margin-bottom:10px;
    color: #fff;
}

article .featured-post .content-header .featured-meta ul li a{
  color: #fff;
}

article .featured-post .content-header .featured-meta ul li a span{
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}



article .featured-post .images img{
  width: 100%;
}

article  .featured-post .images a.category{
  font-size:13px;
  background: #333333;
  color: #ffffff;
  padding: 2px 5px;
  position:absolute;
  bottom: 0px;
  left:0px;
}

article  .featured-post .images a.category:hover{
  background:#03a9f4;
  color: #fff;

}


article .featured-post .content {
    padding:10px 0px;
    background: #fff;
}

article .featured-post .content h2 {
    font-size:20px;
    line-height:25px;
    font-weight: 600;
    color: #333;
    padding: 5px 0px 0px;
    margin-bottom:10px;
}

article .featured-post .content h2 a:hover{
  color:#03a9f4
}

article .featured-post .featured-meta {
    font-size: 12px;
    line-height:20px;
    color:#333;
    position: relative;
    display:inline-block;
}

article .featured-post .featured-meta ul{
  padding: 0px;
  margin:0px;
}

article .featured-post .featured-meta ul li{
  list-style:none;
  float: left;
  margin-right:5px;
}

article .featured-post .featured-meta ul li a{
  color: #ccc;
}

article .featured-post .featured-meta ul li a span{
  color: #333333;
  text-transform: uppercase;
  font-weight: 600;
}


article .featured-post .desc {
    font-size: 13px;
    line-height: 24px;
    color: #898c90;
    margin-bottom: 7px;
}

/*---------- Featured List -----------------------*/
.featured-post-list {

}

.featured-post-list > ul{
  padding: 0px;
}

.featured-post-list > ul li {
  list-style:none;
  display:inline-block;
  position:relative;
  border-bottom: solid 1px #eee;
  padding:10px 0px;
}

.featured-post-list > ul li:first-child{
   padding:0px 0px 10px;
}

.featured-post-list > ul li:last-child{
    border-bottom:none;
}

.featured-post-list > ul li .featured-thumb {
  display: block;
  float: left;
  margin-right:10px;
  position: relative;
  width:80px;
  overflow: hidden;
}

.featured-post-list > ul li .featured-thumb img{
  height: 65px;
  width:80px;
}

.featured-post-list > ul li .post-info a {
  display: block;
  font-size: 15px;
  color:#000;
  font-weight:600;
  margin-bottom:3px;
  line-height:20px;
}

.featured-post-list > ul li .post-info a:hover {
  color:#03a9f4;
}

.featured-post-list > ul li .post-info span {
  font-size: 12px;
  color:#aaaaaa;
  font-weight: 200;
}


/*---------------------------------------------
    BERITA GRID GALLERY
----------------------------------------------*/
.content-berita-grid{
 /* background: #151515;*/
 background:#021824;
  padding:60px 0px;
}
.content-berita-grid-title{
	text-align:center;
	padding-top:20px;
	padding-bottom:30px;
	color:#FFFFFF;
}

.nopadding{padding:0;}

.box-item {
    opacity: 1;
    overflow: hidden;
    position: relative;
}

.box-item img {
    width: 100%;
}

.box-item a, .box-item span{color:#fff;}

.box-item .box-post span.meta {
    font-family:  sans-serif;
    font-size: 12px;
    color: #fff;
    margin-top: 15px;
    display: block;
}

.box-item .box-post span.meta span {
    margin-right: 15px;
}

.box-item .box-post {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box-item .box-post h1.post-title {
   font-size:25px;
}



/*-------------------------------------
   BERITA LIST  
---------------------------------------*/
.berita_list {
    margin-bottom:30px;
    position:relative;
    display:inline-block;
}

/* Image */
.berita_list .item_thumb {
    width:100%;
    position: relative;
    overflow: hidden;
    margin-right: 30px;
    min-height:180px;
    overflow:hidden;
}

.berita_list .item_thumb img{
  width:100%;
  min-height: 180px;
}

.berita_list .item_thumb:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.berita_list .item_content h3 {
    font-size:23px;
    margin: 0 0 10px 0;
    line-height:30px;
    font-weight:500;
    font-family:"Open Sans",sans-serif;
    text-decoration: none;
}

.berita_list .item_content h3 a{
    text-decoration: none;
    color:#000;
}

.berita_list .item_content h3 a:hover{
    text-decoration: none;
   color:#F44336;
}

.berita_list .item_content .item_meta{
  position:relative;
  display:inline-block;
  margin:5px 0px;
  font-size:13px;
}

.berita_list .item_content .item_meta ul {
  padding:0px;
}

.berita_list .item_content .item_meta ul li{
  list-style:none;
  float: left;
  margin-right: 5px;
}

.berita_list .item_content .item_meta ul li.category a{
  background:#00bcd4;
  color: #fff;
  padding:0px 3px;
  text-transform: uppercase;
}

.berita_list .item_content .item_meta ul li a{
  color: #aaaaaa;
}

.berita_list .item_content .item_meta ul li a span{
  color: #333333;
  text-transform: uppercase;
  font-weight: 600;
}

.berita_list .item_content p {
    margin-bottom: 10px;
    color: #666;
    font-family:"Open Sans", sans-serif;
}

.berita_list .item_content a.readmore {
    background: #000;
    color:#fff;
    font-size: 13px;
    padding:5px 10px;
    border-radius: 2px;
    margin-top:5px;
    display:inline-block;
    position:relative;
}

.berita_list .item_content a.readmore:hover{
  background: #FF3300;
}


/*------------------------------------------
    Pagination
--------------------------------------------*/
.wrap-pagination{
  display:block;
  position:relative;
}

.wrap-pagination p{
  float:right;
  color: #333;
  line-height:27px;
  margin:20px 0px;
}

.pagination>li>a, .pagination>li>span {
  border-radius: 50% !important;
  margin: 0 5px;
  color: #333;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF3300;
    border-color: #FF3300;
}

/*----------------------------------------
  Comment
------------------------------------------*/
.comment_wrap{
  padding:20px 20px 20px 0px;
  overflow:hidden;
  border-bottom:1px solid #eee;
}
.comment_wrap.chaild{
  border-bottom:1px solid #eee;
  margin:10px 20px 10px 50px;
  overflow:hidden;
}
.gravatar{
  float:left;
}

.comment_content{
  overflow:hidden;
  padding-left:20px;
  position:relative;
  min-height:80px; 
}
.comment_content .comment_meta{
  position:relative;
}
.comment_content .comment_meta .comment_author{
  display:inline;
  font-size:14px;
  font-style: normal;
}
.comment_content .comment_meta .comment_author i{
  display:inline;
  font-size:11px;
  font-style: italic;
}
.comment_content .comment_text {
  clear:both;
  padding-top:0px;
  overflow:hidden;
}
.comment_content .comment_text a {
  color: #d3d3d3;
  margin-top: 5px;
  float: left;
}
.comment_content .comment_text a:hover {
  color: #727272;
  margin-top: 5px;
  float: left;
}
#comments_section li ul li{
  margin-left: 30px;
}


/*---------------------------------------
    FORM COMMENT
---------------------------------------- */
.comment_form {
  width: 100%;
  margin-top: 30px;
}

.comment_input_bg {
  height: 25px;
  border:none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.comment_textarea_bg {
  height: 235px;
  padding: 7px 10px 0px 10px;
  margin-bottom: 20px;
  border:none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.comment_submit {
  background-color: #eee;
  border: 1px solid #ddd;
  padding: 9px 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  border-radius: 4px;
  color: #333;
  text-transform: uppercase;
}
.comment_submit:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}


/*----------------------------------------
    SIDEBAR
----------------------------------------- */
.sidebar-wrapper {
    padding-right: 0px;
    padding-left: 30px; 
}

.sidebar {
  margin-bottom:20px;
  background: #fff;
  min-height: 100px;
}

.sidebar .fr-title {
    font-family: 'Open Sans', sans-serif;
    margin:0px 0 30px;
    position: relative;
}

.sidebar .fr-title h3{
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    border-bottom:solid 2px #03a9f4;
}


.sidebar .fr-title h3 span{
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding:8px 12px 8px 12px;
  background-color:#03a9f4;
  color: #fff;
}

.sidebar > .sidebar-body{
  position: relative;
  display: table;
  width: 100%;
}

.sidebar > .sidebar-body > ul {
  margin: auto;
  padding: 0px;
}

.sidebar > .sidebar-body > ul li {
  display: block;
  overflow: hidden;
  margin-bottom:20px;
}


.sidebar > .sidebar-body > ul li {
  display: block;
  overflow: hidden;
  margin-bottom:20px;
}


/*----------------------------------------
    AGENDA
----------------------------------------- */
.agenda-wrapper {
    padding-right: 0px;
    padding-left: 30px; 
}

.agenda {
  margin-bottom:20px;
  background: #fff;
  min-height: 100px;
}

.agenda .agenda-title {
    font-family: 'Open Sans', sans-serif;
    margin:0px 0 30px;
    position: relative;
}

.agenda .agenda-title h3{
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    border-bottom:solid 2px #03a9f4;
}


.agenda .agenda-title h3 span{
  line-height: 17px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding:8px 12px 8px 12px;
  background-color:#03a9f4;
  color: #fff;
}

.agenda > .agenda-body{
  position: relative;
  display: table;
  width: 100%;
}

.agenda > .agenda-body > ul {
  margin: auto;
  padding: 0px;
}

.agenda > .agenda-body > ul li {
  display: block;
  overflow: hidden;
  margin-bottom:5px;
}


.agenda > .agenda-body > ul li {
  display: block;
  overflow: hidden;
  margin-bottom:5px;
}

.agenda > .agenda-body > ul li p.category{
  margin:0px;
  padding:0px;
}

.agenda > .agenda-body > ul li p.category a{
  background:#03a9f4;
  padding:0px 4px;
  margin:0px;
  font-size: 10px;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  display:inline-block;
  border-radius:3px;
}

.agenda > .agenda-body > ul li p.category a:hover{
  color: #fff;
}

.agenda > .agenda-body > ul li .post-thumb {
  display: block;
  float: left;
  margin-right:10px;
  position: relative;
  width:100px;
  overflow: hidden;
}

.agenda > .agenda-body > ul li .post-info {
  margin-top: 5px;
}

.agenda > .agenda-body > ul li .post-info a {
  display: block;
  font-size: 14px;
  color: #111;
  font-weight: 600;
  margin-bottom:3px;
}

.agenda > .agenda-body > ul li .post-info a:hover {
  color:#FF3300;
}

.agenda > .agenda-body > ul li .post-info span {
  font-size: 12px;
  color:#aaaaaa;
  font-family: arial;
  font-weight: 200;
}

/*----------------------------------------------
  ABOUTS SIDEBAR
------------------------------------------------*/
.sidebar-abouts{
  position:relative;
  padding :10px 0px;
}

.sidebar-abouts .wrap-avatar{
  background:#FF3300;
  /*padding:40px 10px;*/
}

.sidebar-abouts .wrap-avatar .images{
/*  width:150px;
  height: 150px;*/
  min-width:99%;
  max-width:100%;
  display:inline-block;
  /*border-radius:10%;*/
}

.sidebar-abouts .wrap-avatar .images img{
/*  width:150px;
  height: 150px;*/
  min-width:99%;
  max-width:100%;
  /*border-radius:10%;*/
}

.saturate { -webkit-filter: brightness(150%) saturate(2) contrast(100%); filter: brightness(150%) saturate(2) contrast(100%);}


.sidebar-abouts .body-abouts{
  background: #ffffff;
  padding:20px;
  border:solid 1px #eee;
}

.sidebar-abouts .body-abouts h3{
  font-size: 17px;
  font-weight:600;
  color: #333;
}

.sidebar-abouts .body-abouts p{
    color: #333333;
    font-size: 14px;
}

/*----------------------------------------------
  MOTIVASI SIDEBAR
------------------------------------------------*/
.sidebar-motivasi{
  position:relative;
  padding :10px 0px;
}
.sidebar-motivasi .body-motivasi{
  background: #03a9f4;
  padding:20px;
  border:solid 1px #eee;
  color:#FFFFFF;
}



.sidebar > .sidebar-body > ul li p.category{
  margin:0px;
  padding:0px;
}

.sidebar > .sidebar-body > ul li p.category a{
  background:#03a9f4;
  padding:0px 4px;
  margin:0px;
  font-size: 10px;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  display:inline-block;
  border-radius:3px;
}

.sidebar > .sidebar-body > ul li p.category a:hover{
  color: #fff;
}

.sidebar > .sidebar-body > ul li .post-thumb {
  display: block;
  float: left;
  margin-right:10px;
  position: relative;
  width:100px;
  overflow: hidden;
}

.sidebar > .sidebar-body > ul li .post-thumb img{
  height:80px;
  width:100px;
}

.sidebar > .sidebar-body > ul li .post-info {
  margin-top: 5px;
}

.sidebar > .sidebar-body > ul li .post-info a {
  display: block;
  font-size: 14px;
  color: #111;
  font-weight: 600;
  margin-bottom:3px;
}

.sidebar > .sidebar-body > ul li .post-info a:hover {
  color:#FF3300;
}

.sidebar > .sidebar-body > ul li .post-info span {
  font-size: 12px;
  color:#aaaaaa;
  font-family: arial;
  font-weight: 200;
}



/* -------------------------------------
    SEARCH
----------------------------------------*/
.sidebar-search {
  background: #fff;
  margin-bottom:20px;
}

.sidebar-search input{
  border-radius: none!important;
  height: 40px;
}

.sidebar-search .btn-search{
  background: #000000;
  color: #fff;
  height: 40px;
  box-shadow:none;
  border-radius: 0px;
}


/* -------------------------------------
  CATEGORY
---------------------------------------- */
.sidebar > .category{
    padding:0px;
    list-style: none;
    margin: 0 auto;
}

.sidebar > .sidebar-body > .category > ul{
    padding:0px;
    list-style: none;
    margin: 0 auto;
}
.sidebar > .sidebar-body > .category > ul > li {
  border-bottom:dashed 1px #eee;
  padding:10px 0;
  position: relative;
  list-style: none;
  display:table;
  width: 100%
}
.sidebar > .sidebar-body > .category > ul > li:last-child{
  border-bottom: 0px;
}

.sidebar > .sidebar-body > .category > ul > li:first-child{
  padding:0px 0px 10px 0px;
}


.sidebar > .sidebar-body > .category > ul > li span{
  float:right;
  position: relative;
  padding:0px 7px;
  height: 20px;
  font-size:14px;

}

.sidebar > .sidebar-body > .category > ul > li > a {
  color: #111;
  font-size:14px;
  font-weight:200;
  text-transform:capitalize;
  text-decoration: none;
}

.sidebar > .sidebar-body > .category > ul > li > a i{
  margin-right: 5px;
  color: #333;
}

.sidebar > .sidebar-body > .category > ul > li > a:hover{
  color:#FF3300;
}

/* -------------------------------------
  statistics
---------------------------------------- */
.sidebar > .statistics{
    padding:0px;
    list-style: none;
    margin: 0 auto;
}

.sidebar > .sidebar-body > .statistics > ul{
    padding:0px;
    list-style: none;
    margin: 0 auto;
}
.sidebar > .sidebar-body > .statistics > ul > li {
  border-bottom:dashed 1px #eee;
  padding:10px 0;
  position: relative;
  list-style: none;
  display:table;
  width: 100%
}


.sidebar > .sidebar-body > .statistics > ul > li span{
  float:right;
  position: relative;
  padding:0px 7px;
  height: 20px;
  font-size:14px;

}

.sidebar > .sidebar-body > .statistics > ul > li > a {
  color: #111;
  font-size:14px;
  font-weight:200;
  text-transform:capitalize;
  text-decoration: none;
}

.sidebar > .sidebar-body > .statistics > ul > li > a p{
  padding:0px;
  margin:0px;
  width: 150px;
  display: inline-block;
}

.sidebar > .sidebar-body > .statistics > ul > li > a i{
  margin-right: 5px;
  color: #333;
}

.sidebar > .sidebar-body > .statistics > ul > li > a:hover{
  color:#FF3300;
}


/* ------------------------------------------------
  TAGS
--------------------------------------------------- */
.sidebar > .sidebar-body > .tags{
    padding:0px;
    list-style: none;
    margin: 0 auto;
}

.sidebar > .sidebar-body > .tags > ul{
    padding:0px;
    list-style: none;
    margin: 0 auto;
}
.sidebar > .sidebar-body > .tags > ul > li {
  list-style: none;
  display: inline-block;
  margin:3px 3px;
}

.sidebar > .sidebar-body > .tags > ul > li > a {
  padding:5px 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color:#000000;
  background: #eee;
  font-weight: 500;
  display: inline-block;
}

.sidebar > .sidebar-body > .tags > ul > li > a:hover{
  background:#FF3300;
  color: #fff;
}

.sidebar > .sidebar-body > .button-pages{
}

.sidebar > .sidebar-body > .button-pages ul{
  padding:0px;
  margin:0px;
}

.sidebar > .sidebar-body > .button-pages ul > li{
  list-style:none;
  margin-bottom: 20px;
  display:block;
  position:relative;
  text-align:left;
}

.sidebar > .sidebar-body > .button-pages ul > li a{
  display:block;
  position:relative;
  padding:10px 20px;
  color: #ffffff;
  text-align:left;
  font-size: 18px;
  text-transform: uppercase;
}


.sidebar > .sidebar-body > .button-pages ul > li a i{
  margin-right:20px;
}
.sidebar > .sidebar-body > .button-pages ul > li a.btn-home{
  background:#0086C9;
}
.sidebar > .sidebar-body > .button-pages ul > li a.btn-profile{
  background:#03a9f4;
}

.sidebar > .sidebar-body > .button-pages ul > li a.btn-visi{
  background:#ffa100;
}

.sidebar > .sidebar-body > .button-pages ul > li a.btn-struktur{
  background:#00cccc;
}

.sidebar > .sidebar-body > .button-pages ul > li a.btn-ppid{
  background:#5c10ef;
}

.sidebar > .sidebar-body > .button-pages ul > li a.btn-kontak{
  background:#698dce;
}

/*-----------------------------------------
  PAGES AND NEWS INGGLE
------------------------------------------ */
article .pages-singgle {
  background: #FBFBF8;
  position: relative;
  border:solid 1px #eee;
  padding:30px;
  margin-bottom: 20px;
}

article .berita-singgle {
  position: relative;
  margin-bottom: 20px;
}


article .pages-singgle h1.title,
article .berita-singgle h1.title {
    line-height:35px;
    padding: 0px;
    font-size:30px;
    font-weight:200;
    font-family: 'Open Sans',sans-serif;
    margin-bottom: 10px;
}

article .pages-singgle h1.title a,
article .berita-singgle h1.title a{
    text-decoration: none;
    color:#333;
}

article .pages-singgle h1.title a:hover,
article .berita-singgle h1.title a:hover{
    color:#FF3300;
}

article .pages-singgle .entry_content,
article .berita-singgle .entry_content {
    overflow: hidden;
    padding-bottom: 0;
    margin:25px 0px;
}

article .pages-singgle .entry_content .video,
article .berita-singgle .entry_content .video {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

article .pages-singgle .entry_content .video iframe, .video object, .video embed,
article .berita-singgle .entry_content .video iframe, .video object, .video embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


article .pages-singgle .entry_content .table,
article .berita-singgle .entry_content .table{
  max-width: 100%;
  height: auto;
}

article .pages-singgle .entry_content img,
article .berita-singgle .entry_content img{
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

article .pages-singgle .entry_content img:hover,
article .berita-singgle .entry_content img:hover{
    opacity: 0.8;
}

article .pages-singgle .entry_content a,
article .berita-singgle .entry_content a{
  color: #000;
  text-decoration: none;
}

article .pages-singgle .entry_content a:hover,
article .berita-singgle .entry_content a:hover{
    color:#FF3300;
}

article .pages-singgle .entry_content p,
article .berita-singgle .entry_content p{
    font-size:15px;
    line-height:27px;
    color:#222;
}

article .pages-singgle .entry_content ul li,
article .berita-singgle .entry_content ul li{
  font-size:15px;
  line-height: 24px;
}

article.pages-singgle.entry_content ol li,
article.berita-singgle.entry_content ol li{
    font-size:15px;
    line-height: 25px;
}

article .pages-singgle .entry_content ol li,
article .berita-singgle .entry_content ol li{
  margin-bottom:5px;
}

article .pages-singgle .entry_content ul li,
article .berita-singgle .entry_content ul li{
  margin-bottom:5px;
}

article .pages-singgle .entry_content blockquote,
article .berita-singgle .entry_content blockquote {
    background-color:#fff;
    margin:20px 0px 32px;
    text-align:left;
    font-size: 18px;
    color: #222222;
    font-style: italic;
    letter-spacing: 1.1px;
    line-height: 30px;
    position: relative;
    padding: 32px 70px 30px;
    overflow: hidden;
    border-left:solid 3px #ccc;

}

article .pages-singgle .entry_content blockquote:before,
article .berita-singgle .entry_content blockquote:before {
    content: "\f10e";
    font-family:FontAwesome;
    font-size:70px;
    color: #222222;
    position: absolute;
    left:10px;
    top:20px;
    opacity: 0.1;
    font-style: normal;
}

.share-wrapper{
    width: 100%;
    display:table;
    padding:5px 0px;
    margin-bottom: 20px;
}

.share-wrapper h3{
  font-size:20px;
  font-weight: 500;
  margin:0;
  line-height: 25px;
  padding:10px 0px;
}
.share-wrapper a{
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;}


.button-share {
  float:left;
  padding:15px 30px;
  display: block;
  color:#fff;
  width: 25%;
}
.button-share i{
  margin-right:10px;
  font-size:20px;
}
.button-share span{
  font-size:14px;
}

.fb-share {
  background:#335FA4;
}

.fb-share:hover{
  background:#2C538D;
}


.tw-share {
  background:#28A4CD;
}

.tw-share:hover {
  background:#27A0C9;
}

.google-share {
  background:#C53C2E;
}
.google-share:hover{
  background:#BF3C2D;
}

.in-share {
   background:#047AB8;
}
.in-share:hover{
   background:#0373AF;
}


article .berita-singgle .pages-prenxt-post {
    position:relative;
    padding:10px 0px;
  
}

article .berita-singgle .pages-prenxt-post a{
    text-decoration: none;
    padding: 20px 0px;
    min-height: 70px;
}

article .berita-singgle .pages-prenxt-post a p{
    font-size: 14px;
    color: #FF3300;
}

article .berita-singgle .pages-prenxt-post a h5{
    font-size:16px;
    font-weight: 200;
}


/*-----------------------------------------
  CONTACT
-------------------------------------------*/
.wrap-contact ul.address {
    position: relative;
    line-height: 1.6;
    margin:0px 0px;
    color:#333333;
    padding:0px;
}
.wrap-contact ul.address li{
  padding:7px 0px 7px 20px;
  position:relative;
  list-style:none;
}
.wrap-contact ul.address li span{
   color: #333;
}
.wrap-contact ul.address li a{
  color:#333333;
}
.wrap-contact ul.address> li i {
  position: absolute;
  left: 0;
  line-height:27px;
}


/*--------------------------------------------------
  GALLERY
---------------------------------------------------*/
.isotop-nav {
    padding-bottom: 50px;
    position: relative;
    display: block;
    padding-left: 15px;
}

.isotop-nav ul{
    list-style: none;
    padding: 0px;
    margin:0px;
}

.isotop-nav li {
    list-style: none;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding:9px 20px;
    transition: .4s;
    margin:3px;
    background:#151515;
    color:#fff;
}

.isotop-nav li:hover,
.isotop-nav li.active {
    background:#03a9f4;
    color: #fff
}

.isotop-active{
    margin:0 auto;
}

/*---------------------------------------
  GALLERY
------------------------------------------*/
.wrap-gallery{
  display: block;
  position: relative;
}

.gallery-item {
  position:relative;
  border:solid 1px #eee;
  box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.1);
  background: #151515;
  margin-bottom: 30px;
}

.gallery-item .gallery-img{
  width: 100%;
  overflow: hidden;
}

.gallery-item .gallery-img img{
  width:100%;
}

.gallery-item .gallery-content{
  background:#151515;
  padding:5px 10px;
  position: relative;
}

.gallery-item .gallery-content:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(21, 21, 21, 0);
  border-bottom-color: #151515;
  border-width: 13px;
  margin-left: -13px;
}

.gallery-item .gallery-img img:hover{
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0.7;
  -ms-filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  filter: grayscale(1) blur(3px);
}

.gallery-item  .title{
  font-weight:400;
  color:#fff;
  font-size: 15px;
  line-height: 27px;
  text-align: left;
}


/*----------------------------------------
    404 
----------------------------------------*/
.error-404 {
  padding:100px 0;
  text-align: center;
}

.not-found{
    margin:auto;
}

.not-found img{
    width: auto;
    margin:auto;
    margin-bottom: 30px;
}

.error-404 h1 {
  color: #cccccc;
  font-size: 150px;
  font-weight: 900;
  letter-spacing: 10px;
  line-height:80px;
  margin-bottom: 15px;
}
.error-404 h3 {
  color: #cccccc;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.error-404 p {
  color: #999999;
  font-size: 16px;
  line-height: 26px;
}

.error-404 a {
  background:#151515 repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 40px;
  padding: 15px 40px;
  border-radius: 30px;
  text-transform: uppercase;
  text-decoration: none;
}

.error-404 a:hover {
  background: #03a9f4 none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}

/*--------------------------------------------------
  POWERED
----------------------------------------------------*/
.wrap-powered{
  padding:8px 0px;
  border-top:solid 1px #f4c003;
}

.powered {
    text-align: center;
    padding: 10px 30px;
    display: inline-block;
}


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

/*--------------------------------------------------
    FOOTER
--------------------------------------------------- */
footer {
  background:#181818;
  /*background:#03a9f4;*/
  color:#fff;
  padding:50px 0px 0px;
  position: relative;
  border-top:solid 1px #eee;
}

.footer-widget{}

.footer-last {
  padding-left:40px;
}

.footer-widget .title_widget {
    position: relative;
}

.footer-widget .title_widget h3 {
    font-size:30px;
    /*color: #333333;*/
	color:#fff;
    font-weight:200;
    margin-bottom:20px;
}


.footer-widget .footer_content{
  margin-top:10px;
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 20px;

}

.footer-widget .footer_content p{
  color:#333333;
  font-size: 15px;
  line-height: 25px;
}

.footer-widget .footer_content p a{
  color:#333333;
}

.footer-widget .footer_content ul{
  padding: 0px;
}

.footer-widget .footer_content li{
  padding: 0px;
  list-style: none;
}


/*---- ADRESS ---*/
.footer-widget .footer_content ul.address {
    position: relative;
    line-height: 1.6;
    margin:0px 0px;
    color:#333333;
}

.footer-widget .footer_content ul.address li{
  padding:7px 0px 7px 20px;
  position:relative;
}

.footer-widget .footer_content ul.address li span{
   color: #333;
}

.footer-widget .footer_content ul.address li a{
  color:#333333;

}

.footer-widget .footer_content ul.address> li i {
  position: absolute;
  left: 0;
  line-height:27px;
}

/* footer social links */
ul.footer_social_links {
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
.footer_social_links li {
  float: left;
  padding: 0px;
  margin: 0px 10px 10px 0px;
}
.footer_social_links li a {
  float: left;
  padding: 0px;
  margin: 0px;
  width: 110px;
  height: 60px;
  text-align: center;
  border-radius: 4px;
  line-height: 60px;
  vertical-align: middle;
  background-color: #f3f3f3;
  color: #3d3d48;
  font-size: 13px;
  box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.1);
}
.footer_social_links li a:hover {
  color: #fff;
  background-color: #004262;
}
.footer_social_links li a:hover i {
  color: #fff;
}
.footer_social_links li i {
  color: #3d3d48;
  margin-right: 5px;
}
.copyright {
  background:#202020;
  padding:4px;
}

.copyright p {
  color:#fff;
  font-size: 14px;
  margin-bottom: 0;
  line-height:30px;
  font-weight: 400;
}

.copyright p a{
  color: #00CCCC;
}

.copyright .item {
    display: inline-block;
    position: relative;
    float:right;
}

.copyright .item > ul{
  padding: 0px;
}

.copyright .item > ul > li {
  list-style-type: none;
  float:left;
  margin-right: 10px;
  margin-top: 2px;
}

.copyright .item > ul > li > a {
  line-height:22px;
  color:#fff;
  float: left;
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  font-size: 13px;
  font-weight:200;
  margin:0px 3px;
  text-transform: uppercase;
}

.copyright .item > ul > li > a:hover{
  color: #03a9f4;
}


/*-------------------------------------------------*/
/* =  BOTTON UP
/*-------------------------------------------------*/
#back-to-top {
    position: fixed;
    bottom:60px;
    right:20px;
    z-index:+999999;
    width:40px;
    height:40px;
    text-align: center;
    line-height:40px;
    background:#00CCCC;
    color: #fff;
    cursor: pointer;
    border:0;
    border-radius:5px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top:hover {
    background:#21C0E0;
}

#back-to-top.show {
    opacity: 1;
}

.icon-home{
	padding:5px;
}
.icon-home:img{
	width:80%;
	height:auto;
}
.icon-home:h3{
	font-size:20px;
	font-weight:bold;
}


/* Marquee Bottom */
.marquee-bottom{
	bottom:0px;
	left:0px;
	margin:0 auto;
	position:fixed;
	z-index:99999;
	background:#ecbb38;
    /*
    background-image:-webkit-gradient(linear,left 0,left 100%,from(#72C400),to(#66AF06));background-image:-webkit-linear-gradient(top,#72C400,0%,#66AF06,100%);background-image:-moz-linear-gradient(top,#72C400 0,#66AF06 100%);background-image:linear-gradient(to bottom,#72C400 0,#66AF06 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
  border-color: #d6e9c6;*/

	width:100%;
	color:#131313;
}
.marq-left {
	background:#549A02;
}
.marquee-bottom a{
	color:#FFFFFF;
}
/* ---------------*/

.text-white{
	color:#fff;
}
.display-1{
	font-size:35px;
}
.text-center{
	text-align:center;
}
mb-1{
	margin-bottom:30px;
}
mt-1{
	margin-top:30px;
}

.section_iklan{
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	/*box-shadow: 0px 25px 25px 25px rgba(0, 0, 0, 0.1);
    transition: 1.3s;*/
}


/* ========================================================== */
/*                  PADDING MARGIN                            */
/* ========================================================== */
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}
.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}
.pt-50 {
  padding-top: 50px !important;
}


.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}
.pb-20{
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}