@import url(../../../fonts.googleapis.com/css¿family=Roboto_400,700,300.css);
/* responsive text queries */
@media screen and (min-width: 1200px) {
.col-lg-1x{
  width:12.5%;
  
  }
}
@media screen and (min-width: 980px) {

#main-slider{
/*margin:20px 0px;
border:solid 5px #dedede;
*/
}
.container{
padding-left:0px !important;
padding-right:0px !important;

}
.art-search{
margin:0px 0px !important;

}
.vcenter {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}
.k2item .responsive-container{
max-height:200px;

  
  }


}

@media screen and (max-width: 768px) {
.dl-horizontal dt{
float:left !important;

}
#bahasa *, #topheader *, #menu-utama *, #slideshow *, #about-us *, #clients *, #products *{
text-align:center !important;

}

#slideshow .container{
padding-left:0px !important;
padding-right:0px !important;

}
#logoku{
  width:60% !important;
  height:100%;
  padding-left:10px;
  
  }
#menu-utama header.navbar .nav > li > a{
height:auto !important;
display:block !important;
text-align:center !important;
}
}
p{
margin:0px 0px 0px 0px !important;

}
td, th{
/*padding: 0px 0px 4px 0px !important;*/

}
div.itemBackToTop{
padding:10px 10px ;
margin-top:10px !important;

}
#logoku{
width:220px;
height:80px;

}
#logoku *{
margin: 0px 0px !important;
padding:0px 0px !important;

}
#logoku img{
max-width:100%;
max-height:80px;

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

