/* fonts
============================= */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bold{font-family:'open_sansbold', sans-serif, arial;}
.italic{font-family:'open_sansitalic', sans-serif, arial;}
.light{font-family:'open_sanslight', sans-serif, arial;}

body {
  /* min-height: 2000px; */
  font-family:'open_sanslight', sans-serif, arial;
  font-size:16px;
  line-height:26px;
  letter-spacing:-.1px;
  /* padding-top: 70px; */
}

p {
margin: 0 0 20px;
}

#msg_error { margin: 10px; }
#msg_error li {	font-size: 13px; color: #931515; font-weight:bold; }

#msg_success { margin: 10px; }
#msg_success li {	font-size: 13px; color: #131768; font-weight:bold; }


.blokheader_cat{overflow:hidden;position:relative;}
.blokheaderwarna_cat{height:auto;position:relative;}
/* .blokheaderwarna_cat{position:relative;} */

.no-gutter [class*="col-"]{
	padding-left:0;
    padding-right:0;
}

.bx-wrapper .bx-prev {
left: -50px;
}
.bx-wrapper .bx-next {
right: -50px;
}

/* navbar 
================================= */

/* .navbar{display:none;} */
.navbar-romi {
background-color: #2A282B;
border-color: #2A282B;
border-radius: 0px;
border: none;
margin-bottom: 0px;

}
.navbar{
margin-top:0px;
transition: margin-top 0.4s ease-out 0s;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  margin-top: 0px;
}

.navbar-brand {
float: left;
padding: 5px 15px;
}

.navbar-wrap{background:#2A282B;width:100%;display:block;height:51px;}

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

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #bbb;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #bbb;
  background-color: #171618;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #fff;
  background-color: #2A282B;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #353336;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.dropdown-menu {
  background-color: #353336;
}

.dropdown-menu > li > a {
  color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #bbb;
  background-color: #171618;
}


/* end nav bar 
================================ */

.jumbotron {
	/* background-image: url('../images/home_page.jpg'); */
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 725px;
	margin-bottom: 0px; 
	overflow:hidden;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: absolute;
	top: 0px;
	left: 0;
}



.jumbotron .container {
	text-align: center;
	position:relative;
}
.jumbotron .hero {
	background-attachment: fixed;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
}
.jumbotron h1 {
font-family: 'Roboto Slab',serif;
font-size: 80px;
font-weight: 700;
color: #fff;
}

.jumbotron p {
font-family: 'Open Sans',sans-serif;
color: #fff;
font-size: 25px;
}

.sosmed{ position:absolute; top:20px;right:20px; }
.sosmed ul{ margin:0;padding:0; }
.sosmed ul li{ float:left;list-style:none;margin-left:8px; }
.sosmed ul li a img{ transition: opacity 0.3s ease-out 0s; opacity:1; }
.sosmed ul li a img:hover{ opacity:.6; }

