/* Sticky footer styles

-------------------------------------------------- */

html {

  position: relative;

  min-height: 100%;

}

body {

  font-family: "robotolight";

  /* Margin bottom by footer height */

  margin-bottom: 30px;

  margin-top: 5px;

}

.hedrrr{

  position: absolute;

  top: 0;

  width: 100%;

  /* Set the fixed height of the footer here */

  height: 5px;

  background-color: navy;

}

.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  /* Set the fixed height of the footer here */

  height: 80px;

  background-color: yellowgreen;

}

.wrapper{

  margin: 10px;

}

.spacer{

  height: 30px;

}

/*----------------------------------------------------*/

.carousel-indicators {

  bottom:15px;

  left:10px;

  width:auto;

  margin-left:0;

}

.carousel-indicators li {

  border-radius:0;

  width:8px;

  height:8px;

  background:#fff;

}

.carousel-indicators .active {

  width:10px;

  height:10px;

  background:limegreen;

  border-color:limegreen;

}

/*------------------------------------------------------------------------*/

@media (min-width: 1200px) {

    .container{

        max-width: 840px;

    }

    .nav.navbar-nav{

      margin-left: -28px;

    }

    .nav > li > a {

      margin-right: 74px;

    }

    .nav > li > a.menucontact{

      margin-right: -30px;

    }

}

.img-center {margin:0 auto;}

p{

  text-align: justify;

}

.navbar-default{

  border: none;

  background: none;

  border-radius: 0;

}

.navbar{

  border-top: solid 1px gainsboro ;

  border-bottom: solid 1px lightgray ;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

  color: limegreen;

  background-color: transparent;

}



.greenline{

  border-top: solid 1px limegreen ; 

  margin-bottom: 15px;

}

.blackline{

  border-top: solid 1px silver ; 

  margin-bottom: 15px;

}.whiteline{

  border-top: solid 1px #fff ; 

  margin-top: 5px;
  margin-bottom: 5px;

}

.blacklineproduct{

  border-top: solid 1px #fff ; 

  margin-top: 5px;
  margin-bottom: 5px;

}

.blacklinebold{

  border-top: solid 4px dimgray ; 

  margin-bottom: 15px;

}



.language a{

  color:limegreen;

}

.media{

  /*padding-bottom: 15px;*/

  margin-bottom: 30px;

  /*border-bottom: solid 1px silver;*/

}



.col-xs-12.col-sm-12.col-md-8.col-lg-8.text-left.visible-xs.visible-sm.toplink a{

  color: dodgerblue;

}

.col-xs-12.col-sm-12.col-md-8.col-lg-8.text-left.visible-xs.visible-sm.toplink a:hover{

  color: powderblue;

}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

  z-index: 3;

  color: gray;

  background-color: none;

  border: none;

  cursor: default;

}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {

  z-index: 2;

  color: darkgray;

  background-color: none;

  border: none;

}

.efek {

  -webkit-filter: brightness(1);

  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);

  -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);

  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);

  margin-bottom: 20px;

}

div.row:nth-child(3) > div:nth-child(1) > p{

  margin-bottom: 30px;

}

div.row:nth-child(3) > div:nth-child(1) > a > h5{

  font-size: 14px;

}

.navbar{

  margin-bottom: 10px;

}



.navbar-collapse{

  padding: 0;

}

.batas{

	border-left: solid 1px gainsboro;

}

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

	color: dimgray;

}

h1,h2,h3,h4,h5,a{

	color: dimgray;

}

cite{

	color: crimson;
    float: right;
    position: relative;
    margin-top: 40px;

}





.nav-tabs { 

  margin-top: 15px;

  border-bottom: 1px solid lightgray; 

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { 

  border-width: 0; 

}

.nav-tabs > li > a { 

  border: none; 

  color: #666; 

  font-family: robotothin;

  font-size: 16px;

}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover { 

  border: none; 

  color: limegreen !important; 

  background: transparent; 

}

.nav-tabs > li > a::after { 

  content: ""; 

  background: lightgray; 

  height: 1px; 

  position: absolute; 

  width: 100%; 

  left: 0px; 

  bottom: 0px; 

  /*transition: all 250ms ease 0s; */

  /*transform: scale(0); */

}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { 

  /*transform: scale(1); */

}

.tab-nav > li > a::after { 

  background: #21527d none repeat scroll 0% 0%; 

  color: #fff; 

}

.tab-pane { 

  padding: 15px 0; 

}

.tab-content{

  padding:20px

}



.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

/*body{ background: #EDECEC; padding:50px}*/



h4 > a.active{

  color: limegreen;

}

a.readmore, .media-heading.readmore{

  font-family: robotobold;

  font-stretch: ultra-condensed;
  font-size: 17px;

}

.media-body{

  font-family: robotolight;

}

.navbar-toggle {

background-color: dimgray;

  }



  .producttitle{

    font-family: robotobold;

    font-stretch: ultra-condensed;

    color: #114878;
    min-height: 60px;

  }



.productbox {

    background-color:#ffffff;

  padding:10px;

  margin-bottom:10px;

  -webkit-box-shadow: 4px 5px 6px -6px  #999;

     -moz-box-shadow: 4px 5px 6px -6px  #999;

          box-shadow: 4px 5px 6px -6px #999;

}

.productbox:hover {

    background-color:#fcfcfc;

  padding:10px;

  margin-bottom:10px;

  -webkit-box-shadow: 5px 6px 6px -6px  #999;

     -moz-box-shadow: 5px 6px 6px -6px  #999;

          box-shadow: 5px 6px 6px -6px #999;

}



.producttitle {

  margin-top: 15px;

  padding:5px 0 5px 0;

  font-size:17px;

}



.productprice {

  border-top:1px solid #dadada;

  padding-top:5px;

}



.pricetext {

  font-weight:bold;

  font-size:1.4em;

}

div.media > a > img{
  margin-top: 3px;
}

@media screen and (min-width: 980px) {
  div.row > div > h4 > a{
    margin: 15px;
  }
  .carousel-indicators {
    bottom: 15px;
  }
}

@media screen  and (max-width: 979px) {
  div.row > div > h4 > a{
    margin: 0px;
  }
  .carousel-indicators {
    bottom: 5px;
  }
}

.thumbnail{
  border:none;
}
.media-body{
  padding-left: 15px;
}
.media{
  padding-top: 15px;
}
.panel{
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
}
.panel-primary > .panel-heading {
background: none;
border:none;
  }
.panel-primary {
  border:none;
  border-radius: 0;

}
.row.markotop {
    margin-top: 15px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #222222;
}
.navbar-toggle {
    background: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}
.control-label{
  color:  #757575;
}
.pagination > li > a, .pagination > li > span {
border:none;
padding: 5px 13px;
}