#clients .btn,#products .btn{
margin-bottom:20px;

}
.navbar-inner{
padding-left:0px !important;
padding-right:0px !important;
}
.collapse.in{
/*background:#003366 !important;*/

}
  #main-slider .carousel h2,#main-slider .carousel h3 {
    font-size: 100%;
  }
  .kotakgbr{
  margin-bottom:10px;
  
  }
  .k2item{
margin-bottom:20px !important;

}
  /*.col-lg-1x{
  width:25%;
  
  }
  */
}
@media screen and (max-width: 768px) {
/*
.img-container{
position:relative !important;

}
.dummy{
padding-top:0% !important;

}
*/
/*
.col-lg-1x{
  width:50%;
  
  }
*/

#gototop{
margin-top:20px;

}
#bottom h4{
margin-top:10px !important;
color: #e12120 !important;

}
.k2item{
margin-bottom:20px !important;

}
}
img{
max-width:100% ;

}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  padding-top: 0px;
 /* color: #34495e;*/
  
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
a {
  /*color: #34495e;*/
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
  clear:both !important;
}
.btn {
  font-weight: 400;
  font-size:12px !important;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color: #d9534f;
  text-decoration: none;
  outline: none;
}
.dropdown-menu {
  margin-top: 0px;
  min-width: 180px;
}
body > section {
  padding: 50px 0;
}
.turquoise,
.green-sea,
.sun-flower,
.orange,
.emerald,
.nephrits,
.carrot,
.pumkin,
.peter-river,
.belize-hole,
.alizarin,
.pomegranate,
.amethyst,
.wisteria,
.clouds .silver,
.wet-asphalt,
.midnight-blue,
.concrete,
.asbestos {
  color: #fff;
}
.turquoise h1,
.green-sea h1,
.sun-flower h1,
.orange h1,
.emerald h1,
.nephrits h1,
.carrot h1,
.pumkin h1,
.peter-river h1,
.belize-hole h1,
.alizarin h1,
.pomegranate h1,
.amethyst h1,
.wisteria h1,
.clouds .silver h1,
.wet-asphalt h1,
.midnight-blue h1,
.concrete h1,
.asbestos h1,
.turquoise h2,
.green-sea h2,
.sun-flower h2,
.orange h2,
.emerald h2,
.nephrits h2,
.carrot h2,
.pumkin h2,
.peter-river h2,
.belize-hole h2,
.alizarin h2,
.pomegranate h2,
.amethyst h2,
.wisteria h2,
.clouds .silver h2,
.wet-asphalt h2,
.midnight-blue h2,
.concrete h2,
.asbestos h2,
.turquoise h3,
.green-sea h3,
.sun-flower h3,
.orange h3,
.emerald h3,
.nephrits h3,
.carrot h3,
.pumkin h3,
.peter-river h3,
.belize-hole h3,
.alizarin h3,
.pomegranate h3,
.amethyst h3,
.wisteria h3,
.clouds .silver h3,
.wet-asphalt h3,
.midnight-blue h3,
.concrete h3,
.asbestos h3,
.turquoise h4,
.green-sea h4,
.sun-flower h4,
.orange h4,
.emerald h4,
.nephrits h4,
.carrot h4,
.pumkin h4,
.peter-river h4,
.belize-hole h4,
.alizarin h4,
.pomegranate h4,
.amethyst h4,
.wisteria h4,
.clouds .silver h4,
.wet-asphalt h4,
.midnight-blue h4,
.concrete h4,
.asbestos h4,
.turquoise h5,
.green-sea h5,
.sun-flower h5,
.orange h5,
.emerald h5,
.nephrits h5,
.carrot h5,
.pumkin h5,
.peter-river h5,
.belize-hole h5,
.alizarin h5,
.pomegranate h5,
.amethyst h5,
.wisteria h5,
.clouds .silver h5,
.wet-asphalt h5,
.midnight-blue h5,
.concrete h5,
.asbestos h5,
.turquoise h6,
.green-sea h6,
.sun-flower h6,
.orange h6,
.emerald h6,
.nephrits h6,
.carrot h6,
.pumkin h6,
.peter-river h6,
.belize-hole h6,
.alizarin h6,
.pomegranate h6,
.amethyst h6,
.wisteria h6,
.clouds .silver h6,
.wet-asphalt h6,
.midnight-blue h6,
.concrete h6,
.asbestos h6 {
  color: #fff;
}
.turquoise small,
.green-sea small,
.sun-flower small,
.orange small,
.emerald small,
.nephrits small,
.carrot small,
.pumkin small,
.peter-river small,
.belize-hole small,
.alizarin small,
.pomegranate small,
.amethyst small,
.wisteria small,
.clouds .silver small,
.wet-asphalt small,
.midnight-blue small,
.concrete small,
.asbestos small {
  color: rgba(255, 255, 255, 0.8);
}
.turquoise {
  background-color: #1abc9c;
}
.green-sea {
  background-color: #16a085;
}
.sun-flower {
  background-color: #f1c40f;
}
.orange {
  background-color: #f39c12;
}
.emerald {
  background-color: #2ecc71;
}
.nephritis {
  background-color: #27ae60;
}
.carrot {
  background-color: #e67e22;
}
.pumkin {
  background-color: #d35400;
}
.peter-river {
  background-color: #3498db;
}
.belize-hole {
  background-color: #2980b9;
}
.alizarin {
  background-color: #e74c3c;
}
.pomegranate {
  background-color: #c0392b;
}
.amethyst {
  background-color: #9b59b6;
}
.wisteria {
  background-color: #8e44ad;
}
.clouds {
  background-color: #ecf0f1;
}
.silver {
  background-color: #bdc3c7;
}
.wet-asphalt {
  background-color: #003399;
}
.wet-asphalt a:not(.btn) {
  color: #bdc3c7;
}
.wet-asphalt a:not(.btn):hover {
  color: #d9534f;
}
.midnight-blue {
  background-color: #2c3e50;
}
.concrete {
  background-color: #95a5a6;
}
.asbestos {
  background-color: #7f8c8d;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kotakkiri{
padding-left:80px !important;

}
.kotakkanan{
padding-right:80px !important;

}
#main-slider {
  position: relative;
  max-height:300px !important;
  height: auto ;
  overflow:hidden;
  width:100% !important;
}
#main-slider .carousel{
margin-bottom:0px ;

}
#main-slider .img-container{
max-height:50%;
top:25%;

}
#main-slider .carousel h2 {
margin-top:0px !important;
 /* font-size: 45px;*/
  color:#FFFFFF;
}
#main-slider .carousel h3,#main-slider .carousel h4 {
 /* font-size: 22px;*/
  color:#FFFF00;
}
#main-slider .carousel .btn {
  border: 3px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {

  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 100%;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
top:0;
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
  margin-left:0px;
}
#main-slider .animation.animated-item-1{
margin-left:400px;
/*
-webkit-transition-delay: 2s !important;
    transition-delay: 2s !important;
*/
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
  margin-left:0px;
}
#main-slider .animation.animated-item-2{
margin-left:-400px;

}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
  margin-left: 0px ;
}
#main-slider .animation.animated-item-4{
margin-left:-300px;

}
#services .media:hover .icon-md {
  border-radius: 10px;
  /*background-color: rgba(0, 0, 0, 0.8);*/
}
#recent-works {
  padding: 90px 0;
}
#recent-works .item-inner {
  position: relative;
  margin: 0;
}
.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 -20px 20px 0;
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}
.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  /*margin: 0 20px 20px 0;*/
  position: relative;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#pricing-table .plan {
  border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  background: #3498db;
  text-align: center;
  padding: 30px 0;
}
#pricing-table .plan li {
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
#pricing-table .plan li.plan-name {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
#pricing-table .plan li.plan-name h3 {
  margin: 0;
}
#pricing-table .plan li.plan-price {
  margin-bottom: 10px;
}
#pricing-table .plan li.plan-price > div {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 24px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}
#pricing-table .plan li.plan-price > div sup {
  font-size: 10px;
  line-height: 10px;
}
#pricing-table .plan li.plan-price > div > small {
  display: block;
  font-size: 11px;
}
#pricing-table .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}
#pricing-table .plan.featured {
  background-color: #2c3e50;
}
#title h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 300;
}
.center {
  text-align: center;
}
#meet-the-team .designation {
  margin-top: 5px;
  display: block;
  font-size: 13px;
}
.img-thumbnail {
  border: 0;
}
.progress,
.progress .bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
}
ul.breadcrumb {
  margin: 20px 0 0;
  background: transparent;
}
ul.breadcrumb > li {
  text-shadow: none;
}
ul.breadcrumb > li > a,
ul.breadcrumb > li .divider {
  color: #fff;
}
ul.breadcrumb > li.active {
  color: rgba(255, 255, 255, 0.7);
}
ul.tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.tag-cloud li {
  display: inline-block;
  margin: 0 0 2px 0;
}
.btn-social {
  border: 0;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}
