/* FONT */
@font-face {
     font-family: "Font Neris-Light";
     src: url('fonts/Neris-Light.otf');
}

@font-face {
     font-family: "Font Neris-Bold";
     src: url('fonts/Neris-Black.otf');
}

body {
font-family: "Font Neris-Light";
font-size:14px;

}

a, a:active, a:focus{
  outline: none; 
  color:#999999;
}
/* navbar position 
.navbar-fixed-top {
	border-width: 0 0 0px;
	height: 65px;
} */


 
#language {
padding-top: 15px;
padding-right:32px;
font-family: "Font Neris-Light";
font-size:11px;
}

#language li {
margin-left:10px;
}

.navbar.navbar-default {
    border-bottom: none;
	box-shadow: none;
	outline:none;
	margin-bottom:28px; /* space beetween navbar with content */
}

 .navbar-default {
    background-color: white;
    /*border-color: white; */
	
}

/* logo sarana */
.navbar-brand{
	position: absolute;
 	padding-top: 9px;
	left: 50px;
    text-align: left;
    margin:0 auto;
}

/* menu position */
.navbar-right {
	position: absolute;
	top: 38px;
	right: 30px;
	margin:0 auto;
	text-align: right;
} 


/* toggle & icon bar */
.navbar-toggle {
  
 /*  color:#EEEEEE;  */
  margin-top:23px;
  margin-bottom:6px;
  margin-right: 3px;
  border-radius: 0px; 
}

/*
.navbar-default .navbar-toggle:hover{
  background-color: #143264;
}

.navbar-default .navbar-toggle:focus {
 background-color: #143264;
}

/* space beetween image */
#rowpad25 {
padding-bottom:25px;
}

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

.navbar.navbar-default {
   border:none;
   margin-bottom: 7px; /* space beetween navbar with content */
   margin-left:0;
 }
.navbar-brand{
	position:absolute;
 	padding-top: 9px;
	left: 5px;
}

.navbar-right {
    position:relative;
	top: 0;
	right: 0;
	margin:0;
  }

.navbar-collapse {
background-color: #143264;
}


.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    background-color: #143264 ;
    border-radius: 10px;
    color: #FFFFFF;
    opacity: 1;
}

.navbar-default .navbar-nav > li > a {
 color:#AAAAAA;
}

#language > li > a:hover {
color:#AAAAAA;
}

/* space beetween image */
#rowpad25 {
padding-bottom:0px;
}

.col-xs-6 {
padding-bottom:25px;
}

}

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

}

.hover-slide {
    position: absolute;
    z-index: 10;
}

.btn-primary {
 background-color:#143264 ;
 }
 
/* all image border */
.img-responsive {
border-radius: 0px;
}

/* zoom image */
.img-wrapper {
    /*display: inline-block;*/
    overflow: hidden;
}


.img-wrapper img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    vertical-align: middle;
}

.img-wrapper img:hover {
    transform:scale(1.5);
    -ms-transform:scale(1.5); /* IE 9 */
    -moz-transform:scale(1.5); /* Firefox */
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -o-transform:scale(1.5); /* Opera */
}

/* zoom image */

.caption {
font-family: "Font Neris-Light";
font-size:12px;
}

.title-bold {
font-family: "Font Neris-Bold";
font-size:12px;
color:#143264;
}

.Font-Neris14 {
font-family: "Font Neris-Light";
font-size:15px;
color:#143264;
}

.Font-Neris13 {
font-family: "Font Neris-Light";
font-size:13px;
color:#143264;
}

.Font-Neris30 {
font-family: "Font Neris-Light";
font-size:30px;
}


.visi-misi {
padding-top:20px;
padding-bottom:20px;
color:#EEEEEE;
}

.Font-Grey {
color:#999999;
}

.Font-Grey25 {
font-family: "Font Neris-Light";
font-size:25px;
color:#999999;
font-weight:bold;
}

.captionvisi {
font-family: "Font Neris-Light";
font-size:15px;
}

.title-about {
background-color:#143264 ;
color:#EEEEEE;
min-height:110px;
}

.color-darkblue {
color:#143264;
}

