*{
	font-family:"Opensans Reguler";
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
@font-face{
	font-family:"Opensans Bold";
	src:url(../fonts/opensan/OpenSans-Bold.ttf);
	format:('ttf');
}
@font-face{
	font-family:"Opensans Semibold";
	src:url(../fonts/opensan/OpenSans-Semibold.ttf);
	format:('ttf');
}
@font-face{
	font-family:"Opensans Reguler";
	src:url(../fonts/opensan/OpenSans-Regular.ttf);
	format:('ttf');
}
@font-face{
	font-family:"Opensans Light";
	src:url(../fonts/opensan/OpenSans-Light.ttf);
	format:('ttf');
}
@font-face{
	font-family:"Opensans Italic";
	src:url(../fonts/opensan/OpenSans-Italic.ttf);
	format:('ttf');
}
@font-face{
	font-family:"Myriad Reguler";
	src:url(../fonts/myriad/MYRIADPRO-REGULAR.OTF);
	format:('otf');
}
@font-face{
	font-family:"Myriad Bold";
	src:url(../fonts/myriad/MYRIADPRO-BOLD.OTF);
	format:('otf');
}
@font-face{
	font-family:"Bebsa Reguler";
	src:url(../fonts/bebas/BebasNeue-Regular.ttf);
	format:('ttf');
}
@font-face{
	font-family:"Bebas Bold";
	src:url(../fonts/bebas/BebasNeue-Bold.ttf);
	format:('ttf');
}

a,
a:hover,
a:focus{
	text-decoration:none;
	outline:none;
}
strong, b{
	font-family:"Opensans Bold";
}
em{
	font-family:"Opensans Italic";
}
h1{
	margin:0;
}
.row-full{
	margin-right:0px !important;
	margin-left:0px !important;
}
.col-full{
	padding-right:0px !important;
	padding-left:0px !important;
}
.text-kontak{
	margin-bottom:15px;
	font-family:"Opensans Semibold";
	color:#444;
}
.menu ul,
.menu-bottom ul,
.menuside ul{
	padding:0;
	margin:0;
}
.top-head{
	padding:7px 0px;
	background:#c21726;
}
.item-top{
	position:relative;
	float:right;
	margin-left:20px;
}
.item-search{
	width:200px;
}
.item-top:before{
	position:absolute;
	content:'';
	top:8px;
	left:-11px;
	width:2px;
	height:15px;
	background:#A80000;
}
.item-top:last-child:before{
	display:none;
}
.top-welcome{
	padding-top:3px;
	font-family:"Myriad Reguler";
	font-size:15px;
	color:#FFF;
}
.sosmed{
	padding:0;
	margin:0;
}
.sosmed li{
	display:inline-block;
	padding:2px 0px;
	margin-left:5px;
}
.sosmed li a{
	display:block;
	font-size:26px;
	color:#FFF;
	line-height:0px;
}
.input-src{
	border-color:#FFF;
	border-radius:3px 0px 0px 3px;
	box-shadow:none;
}
.btn-src{
	border-color:#FFF;
	border-radius:0px 3px 3px 0px;
	box-shadow:none;
}
.btn-src:hover{
	background:#333;
	color:#FFF;
	border-color:#333;
	border-radius:0px 3px 3px 0px;
	box-shadow:none;
}
.input-src:focus{
	box-shadow:none;
	border-color:#FFF;
}
.btn-lang,
.btn-lang-s,
.btn-lang:hover,
.btn-lang-s:hover,
.btn-lang:focus,
.btn-lang-s:focus{
	border-color:transparent !important;
	outline:none !important;
}
.heads{
	padding:20px 0px;
	border-bottom:4px solid #c21726;
}
.menu{
	float:right;
	padding-top:5px;
	display:table;
}
.menu ul{
	display:table-row;
}
.menu li{
	display:table-cell;
}
.menu li a{
	display:block;
	padding:10px 25px;
	font-size:13px;
	color:#121212;
	background:#FFF;
	border-radius:4px;
}
.menu li a:hover{
	color:#FFF;
	background:#c21726;
}
.act{
	color:#FFF !important;
	background:#c21726 !important;
}
#slider img{
	display:block;
	width:100%;
}
#prohome{
	padding:50px 0px;
}
.tag-prohome{
	margin-bottom:30px;
	font-family:"Bebas Bold";
	font-size:50px;
	color:#333;
	text-align:center;
}
.box-prohome{
	position:relative;
	margin-bottom:40px;
}
.pro-home{
	display:inline-block;
	width:100%;
	padding-bottom:18px;
}
.pro-prev,
.pro-next{
	position:absolute;
	padding:10px 13px;
	padding-top:8px;
	top:47%;
	background:#c21726;
	color:#FFF;
	font-size:30px;
	line-height:0px;
	cursor:pointer;
	z-index:99;
}
.pro-prev .fa,
.pro-next .fa{
	line-height:20px;
}
.pro-prev{
	left:0;
	transform:translate(-50%,-50%);
}
.pro-next{
	right:0;
	transform:translate(50%,-50%);
}
.item-prohome{
	width:100%;
	text-align:center;
	border:1px solid rgba(204,204,204,.7);
}
.item-prohome img{
	display:block;
	width:100%;
}
.judul-prohome{
	font-family:"Myriad Bold";
	font-size:15px;
	color:#333;
}
.kat-prohome{
	font-family:"Opensans Reguler";
	font-size:12px;
	color:#888;
	margin-bottom:20px;
}
.btn-prohome{
	display:table;
	margin:0 auto;
	padding:8px 25px;
	margin-bottom:-18px !important;
	font-size:13px;
	color:#FFF;
	background:#c21726;
}
.btn-prohome:hover{
	background:#b5101f;
	color:#FFF;
}
.more-pro{
	position:relative;
	z-index:3;
}
.more-pro:before,
.more-pro:after{
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	height:3px;
	transform:translate(-50%,-50%);
}
.more-pro:after{
	background:#FFF;
	width:160px;
	height:6px;
}
.more-pro:before{
	width:50%;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(51,51,51,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(50%, rgba(51,51,51,1)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(51,51,51,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(51,51,51,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(51,51,51,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(51,51,51,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.btn-morpro{
	position:relative;
	display:table;
	padding:10px 20px;
	margin:0 auto;
	font-size:13px;
	color:#222;
	background:#FFF;
	border:1px solid #222;
	z-index:3;
}
.btn-morpro:hover{
	background:#222;
	color:#FFF;
	transition:0.2s;
}
#about-home{
	background:#c21726;
}
.abouthom{
	padding-left:20px;
	margin:50px 0px;
	border-left:5px solid #FFF;
}
.tag-abouthom{
	font-family:"Bebas Bold";
	font-size:40px;
	color:#FFF;
	line-height:30px;
	margin-bottom:20px;
}
.isi-abouthom{
	font-size:13px;
	color:#FFF;
	line-height:22px;
	margin-bottom:25px;
}
.btn-abouthom{
	display:inline-block;
	padding:8px 20px;
	color:#FFF;
	border:1px solid #FFF;
}
.btn-abouthom:hover,
.btn-abouthom:focus{
	background:#FFF;
	color:#c21726;
	transition:0.2s;
}
.img-abouthom img{
	display:block;
	width:100%;
}
#servis-home{
	padding:50px 0px;
	background:#eeeeee;
}
.tag-servishom{
	font-family:"Bebas Bold";
	font-size:30px;
	color:#333;
	margin-bottom:20px;
}
.img-servishom{
	display:block;
	width:100%;
}
.jud-servishom{
	font-family:"Myriad Bold";
	font-size:16px;
	text-transform:capitalize;
}
.subjud-servishom{
	font-size:11px;
	color:#999;
	margin-bottom:10px;
}
.isi-servishom{
	font-size:13px;
	line-height:22px;
	color:#444;
	margin-bottom:20px;
}
.btn-servishom{
	display:inline-block;
	padding:5px 20px;
	font-size:13px;
	color:#333;
	border:1px solid #333;
}
.btn-servishom:hover{
	background:#333;
	color:#FFF;
}
#merk{
	padding:20px 0px;
}
.item-merk{
	width:100%;
}
.item-merk img{
	display:block;
	width:100%;
}
#footer{
	padding:20px 0px;
	background:#c21726;
}
.menu-bottom ul{
	text-align:center;
}
.menu-bottom li{
	display:inline-block;
	position:relative;
}
.menu-bottom li:before{
	position:absolute;
	content:'::';
	top:3px;
	right:-5px;
	font-size:10px;
	color:#FFF;
}
.menu-bottom li:last-child:before{
	display:none;
}
.menu-bottom li a{
	display:block;
	font-size:12px;
	color:#FFF;
	padding:3px 10px;
}
.copy{
	font-size:12px;
	color:#FFF;
	text-align:center;
}
.copy a{
	font-size:12px;
	color:#FFF;
}
.copy a:hover{
	text-decoration:underline;
}
#konten{
	padding-top:20px;
	padding-bottom:50px;
}
.tag-konten{
	font-family:"Bebas Bold";
	font-size:40px;
	color:#333;
	margin-bottom:10px;
}
.breadcrumb{
	margin-top:10px;
	margin-bottom:0px;
	border-radius:2px;
}
.breadcrumb li{
	font-size:12px;
}
.breadcrumb li a{
	color:#de3e4c;
}
.breadcrumb li a .fa{
	font-size:16px;
}
.breadcrumb > li + li:before {
	font-family: 'FontAwesome';
	content: "\f105";
}
.box-produk{
	position:relative;
	font-size:0px;
	margin-right:-5px;
	margin-left:-5px;
}
.item-produk{
	display:inline-block;
	width:25%;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:15px;
	margin-bottom:30px;
	text-align:center;
	vertical-align:top;
}
.item-pro{
	border:1px solid rgba(204,204,204,.7);
}
.item-pro:hover{
	border:1px solid #c21726;
	transition:0.3s;
}
.item-produk img{
	display:block;
	width:100%;
}
.jud-produk{
	font-family:"Myriad Bold";
	font-size:15px;
	color:#333;
}
.kat-produk{
	font-family:"Opensans Reguler";
	font-size:12px;
	color:#888;
	margin-bottom:20px;
}
.btn-produk{
	display:table;
	margin:0 auto;
	padding:6px 20px;
	margin-bottom:-15px !important;
	font-size:13px;
	color:#FFF;
	background:#c21726;
}
.btn-produk:hover{
	background:#b5101f;
	color:#FFF;
}
.tag-kategori{
	position:relative;
	padding:8px 20px;
	margin-bottom:20px;
	background:#c21726;
	font-family:"Opensans Bold";
	font-size:20px;
	color:#FFF;
	text-transform:uppercase;
	overflow:hidden;
}
.menuside{
	display:block;
	padding:15px 0px;
	background:#333;
}
.menuside li{
	display:block;
}
.menuside li a{
	display:block;
	padding:10px 10px;
	padding-left:22px;
	font-family:"Opensans Reguler";
	font-size:13px;
	color:#FFF;
	border-left:8px solid #333;
}
.menuside li a:hover{
	background:#FFF;
	color:#333;
	border-left:8px solid #c21726;
}
.actside{
	background:#FFF !important;
	color:#333 !important;
	border-left:8px solid #c21726 !important;
}
.about img{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	border-radius:3px;
}
.about .isi-about{
	font-size:13px;
	line-height:22px;
}
.isi-about img{
	width:auto;
	max-width:100%;
}
.input-fr{
	height:40px;
	border-radius:2px;
	background:rgba(204,204,204,.2);
	box-shadow:none;
	border-color:transparent;
}
.box-alamat{
}
.tag-nama{
	font-family:"Myriad Bold";
	font-size:24px;
	margin-bottom:10px;
}
.item-alamat{
	margin-bottom:10px;
}
.jud-alamat{
	display:inline-block;
	padding-right:30px;
	padding-left:5px;
	padding-bottom:2px;
	margin-bottom:2px;
	font-family:"Opensans Bold";
	font-size:14px;
	border-bottom:1px solid rgba(128,0,0,1);
}
.isi-alamat{
	display:block;
	padding-left:5px;
	font-size:13px;
}
.peta-lokasi{
	position:relative;
	padding:15px 0px;
	margin-top:20px;
	font-family:"Myriad Bold";
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	z-index:3;
}
.tag-lokasi{
	position:relative;
}
.tag-lokasi:before,
.tag-lokasi:after{
	position:absolute;
	content:'';
	height:3px;
}
.tag-lokasi:before{
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	z-index:1;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(194,23,37,1) 40%, rgba(194,23,37,1) 60%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(5%, rgba(255,255,255,1)), color-stop(40%, rgba(194,23,37,1)), color-stop(60%, rgba(194,23,37,1)), color-stop(95%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(194,23,37,1) 40%, rgba(194,23,37,1) 60%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(194,23,37,1) 40%, rgba(194,23,37,1) 60%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(194,23,37,1) 40%, rgba(194,23,37,1) 60%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(194,23,37,1) 40%, rgba(194,23,37,1) 60%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.tag-lokasi:after{
	top:50%;
	left:50%;
	width:150px;
	height:6px;
	background:#FFF;
	transform:translate(-50%,-50%);
	z-index:2;
}
.img-dpro{
	border:1px solid rgba(204,204,204,.7);
}
.img-dpro img{
	display:block;
	width:100%;
}
.judul-produk{
	margin:0;
	margin-bottom:5px;
}
.katpro{
	font-family:"Opensans Light";
	font-size:14px;
	color:#999;
	margin-bottom:10px;
}
.tag-spek{
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	font-family:"Opensans Bold";
	font-size:16px;
	border-bottom:1px solid rgba(204,204,204,.4);
}
.spesifikasi{
	font-size:13px;
	line-height:22px;
}
.tag-desk{
	position:relative;
	padding-bottom:10px;
	margin-top:30px;
	margin-bottom:10px;
	font-family:"Opensans Bold";
	font-size:16px;
	border-bottom:1px solid rgba(204,204,204,.4);
}
.tag-spek:before,
.tag-desk:before{
	position:absolute;
	content:'';
	left:0;
	bottom:0px;
	width:100%;
	height:2px;
	background: rgba(221,221,221,1);
	background: -moz-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(221,221,221,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff', GradientType=1 );
}
.desk-produk{
	font-size:13px;
	line-height:22px;	
}
.page{
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid rgba(204,204,204,.4);
	text-align:center;
}
.pagination > li a{
	margin:0px 4px !important;
	border-radius:5px;
	color:#c21726;
}
.pagination > li a:hover,
.pagination > li a:focus{
	color:#c21726;
}
.pagination > .active > a{
	background:#c21726 !important;
	border-color:transparent;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus{
	border-color:transparent;
}
.notfound{
	font-family:"Opensans Bold";
	font-size:16px;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
}
.btn-kontak{
	padding:7px 25px;
	background:#c21726;
	border-radius:0px;
	border-color:transparent;
	cursor:pointer;
}
.btn-kontak:focus{
	outline:none !important;
}
.ikon-bar{
	display:none;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	padding:6px 20px;
	padding-top:10px;
	font-size:28px;
	color:#FFF;
	line-height:0px !important;
	background:transparent;
	cursor:pointer;
}
.ikon-bar:hover,
.ikon-bar:focus{
	background:#800000;
	transition:0.2s;
}
.resheader{
	position:relative;
	background:#c21726;
	overflow:hidden;
}
.logores{
	position:relative;
	padding:12px 0px;
}
.logores img{
	display:block;
	width:100%;
	max-width:150px;
}
.ikon-topres{
	position:absolute;
	top:0;
	right:0;
}
.ikon-topres ul{
	padding:0;
	margin:0;
	font-size:0px;
}
.ikon-topres li{
	display:inline-block;
	vertical-align:top;
}
.rescari{
	padding:12px 15px;
	cursor:pointer;
}
.rescari:hover{
	background:#800000;
}
.rescari .fa{
	font-size:19px;
	color:#FFF;
}
.box-bar{
	width:50px;
	padding:13px 13px;
	cursor:pointer;
}
.box-bar:hover{
	background:#800000;
}
.box-bar .bar{
	width:100%;
	height:3px;
	background:#FFF;
	margin-bottom:4px;
}
.box-bar .bar:last-child{
	margin-bottom:0px;
}
.target-menu{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index:99;
	transition:0.3s;
}
.boxmenures{
	float:right;
	width:100%;
	max-width:300px;
	height:100%;
	overflow:hidden;
	background:#c21726;
	overflow:auto;
}
.tag-menures{
	padding:10.5px 20px;
	font-family:"Opensans Bold";
	font-size:16px;
	color:#FFF;
	background:#b10b1a;
	border-bottom:1px solid #FFF;
}
.ikon-back{
	float:right;
	cursor:pointer;
}
.ikon-back:hover{
	color:rgba(255,255,255,.5);
}
.langres{
	padding:4px 20px;
	background:#F4F4F4;
	font-size:13px;
	color:#333;
	text-align:right;
}
.langres span{
	font-family:"Opensans Italic";
	margin-right:5px;
}
.langres img{
	margin-left:5px;
}
.menures{
	padding:0;
	margin:0;
}
.menures li{
	display:block;
}
.menures li a{
	display:block;
	padding:10px 20px;
	color:#FFF;
	text-transform:uppercase;
	border-bottom:1px solid #a80b19;
}
.menures li a:hover{
	background:#a80b19;
	transition:0.3s;
}
.input-cari{
	position:absolute;
	width:100%;
	top:0;
	left:120%;
	padding:4.5px 0px;
	background:#c21726;
}
.input-cari-top{
	background:transparent;
	color:#FFF;
	border-color:transparent;
	border-bottom:1px solid rgba(255,255,255,1);
	box-shadow:none;
}
.input-cari-top::-webkit-input-placeholder {
	font-family:"Opensans Italic";
	color:#FFF;
}
.input-cari-top::-moz-input-placeholder {
	font-family:"Opensans Italic";
	color:#FFF;
}
.input-cari-top:focus{
	border-color:transparent !important;
	outline:none !important;
	box-shadow:none !important;
}
.btn-cari-top{
	background:transparent;
	color:#FFF;
	border-color:transparent;
}
.btn-cari-top:hover,
.btn-cari-top:focus{
	background:transparent !important;
	color:#FFF !important;
	border-color:transparent !important;
	outline:none !important;
	box-shadow:none !important;
}

/* ###################################### RESPONSIVE DESIGN ###################################### */

@media (max-width: 1024px) {
	.item-produk{
		width:33.3333333333%;
	}
}
@media (max-width: 768px) {
	.logo{
		text-align:center;
		margin-bottom:10px;
	}
	.logo img{
		margin:0 auto !important;
	}
	.menu{
		float:none;
		margin:0 auto;
	}
	.menuside{
		display:none;
		padding:15px 0px;
		background:#333;
	}
	.ikon-bar{
		display:inline-block;
	}
	.tag-kategori{
		background:#a20613 !important;
	}
	#target-kat{
		margin-bottom:20px;
	}
	.item-produk{
		width:33.3333333333%;
	}
	.pro-prev,
	.pro-next{
		display:none;
	}
	.more-pro:before{
		width:80%;
	}
	.tag-servishom{
		text-align:center;
	}
	.isi-servishom{
		text-align:center;
	}
	.body-servishom{
		text-align:center;
	}
	.box-alamat{
		text-align:center;
	}
	.jud-alamat{
		padding-right:20px;
		padding-left:20px;
	}
}
@media (max-width: 480px) {
	#konten{
		padding-top:10px;
		padding-bottom:30px;
	}
	.tag-konten{
		margin-bottom:5px;
	}
	.img-dpro{
		margin-bottom:20px;
	}
	.more-pro:before{
		width:100%;
	}
	.item-produk{
		width: 50%;
	}
}
@media (max-width: 320px) {
	#prohome{
		padding:20px 0px;
	}
	.tag-prohome{
		margin-bottom:20px;
		font-size:40px;
	}
	.more-pro{
		display:none;
	}
	.item-produk{
		width: 100%;
	}
}