.btn-social.btn-facebook {
  background: #4f7dd4;
}
.btn-social.btn-facebook:hover {
  background: #789bde;
}
.btn-social.btn-twitter {
  background: #5bceff;
}
.btn-social.btn-twitter:hover {
  background: #8eddff;
}
.btn-social.btn-linkedin {
  background: #21a6d8;
}
.btn-social.btn-linkedin:hover {
  background: #49b9e3;
}
.btn-social.btn-google-plus {
  background: #dc422b;
}
.btn-social.btn-google-plus:hover {
  background: #e36957;
}
.btn-social:hover {
  color: #fff;
}
.navbar-inverse {
  border: none;
}
.navbar-inverse .navbar-brand {
  font-family: 'Bubbler One', sans-serif;
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}
.navbar-inverse .navbar-nav {
  margin-top: 20px;
}
.navbar-inverse .navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 4px;
  color: #bdc3c7;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #2c3e50;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #2c3e50;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-top: -3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #bdc3c7;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
}
#social-media .icon-facebook {
  background-color: #3c5899;
}
#social-media .icon-facebook:hover {
  background-color: #4e6fba;
}
#social-media .icon-twitter {
  background-color: #29c5f6;
}
#social-media .icon-twitter:hover {
  background-color: #5ad2f8;
}
{{ page.richtextpage.content|richtext_filters|safe }}

footer {
   
    border-top: 0;
    margin-top: 0;

}
#social-media .icon-google-plus {
  background-color: #d13d2f;
}
#social-media .icon-google-plus:hover {
  background-color: #da6459;
}
#social-media .icon-pinterest {
  background-color: #c61118;
}
#social-media .icon-pinterest:hover {
  background-color: #ec1e26;
}
.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  /*background-color: rgba(0, 0, 0, 0.4);*/
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.modal {
  border: 0;
}
.modal#loginForm {
  width: 600px;
  margin-left: -300px;
  left:50% !important;
  top:50% !important;
  overflow:visible;
  bottom:auto !important;
}
.modal .modal-header {
  border: 0;
  padding: 20px 20px 0;
}
.modal .modal-header > h4 {
  font-weight: 300;
  font-size: 14px;
  color: #848484;
  text-transform: uppercase;
  margin: 0;
}
.modal .modal-body {
  padding: 20px;
}
.modal input[type="text"],
.modal input[type="password"] {
  padding: 5px 10px;
  min-height: 30px;
  width: 130px;
  margin-right: 10px;
}
.modal .icon-remove {
  color: #848484;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  background: #ebebeb;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.modal button {
  margin-left: 10px;
  border: 0;
}
.gap {
  margin-bottom: 50px;
}
.big-gap {
  margin-bottom: 100px;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.registration-form {
  border: 0;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
}
#bottom {
  color: #ffffff;
}
#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
  color:#e12120 !important;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}
.row > div {
  margin-bottom: 0px;
}
ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
  margin-right: 5px;
}
ul.arrow li::before {
  content: "\f105";
}
ul.arrow-double li::before {
  content: "\f101";
}
ul.tick li::before {
  content: "\f00c";
}
ul.cross li::before {
  content: "\f00d";
}
ul.star li::before {
  content: "\f006";
}
ul.rss li::before {
  content: "\f09e";
}
#footer {
background: #333333 !important;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #bdc3c7;
}
#footer a {
  color: #bdc3c7;
}
#footer a:hover {
  color: #d9534f;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}
ul.social {
  list-style: none;
  margin: 10px 10px;
  padding: 0;
  display: inline-block;
}
ul.social > li {
  display: inline-block;
  margin: 0 5px;
}
ul.social > li > a {
  font-size: 48px;
  color: #666;
}
ul.social > li > a:hover {
  color: #999;
}
.box-border {
  padding: 15px;
}
.accordion-group {
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
}
.accordion-heading .accordion-toggle {
  color: #666;
  font-weight: 700;
}
.accordion-inner {
  border-top: 0;
}
.blog .blog-item {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}
.blog .blog-item .img-blog {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.blog .blog-item .blog-content {
  padding: 20px;
}
.blog .blog-item h3 {
  margin-top: 0;
}
.blog .blog-item .entry-meta {
  margin-bottom: 20px;
}
.blog .blog-item .entry-meta > span {
  display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 12px;
}
.blog .blog-item .entry-meta > span a {
  color: #999;
}
ul.pagination > li > a {
  border: 0;
}
ul.pagination > li.active > a,
ul.pagination > li:hover > a {
  background-color: #34495e;
  color: #fff;
}
textarea#message {
  padding: 10px 15px;
  height: 219px;
}
.widget {
  margin-bottom: 30px;
}
ul.gallery {
  list-style: none;
  padding: 5px;
  margin: 0;
}
ul.gallery li {
  display: block;
  /*width: 60px;*/
  padding: 0;
  /*margin: 0 4px 4px 0;*/
  /*float: left;*/
}
ul.faq {
  list-style: none;
  margin: 0;
}
ul.faq li {
  margin-top: 30px;
}
ul.faq li:first-child {
  margin-top: 0;
}
ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}
ul.faq li > div {
  margin-left: 70px;
}
ul.faq li > div h3 {
  margin-top: 0;
}
#error {
  text-align: center;
  margin-top: 150px;
  margin-bottom: 150px;
}
.bbm{
display:table-cell;
width:100%;
padding-left:50px;
margin-right:10px;
vertical-align:middle;
   /*position: relative;*/
    width: 48px !important;
    height: 48px !important;
    background: url(../img/bbm.png) no-repeat center left;
    -webkit-background-size: 48px 48px;
    -moz-background-size: 48px 48px;
    background-size: 48px 48px;
    -o-background-size: 48px 48px;
}