.scrolldown-wrap{position:absolute;bottom:70px;left:0px;width:100%;}
.scrolldown{margin:0 auto;width:400px;text-align:center;}
.scrolldown a{color:#fff;text-decoration:none;font-size:11px;}
.scrolldown br{margin:0px;padding:0;}
.r_logo-wrap{position:absolute;top:60px;left:0px;width:100%;text-align:center;}
.r_logo{color:#fff;}
.r_logo h1{margin-bottom:40px;margin-left:-10px;}
.r_logo .leadlogo{font-family:'open_sansitalic', san serif, arial;color:#fff;font-size:22px;line-height:25px;}


/* anmasi 

*/

.animated{animation-duration: 0.5s;
    animation-fill-mode: both;}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-80px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-80px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-80px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-80px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}






.home_slide{
	padding: 0px;
	margin-top: 0px;
	background-color: #fff;
}

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

.category{
padding-top: 30px;
padding-bottom: 40px;
margin-top: -60px;
background-color: #E5EDEF;

}
.category .box{
	min-height:150px;
}
.category .box h2{
	font-size:14px;font-family:'open_sansbold', sans-serif, arial;
}
.padding-bottom40{padding-bottom:40px;}

.icon { overflow: hidden;position:relative;padding: 0;}

.img-plus {width:31px;height:31px;display:block;background:url('../images/plus-img.png');position:absolute;top:4px;right:4px;z-index: 5; }
.img-plus  a{display:block;text-decoration:none;}
.img-plus:hover {background-position:0 -31px; }
.img-overlay { background: #363635;
	background: rgba(0,0,0, 0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 35%;
	text-align: center;
	z-index: 4;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
	transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	opacity: 0;
	visibility: hidden;
}
	
.icon .img-overlay a {
	display: none;
	position: relative;
	margin-top: -24px;
}

.icon:hover .img-overlay a,
.icon .img-overlay:hover a {
	display: inline-block;
}

.icon:hover .img-overlay,
.icon .media-img:hover .img-overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
	transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	border:1px solid #b0bcbf;
}

.icon img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 2000ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 2000ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 2000ms;
	width: 100%;
	height: auto;
	border:1px solid #b0bcbf;
}

.icon:hover img {
	-webkit-transform: scale(1.15, 1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 1500ms;
	-moz-transform: scale(1.15, 1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 1500ms;
	transform: scale(1.15, 1.15);
	transition-timing-function: ease-out;
	transition-duration: 1500ms;
	position: relative;
	z-index: 3;
}

.icon .gb img{display:none;}
.icon .gb img:first-child{display:block;}
	
.category .icon img{width:100%;}
.category hr{margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px dashed #000;}
.category .viewmore a{color:#5b7479;text-decoration:none;background:url('../images/icon01.png') top left no-repeat;padding:0 0 0 38px;}
.category .viewmore.ic2 a{background:url('../images/icon02.png') top left no-repeat;padding:0 0 0 38px;}
.category .viewmore.ic3 a{background:url('../images/icon03.png') top left no-repeat;padding:0 0 0 38px;}
.category .viewmore a:hover{text-decoration:underline;}
.category .btn-primary {
color: #ffffff;
background-color: transparent;
border-color: #fff;
}
.category .btn-primary:hover {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.feature{
padding-top: 30px;
padding-bottom: 40px;
margin-top: -0px;
background-color: #fff;
height:auto;
}

.facilities{
	/* background-image: url('../images/around_facility.jpg'); */
	background-position: center top;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 300px;
	
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	position: relative;
	overflow:hidden;
}
.facilities .container {
	position:relative;
	z-index:2;
	color:#fff;
}
.facilities .more{margin-top:30px;}
.facilities .more  a{
	width:73px;height:73px;background:url('../images/f_img.png');margin:0 auto;opacity: 1;display:block;
}
.facilities .more a:hover{
	opacity: .8;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
	transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.runningtext-space{
padding-top: 0px;
padding-bottom: 50px;
margin-top: 0px;
background-color: #384545;
height:60px;
}

.icon-news{float:left;margin-right:20px;width:41px;height:29px;}
.runningtext{margin:0;padding:0;float:left;display:block;width:85%;height:40px;overflow:hidden;}
.runningtext ul{margin:10px 0 0 0;padding:0;}
.runningtext ul li{margin:0;padding:0;list-style:none;}
.runningtext ul li a{color:#fff}



.newsupdate{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	background-color: #fff;
	min-height:480px;
	position:relative;
}
.newsupdate #leftHalf {
   background: #fff;
   width: 50%;
   position: absolute;
   left: 0px;
   height: 100%;
}
.newsupdate  #rightHalf {
   /* background: red; */
   width: 50%;
   position: absolute;
   right: 0px;
   height: 100%;
}

.news_index_img_1a{background-image:url('../images/market2.png');background-position: top left ; background-repeat: no-repeat;min-height:430px;}
.news_index_img_1b{background-image:url('../images/market2.png');background-position: top left ; background-repeat: no-repeat;min-height:480px;display:none;}



.h_news .nw_img{padding:6px;background:#fff;border:1px solid #C0C0C0;}
.h_news .main a h3{color:#000;text-decoration:none;margin:0;padding:0 0 5px 0;}
.h_news a{color:#000;text-decoration:none;margin:0;padding:0 0 5px 0;}
.h_news a:hover{text-decoration:underline;}

.newsupdate .img_market{width:100%;min-height:480px;background:url('../images/market2.png');display:block;}
.newsupdate .img-responsive {display: block;height: auto;width: 100%;height: 100%;background:red }
img.ful {
vertical-align: middle;
border: 0;
page-break-inside: avoid;
max-width: 100% !important;
max-height: 100% !important;
width: 100%;
height: 100%;

}

img.full{width:100%;height:100%;}




.h_news .date{
background: #DE4128;
color: #FFFFFF;
float: left;
font-size: 32px;
line-height: 1;
margin-right: 20px;
padding: 5px;
text-align: center;
}
.h_news .date span{
    display: block;
    font-size: 12px;
}
.h_news .newsdate{
clear:left;margin-top: 25px;
}

.footer{
padding-top: 20px;
padding-bottom: 40px;
margin-top: 0px;
background-color: #2A282B;
height:auto;
color:#fff;
font-size:14px;
}

.hub{color:#fff;margin-top:16px}
.hub a{color:#fff;text-decoration:none;}
.hub a:hover{color:#ccc;text-decoration:underline;}

.hubb{margin:40px 0 0 0;padding:0;}
.hubb>li{margin:10px 0 0 10px;padding:0 0 0 40px ;list-style:none;float:left;}
.hubb>li a{color:#fff;text-decoration:none;}
.hubb>li a:hover{color:#ccc;text-decoration:underline;}
.hubb>li.phone{background:url('../images/icon_phone.png') no-repeat;}
.hubb>li.fax{background:url('../images/icon_fax.png') no-repeat;}
.hubb>li.email{background:url('../images/icon_email.png') no-repeat;}

.copyright{
padding-top: 10px;
padding-bottom: 2px;
margin-top: 0px;
background-color: #258219;
font-size:13px;
color:#fff;
}

/* bxslider */


#home_slide .bx-wrapper .bx-pager.bx-default-pager a {
	background: none;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000;
}
#home_slide .bx-wrapper .bx-pager.bx-default-pager a:hover, #home_slide .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}


.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0px;
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -40px;
	width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a {
background: none;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 1px solid #fff;
}

.bxlead{position: absolute;bottom:0px;left:0px;background:rgba(0, 0, 0, 0.6);padding:15px 40px 15px 20px;color:#fff; }



.padding-hub{padding:0 10px;}



/* collection
========================== */

.h_dalam{width:100%;height:440px;display:block;overflow:hidden;text-align:center;position:relative;}
.tmain{margin:0;font-size:50px;}
.sublead-kecil{margin:20px 0 140px 0;}
.sublead{margin:20px 0 140px 0;font-size:32px;line-height:40px}
.h_dalam .scrolldown-wrap{bottom:20px;} 
.h_dalam .scrolldown a{color:#000;}


.scrolldown-black{}


.w_coll_gb{width:100%;background:#fff;text-align:center;position:relative;}
.w_coll_gb .container{position:relative;z-index:2}
.w_coll{width:100%;background:#fff;padding-top:50px;}
.w_coll .img-circle{border:15px solid #e5edef}
.w_coll_gb .sublead{color:#fff;margin:20px 0 220px 0;}
.w_coll_gb .sublead-facilities{color:#fff;margin:20px 0 65px 0;font-size:32px;line-height:40px}
.w_coll2{width:100%;background:#e5edef;text-align:center;padding-top:20px;}
ul.c_thumb.offset{margin:0 0 0 9%;padding:0;width:100%;}
ul.c_thumb{margin:10px 0 0 0;padding:0;width:100%;}
ul.c_thumb li{margin:0 1% 0 0;padding:0;list-style:none;float:left;width:19%;height:19%;}
ul.c_thumb .lead{margin:10px 0 0 0;font-size:20px;}

ul.c_thumb.filter {}
ul.c_thumb.filter li{border:1px solid #d3dbdd;margin:0 1% 2% 0;}
ul.c_thumb.filter li .lead{font-size:14px;margin:15px 0 15px 0;min-height:35px;line-height:16px;}

/*  */
ul.galery_client{margin:10px 0 0 0;padding:0;width:100%;}
ul.galery_client  li{margin:0 0 0 0;padding:0;list-style:none;float:left;width:20%;height:20%;}

.pannello {
    float: left;
    font-size: 0.8em;
    height: auto;
    margin: 0;
    padding-bottom: 100%;
    perspective: 600px;
    position: relative;
    width: 100%;
}

.pannello .front {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 9;
	width: inherit;
	height: 100%;
	background: #fff;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	transform-style: flat;
}

.pannello.flip .front {
	z-index: 9;
	border-color: #eee;
	background: #d8dddc;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.pannello .back {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: inherit;
	height: 100%;
	background: #424b51;
	color: #fff;
	text-align: center;
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.pannello.flip .back {
	z-index: 10;
	background: #5c91b5;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}

.pannello .front .pad {
	width: 100%;
	height: auto;
	padding:20px;background:#fff;border:1px solid #d3dbdd;
}

/*.client {padding:6px;background:#fff;border:1px solid #C0C0C0;} */

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

.pannello .back h5 {
	margin-top: 20px;
	letter-spacing: 0;
	font-size: 14px;
}

.pannello .back p {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.1em;
}

.pannello.cl-tu .front {
	background: url(../images/avatar-placeholder.png) #eef3f7 no-repeat;
	background-size: 100% 100%;
	border: dashed 3px #c3d6e4;
	border-bottom: solid 3px #c3d6e4;
	height: 100%;
}

.pannello.cl-tu h3 {
	margin-top: 36px;
}

.pannello.cl-tu p {
	font-size: 16px;
}
/*  */




.w_coll2 .img-overlay { 
	padding-top: 55%;
}
.w_coll2 .btn-primary {
	color: #ffffff;
	background-color: transparent;
	border-color: #fff;
}
.w_coll2 .btn-primary:hover {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}



/* subnav 
=====================*/
.wrap-subnav-romi{
width: 100%;
background: #2A282B;
height: 55px;
position: relative;
z-index: 99;
}
.wrap-subnav-romi.posfix{position:fixed;top:0;left:0;z-index:99;}
.wrap-subnav-romi .logo{color:#fff;height:50px;width:0px;display:block;float:left;padding:5px 0 0 0;overflow:hidden;}
.subnav-romi{margin:0;padding:0;}
.subnav-romi ul{margin:0;padding:0;}
.subnav-romi ul li{margin:0;padding:0;float:left;list-style:none;}
.subnav-romi ul li a{height: 55px;color:#fff;text-decoration:none;padding:14px 20px 0px 20px;background:#2A282B;display:block;}
.subnav-romi ul li a:hover{color:#ccc;background:green;}
.subnav-romi ul li.active a{color:#fff;background:green;}
.subnav-romi .btop{float:right;margin-top:10px;}


.w_backtop_wrap{background:#f5fbf4;width:100%;height:70px;display:block;}
.w_backtop{padding:10px 20px;background:#cdebc9;width:155px;margin:0 auto;}
.w_backtop a{color:#000;text-decoration:none;}

.w_hideitem{padding:10px 20px;background:#cdebc9;width:155px;margin:0 auto;}
.w_hideitem a{color:#000;text-decoration:none;}


.navfilter{margin:0;padding:0;}
.navfilter ul{margin:0;padding:0;}
.navfilter ul li {list-style:none;float:left;}
.navfilter ul li a{margin:0 0 0 6px;padding:4px 8px;list-style:none;float:left;background:#efefef;color:#5b7479;text-decoration:none;}
.navfilter ul li:first-child a{margin:0 0 0 0;}
.navfilter ul li a:hover, .navfilter ul li a.active{background:#d94113;color:#fff;}

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

.w_coll_gb .sublead.hitam{color:#000;}

.CurrentProjects{margin:80px auto 0 auto;width:250px;color:#fff;text-decoration:none; }
.CurrentProjects a{color:#fff;text-decoration:none;background:#338700;width:250px;display:block;padding:10px 0px;text-align:center;font-size:18px;}
.CurrentProjects span{margin-right:20px;}
.CurrentProjects a:hover{color:#fff;text-decoration:none;background:#3f9909;} /* */


/* peta 
====================*/

.wrap-peta{max-width:1024px;height:580px;display:block;position:relative;margin:0 auto;}
.wrap-peta .gbpeta{position:absolute;top:0;left:0;z-index:1;}
.wrap-peta .gbpeta img{width:100%;height:100%;}
.wrap-peta .toltip{width:20px;height:20px;display:block;background:#cbf702;position:absolute;left:20px;top:20px;z-index:2;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border:2px solid #506f8c;cursor:pointer;}
.wrap-nama{position:absolute;width:auto;height:auto;display:block;text-align:center;color:#000;z-index:3;background:#fff;padding:0px 10px;font-size:10px;opacity:0;border:1px solid #506f8c;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}





.divider_news{width:100%;padding-top:40px;padding-bottom:40px;}

.news_archives{}
ul.news_archives{margin:0;padding:0;}
ul.news_archives  a{color:#000;}
ul.news_archives  a:hover{color:#000;text-decoration:underline;}
ul.news_archives > li{margin:0;padding:0;list-style:none;}
ul.news_archives > li > ul{margin:0 0 10px 20px;padding:0 0 0 20px;}
ul.news_archives > li > ul > li{margin:0;padding:0;list-style:circle;}

.n_newsdate{margin:0px 0 30px 0;padding:0;clear:left}
.n_newsdate a{color:#000;}
.n_newsdate strong{padding:15px 0 0 0;}

.n_newsdate .date{
background: #DE4128;
color: #FFFFFF;
float: left;
font-size: 32px;
line-height: 1;
margin-right: 20px;
padding: 5px;
text-align: center;
}

.n_newsdate .date span{
    display: block;
    font-size: 12px;
}
.n_newsdate .newsdate{
clear:left;margin-top: 25px;
}

/* FAQ */

.w_coll_faq{margin:0;padding:0;position:relative;overflow:hidden;}
.w_coll_faq #leftHalf {
   background: #fff;
   width: 50%;
   position: absolute;
   left: 0px;
   height: 100%;
}
.w_coll_faq  #rightHalf {
   background: red;
   width: 50%;
   position: absolute;
   right: 0px;
   height: 100%;
}

.faq{}
.faq{margin:0;padding:0;}
.faq .faq-item{margin:0 0 20px 0;padding:0;clear:left;}
.faq .faq-item .no{margin:0 0 0 -20px;padding:0;width:40px;height:60px;display:block;float:left;color:#2da01d;font-family:'open_sansbold', sans-serif, arial;font-size:18px;}
.faq .faq-item .ket{margin:0 0 0 20px;padding:0;display:none;}
/* .faq .faq-item:first-child .ket{display:block;} */
.faq  a{color:#2da01d;font-family:'open_sansbold', sans-serif, arial;font-size:16px;}
.faq  a:hover{color:#000;text-decoration:underline;}
.faq {margin:0 0 0 20px;padding:0;}

.share-sosmed{}

a.InquiryForm{background:#fd6500;color:#fff;padding:4px 20px;margin:0px 10px;border:1px solid #fd6500;text-decoration:none}
a.InquiryForm:hover{background:#FA8B41;border:1px solid #FA8B41;}
a.ContinueExploring{background:transparent;color:#000;padding:4px 20px;margin:0px 10px;border:1px solid #000;text-decoration:none}
a.ContinueExploring:hover{background:#C1D3D8;border:1px solid #000;}



/* CONTACT 
=================================*/

.hubb_contact{margin:40px 0 0 0;padding:0;}
.hubb_contact>li{margin:10px 0 0 -5px;padding:0 0 0 40px ;list-style:none;float:none;}
.hubb_contact>li a{color:#000;text-decoration:none;}
.hubb_contact>li a:hover{color:#000;text-decoration:underline;}
.hubb_contact>li.location{background:url('../images/contact_icon01.png') 0px 3px no-repeat;}
.hubb_contact>li.phone{background:url('../images/contact_icon02.png') 0px 3px no-repeat;}
.hubb_contact>li.fax{background:url('../images/contact_icon03.png') 0px 3px no-repeat;}
.hubb_contact>li.email{background:url('../images/contact_icon04.png') 0px 3px no-repeat;}





.form-contact{color:#fff;margin:0 0 0 50px;}
.form-contact .btn {
padding: 2px 12px; 
margin-bottom: 0;
font-size: 12px; /**/
}



.control-group{clear:both;font-size:12px;color:#fff;}
.control-label{float:left;min-width:180px;text-align:left;}
.form-horizontal .control-label {
text-align: left;
}
/* .form-group{float:left;}
input, button, select, textarea {
font-family: inherit;
font-size: 11px;
line-height: 12px;
} */
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 0px;
margin-top: 0;
margin-bottom: 0;
}


/* breatcrumb */
.crumb{margin:0;padding:8px 0px;}
.crumb a{color:#000;text-decoration:none;}
.crumb a:hover{color:#333;text-decoration:underline;}



/* product thumbnail */
.prod_thumb{margin:20px 0 0 0;}
.prod_thumb img{border:1px solid #a1a1a1;}
.prod_thumb .thumb{width:auto;float:left;position:relative;margin:0 20px 20px 0}
.prod_thumb .thumb .overlay{width:auto;float:left;position:absolute;background:rgba(0, 0, 0, 0.8);width:100%;height:100%;display:none;}
.prod_thumb .thumb:hover .overlay{display:block;}
.prod_thumb .thumb.active .overlay{display:block;}
.prod_thumb .thumb .tex{text-align:center;font-size:12px;width:100px;margin:10px auto 0 auto;line-height:14px;}
.prod_thumb a{color:#000;text-decoration:none;}
.prod_thumb a:hover{color:#999;text-decoration:none;}


.t_prod_detail{color:#fff;position:absolute;bottom:40px;left:40px;font-family:'open_sanslight', sans-serif, arial;padding:0 40px 0 0}
.t_prod_detail2{color:#fff;position:absolute;top:0px;left:40px;font-family:'open_sanslight', sans-serif, arial;padding:0 40px 0 0;display:none;}



.w80{width:70%;margin:0 auto;}
.w50{width:50%;margin:0 auto;}

.uk18{font-size:18px;}
.uk36{font-size:25px;}
.no_p{padding:0px;}
.p_top0{padding-top:0px;}
.p_top20{padding-top:20px;}
.p_top30{padding-top:25px;}
.p_top40{padding-top:40px;}
.p_top60{padding-top:60px;}
.p_top80{padding-top:80px;}
.p_top100{padding-top:100px;}
.p_top180{padding-top:80px;}

.p_bot40{padding-bottom:40px;}
.p_bot100{padding-bottom:100px;}
.p_bot140{padding-bottom:140px;}

.p_bot20{padding-bottom:20px;}
.p_bot40{padding-bottom:40px;}
.p_bot80{padding-bottom:80px;}

.m_top20{margin-top:20px}
.m_top40{margin-top:40px}
.m_top80{margin-top:80px}
.m_top120{margin-top:120px}
.m_top200{margin-top:200px}
.m_bot40{margin-bottom:40px;}
.m_bot20{margin-bottom:20px;}


.m_left40{margin-left: 40px;}

.min-height{min-height:800px;}


.putih{color:#fff;}
.hitam{color:#000;}


.bgputih{background:#fff;}
.bgijo{background:#afbf9f;}
.bgabu{background:#292a2c;}
.bgmarket{background:#95b0a1;}

.hide{display:none;}
.show{display:block;}

/* bootstrap */



#contact_kanan{color:#fff;}
.form-horizontal .form-group {
margin-right: -15px;
 margin-left: 0px; /**/
}
#contact_kanan label{font-weight:normal}

/* id 
===============*/

#showroom-detail{display:none;}
#slider-prev{float:left;margin:-30px 0 30px 0;}
#slider-next{float:right;margin:-30px 0 30px 0;}


/* id 
===============*/


.row-no-padding {
	padding: 0 !important;
	margin: 0 !important;
}


#leftHalf {
   /* background: url(images/bg-1.jpg); */
   width: 50%;
   position: absolute;
   left: 0px;
   height: 100%;
}
#rightHalf {
   /* background: url(images/bg-2.jpg); */
   width: 50%;
   position: absolute;
   right: 0px;
   height: 100%;
}

#leftHalf70 {
   width: 60%;
   position: absolute;
   left: 0px;
   height: 100%;
}
#rightHalf30 {
   width: 40%;
   position: absolute;
   right: 0px;
   height: 100%;
}



/* nav 
=======================*/


.nav-wrap{width:100%;background:#2A282B;height:85px;position:relative;z-index:99;}
.nav-wrap.posfix{position:fixed;top:0;left:0;z-index:99;}
.logo{color:#fff;height:50px;width:200px;display:block;float:left;padding:10px 0 0 0;}
.rpos{color:#fff;height:50px;width:auto;display:block;float:right;display:none;padding:20px 0 0 0;}
.rpos a{color:#fff;text-decoration:none;}
.rpos a:hover{color:#999;text-decoration:none;}


.navvv{ float:right;}
.toggleMenu {
	display:  none;
	background: #39373A;
	padding: 10px 15px;
	color: #fff;
	float:right;
	margin:0px 0 0 0;
}
.nav-romi {
	list-style: none;
	 *zoom: 1;
	 background:#2A282B;
	 margin:42px 0 0 0;padding:0;
	
}
.nav-romi:before,
.nav-romi:after {
	content: " "; 
	display: table; 
}
.nav-romi:after {
	clear: both;
}
.nav-romi ul {
	list-style: none;
	width: 200px;
	margin:0;padding:0;
	display: none;/* rsearch */
}

.nav-romi a {
	padding: 10px 15px;
	color:#fff;
	text-decoration:none;
}
.nav-romi a:hover {
	text-decoration:none;
}


.nav-romi li {
	position: relative;
}
.nav-romi > li {
	float: left;
	border-top: 0;
	margin:0 0 0 4px;
}
.nav-romi > li > .parent {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 25px 0px 15px;
}

.nav-romi  li  li .parent {
	background-image: url("../images/downArrow2.png");
	background-repeat: no-repeat;
	background-position: right;
	
}

.nav-romi > li > a {
	padding: 0px 15px 0px 15px;
	display: block;
	background:#2A282B;
	border:1px solid #2A282B;
}

/* .nav-romi > li:last-child > a {
	display: none;
	
} */




.nav-romi > li > a:hover {
	/* background:#5b7479; */
	border:1px solid #2A282B;
}

.nav-romi > li.active > a {
	border:1px solid #999;
}

.nav-romi li  ul {
	position: absolute;
	left: 0px;
	
}

.nav-romi li  ul.rsearch {
	position: absolute;
	left: -230px;
	background:#2A282B;
	width:300px;height:40px;
}

.nav-romi li  ul.rsearch input{
	background-color:#2A282B;
	height:25px;border:1px solid #999;width:200px;margin:10px 0px 0px 10px;
	color: #FFFFFF;
}

.nav-romi li  ul.rsearch button{
	padding: 0px 8px; font-size: 11px;
}

.nav-romi  li  ul li a {
	padding: 5px 20px 0px 15px;
	display: block;
}



.nav-romi > li:hover > ul {
	display: block;
}

.nav-romi > li:last-child:hover > ul {
	display: none;
}


.nav-romi li li.hover ul {
	left: 100%;
	top: 0;
}
.nav-romi > li > li{
	width:auto;
}
.nav-romi li li a {
	display: block;
	background: #5b7479;
	position: relative;
	z-index:100;
	border-top: 1px solid #000;
	width:250px;
	color:#fff;
}
.nav-romi li li a:hover {
	background: #34373b;
	text-decoration:none;
}


.nav-romi li li li a {
	background:#41595e;
	z-index:200;
	border-top: 1px solid #32464a;
}


/* -- l2 -- */

.nav-romi li  ul li{
	position: relative; 
}

.nav-romi li  ul li:hover ul{
	display:block; 
}
.nav-romi li  ul ul{
	position: absolute;
	top:0px;
	left: 250px;
}

/* -- l2 -- */

@media screen and (max-width: 990px) {
	.nav-romi > li > a {
		padding: 0px 5px 0px 5px;
		display: block;
		background:#2A282B;
		border:1px solid #2A282B;
	}
	.subnav-romi ul li a{padding:14px 5px 0px 5px;font-size:14px;}
	
}

@media screen and (max-width: 768px) {
	
	.logo{float:none;}
	.navvv{ float:none;}
	.rpos{display:block;}
	.toggleMenu{
		display:block;
	}
	
	.nav-romi {
		margin:33px 0 0 0;padding:0;
		display:none;
	}
	
	.active {
		display: block;
	}
	
	.nav-romi > li {
		float: none;margin:0 0 0 0;
	}
	
	.nav-romi li li a {
		width:auto;
	}
	
	.nav-romi ul {
		display:none;
	}
	.nav-romi li  ul {
		position: static;	
		display:none;
	}
	
	.nav-romi li  ul ul{
		position: static;
		display:none;
	}
	
	.nav-romi li  ul.rsearch {
		position: static;
		width:100%;
	}
	
	/* .form-search input[type="text"] { padding: 1px 0px;background-color: #000; 	}
	.form-search input{background-color: #000;} */
	
	
	
	
	
	.nav-romi > li > .parent {
		background-position: 95% 50%;
	}
	.nav-romi li li .parent {
		background-image: url("../images/downArrow.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.nav-romi ul {
		display: block;
		width: 100%;
	}
   .nav-romi > li.hover > ul , .nav li li.hover ul {
		position: static;
	}
	
	.wrap-subnav-romi{
		height: auto;padding-bottom:10px;
		}
	.subnav-romi ul li {float: none;}
	.subnav-romi .btop { display:none;}
	.subnav-romi ul li a { height: 35px; /* */ padding: 5px 20px 0px 20px;/*  */  }
		
	ul.c_thumb li{margin:0 1% 0 0;padding:0;list-style:none;float:left;width:29%;height:29%;}	
		
	.wrap-subnav-romi .logo{display:none;}
	
	.news_index_img_1a{display:none;}
	.news_index_img_1b{display:block;}
	
	.blokheaderwarna_cat{display:none;}
	
	
	.no-gutter [class*="col-"]{
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.t_prod_detail2{display:block;}
	
}


@media screen and (max-width: 600px) {
	ul.c_thumb li{margin:0 1% 0 0;padding:0;list-style:none;float:left;width:48%;height:48%;}
	ul.c_thumb.filter li .lead {
	font-size: 11px;
	margin: 15px 0 15px 0;
	}
	
	.wrap-subnav-romi .logo{display:none;}
	
}

@media screen and (max-width: 1024px) {
	img.bg {
		left: 50%;
		margin-left: -512px; }
}