.border-right {
    border-right: 1px solid white;
}

#footer  {
font-family: "Font Neris-Light";
font-size:12px;
}

#footermenu  {
font-family: "Font Neris-Light";
font-size:13px;
}

.nav {
font-family: "Font Neris-Light";
font-size:11px;
}

#footer .navbar  {
border-width:2px;
border-left:none;
border-right:none;
border-bottom:none;
/*background-color:#EEEEEE; */
}

#footermenu .col-xs-6 {
padding-top:20px;
}

#footermenu .navbar .nav > li > a, 
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a, {
                     
padding:        7px 10px;
}

#footermenu .navbar  {
border-width:2px;
border-left:none;
border-right:none;
border-bottom:none;
}

#products {
margin-top:40px;
margin-bottom:40px;
}

#services {
background-color:#F7F7F7;
margin-bottom:0px;
}

#about{
margin-top:0px;
padding-top:0px;
background-color:#F7F7F7;
}

.title-service {
background-color:#FFFFFF;
}

.form-control {
  background-color: #F7F7F7;
  border:none;
}

.carousel-caption {
  bottom: 0;
  padding-bottom: 0;
}

/*page coil */
#img-coils {
background:url(images/coils.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

/*page construction*/
#img-construction {
background:url(images/construction.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-anglebars {
background:url(images/anglebars.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-cnp {
background:url(images/cnp.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-deformedbars {
background:url(images/deformedbars.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-hbeam {
background:url(images/hbeam.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-inp {
background:url(images/inp.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-pipes {
background:url(images/pipes.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-platbars {
background:url(images/flatbars.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-roundbars {
background:url(images/roundbars.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-unp {
background:url(images/unp.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-wf {
background:url(images/wf.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-truss {
background:url(images/truss.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-wirerod {
background:url(images/wirerod.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-sp {
background:url(images/sp.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-cq {
background:url(images/cq.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-hr {
background:url(images/hr.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-cr {
background:url(images/cr.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

/*page floor*/
#img-floor {
background:url(images/floor.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-deckplate {
background:url(images/deckplate.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-keystone {
background:url(images/keystone.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-ribdeck {
background:url(images/ribdeck.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-ekondeck {
background:url(images/ekondeck.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

/*page roof*/
#img-roof {
background:url(images/roof.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-roofdeck {
background:url(images/roofdeck.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-klipdeck {
background:url(images/klipdeck.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-trmdeck {
background:url(images/trmdeck.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-bl600 {
background:url(images/bl600.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-600l {
background:url(images/600l.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-700l {
background:url(images/700l.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-1010 {
background:url(images/1010.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

#img-tbl-nok {
background:url(images/nok.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}


/*page services*/
#img-services{
background:url(images/services.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

/*page services*/
#img-slitting{
background:url(images/slitting.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

/*page shearing*/
#img-shearing{
background:url(images/shearing.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

/*page recoiling*/
#img-recoiling{
background:url(images/recoiling.jpg) no-repeat center center;
min-height:70%;
/* The Magic */
background-size:cover;
}

/*modal popup*/
.modal-header {
  min-height: 16.42857143px;
  padding: 7px;
  border-bottom: 1px solid #143264;
  background-color:#143264;
  color:#EEEEEE;
}

.modal-header .close {
  margin-top: -2px;
  color:#EEEEEE;
}
.modal-body {
  position: relative;
  padding: 0px;
  max-height: 200px;
}

/*table slitting, shearing*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px solid #ddd;
  border-bottom: 1px solid #F7F7F7;
}

.table > thead > tr > td.warna,
.table > tbody > tr > td.warna,
.table > tfoot > tr > td.warna,
.table > thead > tr > th.warna,
.table > tbody > tr > th.warna,
.table > tfoot > tr > th.warna,
.table > thead > tr.warna > td,
.table > tbody > tr.warna > td,
.table > tfoot > tr.warna > td,
.table > thead > tr.warna > th,
.table > tbody > tr.warna > th,
.table > tfoot > tr.warna > th {
  background-color:#F7F7F7;
  border-top: 2px solid #fff;
}