/*fikar code*/
/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

.loading{
position: relative !important;
z-index:999999999999999;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
/*background: #000000 url(zloading.gif) center center no-repeat !important;*/
}
html{

}
body{

}
html,
body {
line-height:normal !important;
height:auto !important;
    /*
	width: 100%;
    height: 100%;
	*/
	/*background: #A3E75A !important;
  background: linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -webkit-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -moz-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -o-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -ms-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  -svg-background: linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  */
}

body {
    /*font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;*/
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}



/* About */

.about {
    padding: 50px 0;
	
}

/* Services */

.services {
    padding: 100px 0;
	
}
.services,.kontak{
display:table;
width:100%;
/*height:100%;*/

}
.about,.portfolio{
padding-top:100px !important;
color:#222222 !important;
/*text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) !important;*/
position:relative;
display:block;
width:100%;
background:#f0f0f0;
/*height:100%;*/
/*min-height:100%;*/
/*
background: #A3E75A !important;
  background: linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -webkit-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -moz-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -o-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: -ms-linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  background: linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  -svg-background: linear-gradient(top, #C8F09D 0, #83DE21 90%, #7BD11F 100%) no-repeat !important;
  */
}
.about-content,.portfolio-content{



}
.portfolio-content{


}
.service-item {
    margin-bottom: 30px;
}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
	padding:10px;
	background:#FFFFFF;
	border:solid 1px #dedede;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}

/* Footer */

footer {
    padding: 100px 0;
}

/*responsive fikar*/
#menu-utama *{
-moz-transition: all 150ms linear !important;
   -webkit-transition: all 150ms linear !important;
   -o-transition: all 150ms linear !important;
   transition: all 150ms linear !important;
}
#main-info *, #main-infoz *, #bottom *, #footer *{
-moz-transition: all 300ms linear !important;
   -webkit-transition: all 300ms linear !important;
   -o-transition: all 300ms linear !important;
   transition: all 300ms linear !important;
   
   }
  #main-slider *{
-moz-transition: all 600ms linear !important;
   -webkit-transition: all 600ms linear !important;
   -o-transition: all 600ms linear !important;
   transition: all 600ms linear !important;
   
   } 
.mode-xs .judulwebsite{
text-align:center !important;

}
#menuatasku .btn{
margin:5px 2px !important;

}
.tengahtengah{
/*float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
	*/
	top:-1000px;
	left:-1000px;
	position:absolute !important;
	-moz-transition: all 0.5s linear !important;
   -webkit-transition: all 0.5s linear !important;
   -o-transition: all 0.5s linear !important;
   transition: all 0.5s linear !important;
   overflow:hidden !important;
	}
	.homepage{
position: relative;
    width: 100%;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	min-height:100%;
}

.ngambang{
text-align:left !important;
left:0px !important;
width:100%;
z-index:900;
height:60px;
padding:0px;

}
#main-slider{
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25) !important;
}
.judulwebsite{
/*float: none !important;
    display: inline-block !important;
	*/
	
    vertical-align: middle !important;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) !important;
	}
.slidewebsite{
    vertical-align: middle !important;
	position:relative;
	
	
}
/*
#myCarousel{
margin-left:1000px;
	-moz-transition: all 1s linear !important;
   -webkit-transition: all 1s linear !important;
   -o-transition: all 1s linear !important;
   transition: all 1s linear !important;
   overflow:hidden !important;
}
#containerku {
    position:relative;
    background: #c0c0c0;
    width:100%;
    height:200px;
}
 
#contentku {
    position:absolute;
    display: inline-block;
    background-color:#fff;
    width:30%;
    height:auto;
    border:1px solid black;
}
.homepage .item{
padding:10px !important;
background:#FFFFFF !important;
border:solid 1px #dedede !important;

}
.slidewebsite .left{
left:-100px;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;

}
#myCarousel:hover .left{
left:0px !important;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;
}
.slidewebsite .right{
right:-100px;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;

}
#myCarousel:hover .right{
right:0px !important;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;

}
*/
.back-to-top, .back-to-top1 {
padding:20px;
    position: fixed;
    bottom: 2em;
    right: 20px;
    text-decoration: none;
    color: #0066FF;
	border:solid 1px #dedede;
    background-color: rgba(255, 255, 255, 0.80);
    font-size: 14px;
   /*padding: 1em;*/
   height:30px !important;
   line-height:30px !important;
    display: none;
	z-index:99999999999;
}

.back-to-top:hover, .back-to-top1:hover {
color:#3f78bc  !important;
    /*background-color: rgba(48, 98, 159, 0.50);*/
}
.back-to-top:before, .back-to-top1:before {
margin-right:10px !important;
display:block;
float:left;
content:'';
 /*background-image: url('../images/keatas.png') !important;*/
 width:40px !important;
 height:70px !important;
 background-position:left !important;
 background-repeat:no-repeat !important; 
    
}

/*slide fade in out */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.carousel-inner .item {
overflow:visible;
padding:0px;
}
.vertical .carousel-inner{
overflow:visible;

}
/*.item:nth-child(1) {
  background: silver;
}
.item:nth-child(2) {
  background: red;
}
.item:nth-child(3) {
  background: orange;
}
*/
.navbar-toggle{
margin-top:20px;

}
.navbar-default {
/*background-color: rgba(248, 248, 248, 0.54) ;*/


}

.navbar-default .navbar-brand {
  margin-right: 10px;
  margin-left: 10px;
  width: 120px;
  height: 78px;
  /*background: url(../img/logo.png) no-repeat 0 50%;*/
}
.navbar-default .navbar-nav > li {
  margin-left: 1px;
}
.navbar-default .navbar-nav > li > a {
  padding: 30px 25px;
  font-size: 16px;
  line-height: 18px;
  color: #0099FF;
  font-weight:bold;
  text-shadow: none!important;
}
.navbar-default .navbar-nav > li > a > i {
  display: inline-block;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active:focus > a,
.navbar-default .navbar-nav > li.active:hover > a,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active:focus > a:focus,
.navbar-default .navbar-nav > li.active:hover > a:focus,
.navbar-default .navbar-nav > li:hover > a:focus,
.navbar-default .navbar-nav > li:focus > a:focus {
  background-color: #52b6ec;
  color: #fff;
}

#headerku {
  position:absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 999;
  
}

#main-slider .prev{
left:-100px;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;

}
#main-slider:hover .prev{
left:20px !important;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;
}
#main-slider .next{
right:-100px;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;

}
#main-slider:hover .next{
right:20px !important;
-moz-transition: all 0.2s linear !important;
   -webkit-transition: all 0.2s linear !important;
   -o-transition: all 0.2s linear !important;
   transition: all 0.2s linear !important;

}
#main-slider .col-sm-6{
text-align:left;

}
#main-slider .container,#main-slider {
min-height:100%;

}

.mode-xs .navbar-default .navbar-nav > li > a{

 padding: 10px 25px;
 border-bottom:solid 1px #dedede;
  font-size: 12px;
  line-height: 14px;
  font-weight:bold;
}
.mode-xs .navbar-default .in{
background:#f0f0f0;

}

.navbar-inner{
background:none !important;

}
.ngambang .navbar-inner{
background: none;
border-bottom:solid 0px #ffffff !important;
/*
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25) !important;
  */
}

.navbar-inner .container{
background-color: rgba(183,1, 0, 0.84) !important;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25) !important;
  -webkit-border-radius: 10px 10px 10px 10px !important;
  -moz-border-radius: 10px 10px 10px 10px !important;
  border-radius: 10px 10px 10px 10px !important;
}
.ngambang .navbar-inner .container{
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.0) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.0) !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.0) !important;
}
#main-slider .carousel-control{
border:none !important;

}

#main-slider .carousel-indicators{
top:auto !important;
width:60% !important;
left:50% !important;
margin-left:-30% !important;
text-align:center !important;
}
#main-slider .carousel-indicators{
top:auto;
bottom:-20px !important;
opacity:0;
	filter:alpha(opacity=0);
		-webkit-transform:translate(0, -20);
	-moz-transform:translate(0, -20);
	-ms-transform:translate(0, -20);
	-o-transform:translate(0, -20);
	transform:translate(0, -20);
	-webkit-transition:300ms !important;
	-moz-transition:300ms !important;
	-o-transition:300ms !important;
	transition:300ms !important;
}
#main-slider:hover .carousel-indicators{
bottom: 20px !important;
opacity:100;
	filter:alpha(opacity=100);
		-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	-webkit-transition:300ms !important;
	-moz-transition:300ms !important;
	-o-transition:300ms !important;
	transition:300ms !important;
}


#main-slider .carousel-indicators li{
float:none !important;

}

.main-info h4{
font-size:20px !important;

}
.main-info p{
text-align:center;

}

#clients .thumbnails > li{
margin-left:0px  !important;
border:solid 0px #dedede;
padding:10px ;

}

/*fikar gambar ditengah*/
.responsive-container {
    position: relative;
    width: 100%;
	height:100%;
    border: 0px solid black;
	
}
.art-post .responsive-container{
background:#eaeaea;
	border:solid 1px #dedede;
}
.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
background:#FFFFFF;
padding:5px ;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;  /* <-- Set maximum height to 100% of its parent */
    max-width: 100%;   /* <-- Set maximum width to 100% of its parent */
}

.dropdown-submenu .dropdown-menu{

}
.open > .dropdown-menu{
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  	opacity:100;
	filter:alpha(opacity=100);
  top:50px !important;
  margin-top:0px !important;
  /*z-index:1000 !important;*/
    visibility:visible;
	z-index:999999 !important;
	background:#000033 !important;
}
li.deeper:hover ul.ul1{
-webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  	opacity:100;
	filter:alpha(opacity=100);
  top:50px !important;
  margin-top:0px !important;
  /*z-index:1000 !important;*/
    visibility:visible;
}

  
.dropdown-menu {

padding:0px 0px !important;
color:#aaaaaa !important;
background: rgba(51,51, 51, 0.9) !important;
top:50px !important;
  	opacity:0;
	filter:alpha(opacity=0);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block; 
  z-index:-1000 !important;
  visibility:hidden;
}
.dropdown-menu a:hover,.dropdown-menu a:active{
background:#993300 !important;
color:#ffffff !important;

}
.dropdown-menu > li > a{
color:#aaaaaa !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
background:#666666 !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
background:#666666 !important;

}
.open > .dropdown-menu:before,.dropdown:hover  .dropdown-menu:before{
color:#333333 !important;

}
.open .dropdown-menu > li > a{
white-space:normal !important;

}
.open .dropdown-menu{
margin:0px 0px !important;
-webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.nav ul li ul,.nav ul li ul li ul{
/*top:0px !important;*/
  opacity:.0 !important;
   /*z-index:-1000 !important;*/
   visibility:hidden;
   left:100% !important;
}

.nav ul li.parent:hover ul.dropdown-menu{
 -webkit-transform: scale(1, 1) !important;
  transform: scale(1, 1) !important;
  /*opacity:1 !important;*/
 /* top:0px !important;*/
  /*z-index:1000 !important;*/
  visibility:visible;
  left:100% !important;
}
/* Custom container */
.container-fixed {
  margin: 10% auto;
  max-width: 480px;
}

.services .span3{
text-align:center;
position:relative;

}

.services .span3 .icon-large{
/*
position:absolute ;
z-index:999;
top : 0px;
margin-left:-30%;
left:50%;
*/

}

.headerku .btn-navbar{
padding:28px 30px !important;

}
.gambaritem{
border: medium none !important;
left: 0px !important;
position: relative !important;
background-color : transparent !important;
box-shadow : none !important;
display:block !important;
width:100%  !important;
margin-left:0px  !important;
z-index:99!important;
}

.gambarbox{
padding-left:0px !important;
padding-right:0px !important;
margin-right:20px ;
margin-bottom:20px;
}
.gambarbox div.itemImageBlock{
padding:0px 0px !important;
margin:0px 0px !important;

}
header.navbar .nav > li > a{
color:#ffffff ;
font-weight:normal !important;
/*height:60px !important;*/
text-shadow: 0px 1px 2px rgba(0,0, 0, 0.95) !important;
}
header .dropdown-menu{
margin-top: 50px;
}
header.navbar .nav > li > a:hover{
/*background: rgba(51, 51, 51, 0.9) !important;*/
text-shadow: 0px 1px 2px rgba(0,0, 0, 0.7) !important;
}

.navbar .btn-navbar{
padding:10px 10px !important;
margin-top:0px !important;
background:none !important;
color:#FFFFFF !important;
border: none !important;
-webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
    -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size:70px !important;
}
.navbar .btn-navbar .icon-bar{
width:50px !important;
height:8px !important;

}
.navbar .btn-navbar:hover .icon-bar, .navbar .collapsed .icon-bar{
background: #333333 !important;
}

.judulservices a{
text-shadow: 0px 1px 2px rgba(0,0, 0, 0.7) !important;
color:#FFFFFF !important;

}
.collapse{
display:block !important;
visibility:visible !important;

}
#menu-utama{
display:block;
position:relative;
height:120px;
clear:both;
/*background: #663300;*/
/*
background: #484848 !important;
  background: linear-gradient(top,  #7D7D7D 0px, #484848 90%, #202020 100%) no-repeat !important;
  background: -webkit-linear-gradient(top, #7D7D7D 0px, #484848 90%, #202020 100%) no-repeat !important;
  background: -moz-linear-gradient(top, #7D7D7D 0px, #484848 90%, #202020 100%) no-repeat !important;
  background: -o-linear-gradient(top, #7D7D7D 0px, #484848 90%, #202020 100%) no-repeat !important;
  background: -ms-linear-gradient(top, #7D7D7D 0px, #484848 90%, #202020 100%) no-repeat !important;
  background: linear-gradient(top, #7D7D7D 0px, #484848 90%, #202020 100%) no-repeat !important;
  -svg-background: linear-gradient(top, #7D7D7D 0px, #484848 90%, #202020 100%) no-repeat !important;
  */
  border-bottom:solid 5px #ffffff;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25)!important;
   -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25)!important;
  position:relative;
  z-index:999;

}
#headerku{
border:none !important;

}
.navbar-default{
background:none !important;

}
#services .gap{
margin-bottom:0px !important;

}
#services .k2item{
min-height:300px;

}
p{
text-align:justify ;

}
#services .minik2-simple-intro{
min-height:110px !important;
}
p.minik2-simple-intro{
min-height:90px !important;

}
ul.gallery li .preview{
background:#ffffff !important;
border:solid 1px #dedede !important;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1) !important;
}
#clients-logo{

}
#clients-logo ul.gallery li .preview{
background:#ffffff !important;

}
.minik2 .k2item .block{
width:100% !important;
position:relative !important;


}
.carousel{
margin-bottom: 0px !important;

}
.col-lg-1x{
/*width:12.5% !important*/

}
.pg-cv-name{
text-align:center !important

}
select[multiple], select[size]{
height:34px !important;

}

#phocaMap img, #phocagallery img{
max-width:100% !important;

}

.highslide-container div{

}

#map-canvas {
        width:100%;
        height: 300px;
        margin: 0px;
        padding: 0px
      }
.contact-address img{
max-width:35px !important;

}

#contact-form input,#contact-form textarea{
width:100% !important;

}
#myTabContent .dl-horizontal dt{
text-align:center !important;
width:40px !important;

}
#myTabContent .dl-horizontal dd{
margin-left:40px  !important;

}

#basic-details, #display-form{
padding:20px 0px 20px 0px !important;

}
.contact .tab-pane{


}
.contact .active{

}
.infolain{
margin-top:20px;

}
.itemBody .modal{
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;

}
.contact img{
max-width:100% !important;

}
#myTabContent{
background:#ffffff;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
border-bottom:solid 1px #dddddd;;

}
.catItemTitle{
font-size: 18px !important;
text-align:center !important;

}
.catItemIntroText{
text-align:justify;
height:110px;

}
audio{
display: none;
}
.listdeskripsi{
height:110px;

}
.produkfikar .preview {
	display:block;
	position:relative;
}

.produkfikar .preview .overlay {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0, 0, 0, 0.6);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms;
}

.produkfikar .preview .links {
text-align:center;
	width:100%;
	height:80px;
	position:absolute;
	top:50%;
	/*left:50%;*/
	margin-top:-40px;
	/*margin-left:-52px;*/
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, -50px);
	-moz-transform:translate(0, -50px);
	-ms-transform:translate(0, -50px);
	-o-transform:translate(0, -50px);
	transform:translate(0, -50px);
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}

.produkfikar .preview .links>a {
	width:50px;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	background: #D2D2D2;
	color:#fff;
	text-shadow:0 2px rgba(0, 0, 0, 0.9);
	font-size:18px;
	margin:0 1px;
}

.produkfikar .preview:hover .overlay, .produkfikar .preview:hover .links {
	opacity:100;
	filter:alpha(opacity=100);
}
.produkfikar div.catItemHeader,.produkfikar .responsive-containerz {
	opacity:100;
	filter:alpha(opacity=100);
		-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
.produkfikar .mosaic-backdrop:hover div.catItemHeader {
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, -50px);
	-moz-transform:translate(0, -50px);
	-ms-transform:translate(0, -50px);
	-o-transform:translate(0, -50px);
	transform:translate(0, -50px);
}
.produkfikar .mosaic-backdrop:hover .responsive-containerz {
	opacity:50;
	filter:alpha(opacity=50);
	-webkit-transform:translate(0, 100%);
	-moz-transform:translate(0, 100%);
	-ms-transform:translate(0, 100%);
	-o-transform:translate(0, 100%);
	transform:translate(0, 100%);
}


.produkfikar .preview:hover .links {
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
}

/*related item*/
#range .itemRelated{
border:none ;
}
.itemRelated {
background:#ffffff ;
border:solid 1px #cccccc;

}
.itemRelated li{
background:none !important;
list-style:none !important;

}
.itemRelated .preview {
	display:block;
	position:relative;
}

.itemRelated .preview .overlay {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0, 0, 0, 0.6);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms;
}

.itemRelated .preview .links {
text-align:center;
	width:100%;
	height:80px;
	position:absolute;
	top:50%;
	/*left:50%;*/
	margin-top:-40px;
	/*margin-left:-52px;*/
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, -50px);
	-moz-transform:translate(0, -50px);
	-ms-transform:translate(0, -50px);
	-o-transform:translate(0, -50px);
	transform:translate(0, -50px);
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}

.itemRelated .preview .links>a {
	width:50px;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	background: #D2D2D2;
	color:#fff;
	text-shadow:0 2px rgba(0, 0, 0, 0.9);
	font-size:18px;
	margin:0 1px;
}

.itemRelated .preview:hover .overlay, .itemRelated .preview:hover .links {
	opacity:100;
	filter:alpha(opacity=100);
}
.itemRelated div.catItemHeader,.itemRelated .responsive-containerz {
	opacity:100;
	filter:alpha(opacity=100);
		-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
.itemRelated .mosaic-backdrop:hover div.catItemHeader {
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, -50px);
	-moz-transform:translate(0, -50px);
	-ms-transform:translate(0, -50px);
	-o-transform:translate(0, -50px);
	transform:translate(0, -50px);
}
.itemRelated .mosaic-backdrop:hover .responsive-containerz {
	opacity:50;
	filter:alpha(opacity=50);
	-webkit-transform:translate(0, 100%);
	-moz-transform:translate(0, 100%);
	-ms-transform:translate(0, 100%);
	-o-transform:translate(0, 100%);
	transform:translate(0, 100%);
}


.itemRelated .preview:hover .links {
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
}

/*related item end*/

.btn-primary{
/*background:#FFFF00 !important;*/
/*border-color: #CC0000 !important;*/

}
.btn-primary:hover{
/*background: #666600 !important;*/

}
.pg-cv-box-img{
width:100%;

}
input#jform_contact_email_copy{
width:auto !important;

}
.art-pager a,.art-pager span{
padding:10px;
margin:2px;
border:solid 1px #dedede;

}
.art-pager a{
background:#D2D2D2;
}
.art-pager span{
background:#FF9999;

}
#recaptcha_image{
height:auto !important;

}
.recaptchatable #recaptcha_response_field{
min-height:auto !important;

}
#sb-title, #sb-title-inner{
background: #D2D2D2;
text-align:center;
height:auto !important;
padding:5px;

}
#sb-title-inner{
font-size:25px !important;

}
#sb-wrapper-inner{
padding:0px;
border:solid 0px #D2D2D2 !important;
border-bottom: solid 0px #D2D2D2 !important;

}
#sb-wrapper{
background: #333333;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35) !important;
}
#sb-title, #sb-info{
padding:10px !important;

}
#sb-info, #sb-info-inner{
height:auto !important;

}
.tooltip-inner{

}
.tooltip{
background: none !important;
border:none  !important;

}
.tooltip-arrow{

}
.client-logo{
padding: 50px 0px 0px 0px;

}
div.itemNavigation a.itemPrevious,div.itemNavigation a.itemNext{

}

#login-form .add-on{
min-height:34px;
width:125px;

}
#loginForm.modal{
width:300px !important;
height:330px !important;
margin-top:-165px !important;
margin-left:-150px !important;
z-index:999999  !important;

}
#loginForm button{
margin-left:0px !important;
margin-top:10px !important;

}
/*
.k2item .judulservices{
	opacity:100;
	filter:alpha(opacity=100);
		-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
.k2item:hover .judulservices,.k2item:hover .thumbs{
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, -50px);
	-moz-transform:translate(0, -50px);
	-ms-transform:translate(0, -50px);
	-o-transform:translate(0, -50px);
	transform:translate(0, -50px);
}
*/
/*fikar services*/

.k2item .preview {
	margin:15px;
	display:block;
	position:relative;
}

.k2item .preview .overlay {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0, 0, 0, 0.6);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms;
	
}

.k2item .preview .links {
	width:100%;
	height:80px;
	position:absolute;
	top:50%;
	/*left:50%;*/
	margin-top:-40px;
	/*margin-left:-52px;*/
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, -50px);
	-moz-transform:translate(0, -50px);
	-ms-transform:translate(0, -50px);
	-o-transform:translate(0, -50px);
	transform:translate(0, -50px);
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}

.k2item .preview .links>a {
	width:50px;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	background: #D2D2D2;
	color:#fff;
	text-shadow:0 1px rgba(0, 0, 0, 0.9);
	font-size:18px;
	margin:0 1px;
}

.k2item .preview:hover .overlay, .k2item .preview:hover .links {
	opacity:100;
	filter:alpha(opacity=100);
}
.k2item .preview:hover .img-container img{


}
.k2item .preview:hover .box-img, .preview:hover .img-container img{
-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.k2item .judulservices,.k2item .responsive-container {
	opacity:100;
	filter:alpha(opacity=100);
	/*
		-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	*/
	/*
			-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	*/
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
#about-us img{
	opacity:100;
	filter:alpha(opacity=100);
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	

}
#about-us:hover img{
	opacity:50 !important;
	filter:alpha(opacity=50) !important;
}
#services .preview:hover .judulservices {
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, 50px);
	-moz-transform:translate(0, 50px);
	-ms-transform:translate(0, 50px);
	-o-transform:translate(0, 50px);
	transform:translate(0, 50px);
}
#services .preview .links h4{
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(0, 50px);
	-moz-transform:translate(0, 50px);
	-ms-transform:translate(0, 50px);
	-o-transform:translate(0, 50px);
	transform:translate(0, 50px);
}
#services .preview:hover .links h4{
	opacity:100;
	filter:alpha(opacity=100);
	-webkit-transform:translate(0, 0px);
	-moz-transform:translate(0, 0px);
	-ms-transform:translate(0, 0px);
	-o-transform:translate(0, 0px);
	transform:translate(0, 0px);
}
.k2item .preview:hover .responsive-container {
	opacity:100;
	filter:alpha(opacity=100);
	/*-webkit-transform:translate(0, -100%);
	-moz-transform:translate(0, -100%);
	-ms-transform:translate(0, -100%);
	-o-transform:translate(0, -100%);
	transform:translate(0, -100%);
	*/
	/*	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	*/
	
}


.k2item .preview:hover .links {
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
}
span.catItemImage img{
border:none !important;

}
.cw-social-mod-follow{
padding:0px 0px  !important;

}
.cw-social-mod-icon-ac,.cw-social-mod-title-ac{
text-align: left !important;

}
/* test disable responsive */
/*
.container{
max-width:none !important;
width:980px !important;

}
*/

.modal-backdrop{
position:fixed !important;

}
.highslide-thumbstrip-horizontal img{
/*height:80px !important;*/

}