/* @font-face {
	font-family: 'Calligraphic421BT';
	src: url('../font/Calligraphic421BT.eot');
	src: local('Calligraphic421BT'), url('../font/Calligraphic421BT.woff') format('woff'), url('../font/Calligraphic421BT.ttf') format('truetype');
} */
/* use this class to attach this font to any element i.e. <p class="font-special">Text with this font applied</p> */
/* .font-special {
	font-family: 'Calligraphic421BT' !important;	color:#FD9500;
} */

.font-special {
	font-family: 'Roboto', sans-serif;
}

.purechat-poweredby-container{display:none;}
#iview {height:380px;width:100%;}
#iview .iviewSlider {width:1160px; height: 380px;} 
#iview {display: block; margin: auto;}
#iview .iviewSlider { display: block; overflow: hidden;-webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
#page { margin-bottom: 1px;position:relative; background: #fff; margin-top:5px;margin-bottom:2px;margin-left:auto;margin-right:auto;width:100%;} /* Headings */
.login-atas:hover { color:yellow;text-shadow: 0 0 10px #071330;}
 .img_hidden { display:none;width:16px;}
 #footer {width: 100%;}
 .center_title_page{ width:80%; top:90px; }
 .iview-controlNav {	left: 38%;	}
 #footer {height: 180px; display: block; clear: both; margin-right: auto; margin-left: auto;margin-top:20px;} 
:focus { /* remember to define focus styles! */outline: 0;}
.alignleft, .lazy, .alignblog, .aligncenter, .alignright{display: none;}
/* Shadow */
.menu-background{
background: #4d68a2; /* Old browsers */
background: -moz-linear-gradient(top, #4d68a2 0%, #3c5a99 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d68a2), color-stop(100%,#3c5a99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d68a2 0%,#3c5a99 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d68a2 0%,#3c5a99 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d68a2 0%,#3c5a99 100%); /* IE10+ */
background: linear-gradient(to bottom, #4d68a2 0%,#3c5a99 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d68a2', endColorstr='#3c5a99',GradientType=0 ); /* IE6-9 */
}
.background1{
background: #fff; /* Old browsers */
}

.footer{
background: #EA8A05; /* Old browsers */
}
/* =Global ----------------------------------------------- */
.border {border-bottom: 1px solid #b6b6b6;  display: block; float: left; width: 100%;}
.page-title {color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase;}
.page-title a {font-size: 14px; font-weight: bold; letter-spacing: 0; text-transform: none; COLOR: #666;} /* Images */
.center_title_page{width: 99%; height:35px;margin-bottom:5px; float: left; text-align: left; display: block;margin-top:10px;margin-left:20px;}
.halaman {font-family: "Arial Narrow", Arial; text-align: left;float:left;}
.halaman a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #666; text-decoration: none;/* no underline */ color: #323371; /*backgroud */ background: #D6D6DB;/* Show a solid color for older browsers */ background: -moz-linear-gradient(#D6D6DB, #9FA4B1); background: -o-linear-gradient(#D6D6DB, #9FA4B1); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D6D6DB), to(#9FA4B1));/* older webkit syntax */ background: -webkit-linear-gradient(#D6D6DB, #9FA4B1);color: #323371; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 3px 3px 2px grey;  -webkit-transition-duration: 200ms; -webkit-transition-property: padding; -webkit-transition-timing-function: ease; -moz-transition-duration: 200ms; -moz-transition-property: padding; -moz-transition-timing-function: ease; -o-transition-duration: 200ms; -o-transition-property: padding; -o-transition-timing-function: ease;float:left;}
.halaman a:hover, div.halaman a:active {padding: 4px 5px; box-shadow: 3px 3px 2px grey; -moz-box-shadow: 3px 3px 2px grey; -webkit-box-shadow: 3px 3px 2px grey;float:left;}
.halaman .c {padding: 4px 5px; margin: 1px 2px 2px; border: 1px solid #666; text-decoration: none;/* no underline */ color: #323371; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 3px 3px 2px grey; font-weight: bold; background: #a7c7dc; /* Old browsers */
background: -moz-linear-gradient(top, #a7c7dc 0%, #85b2d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c7dc), color-stop(100%,#85b2d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* IE10+ */
background: linear-gradient(to bottom, #a7c7dc 0%,#85b2d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */
float:left;}
.halaman d img {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ff8e32; text-decoration: none;/* no underline */ color: #dd0077; -moz-border-radius: 4px; box-shadow: 3px 3px 2px grey; font-weight: bold;}
.halaman span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background: #000099; color: #FFF;}
.halaman span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;} /*CSS Klien*/
.halaman .btn {padding:3px 5px;}
/* ============== */
#underconstruction { width:100%;min-height:200px;margin-bottom:10px; text-align:center;}
.contact { width:100%;}
.contact .text{float:left; width:80%;}
.contact img{float:left; width:16px;margin-right:10px;margin-left:10px;}
.warna{color:#F60;}
#ind {background-image: url('./../../../images/indonesia.png'); background-repeat: no-repeat; background-position: center; border:1px solid grey;float:right;height:20px;width:24px;cursor:pointer;}
#english {background-image: url('./../../../images/english.png'); background-repeat: no-repeat; background-position: center; border:1px solid grey;float:right;height:20px;width:24px;cursor:pointer;margin-left:5px;margin-right:10px;}
#loading { position: fixed; top: 330px; left: 20%; height: 20px; width: 50px; background: url(./../../../images/loading.gif) no-repeat;}
/*======== Custom Slider Styles Nivo Slider===*/ /*============================*/
.iview-controlNav {	position: absolute;	bottom: 10px;	}
.iview-controlNav a {	text-indent: -9999px;}
.iview-controlNav a.iview-controlPrevNav {	float: left;	width: 50px;	height: 30px;	/* background: url('../img/bg_direction_nav.png') no-repeat; */}
.iview-controlNav a.iview-controlNextNav {	float: left;	width: 50px;	height: 30px;	/* background: url('../img/bg_direction_nav.png') no-repeat -50px 0px; */}
.iview-controlNav div.iview-items {float: left;padding: 0px 10px 0px 10px;height: 30px;background: url('../img/nav-bg.png');width:150px;}
.iview-controlNav a.iview-control {	padding: 0px;	float: left;	width: 11px;	height: 12px;	background: url('../img/bullets3.png') no-repeat;line-height: 0px;}
.iview-controlNav a.iview-control.active {	background-position: 0px -12px;}
.iview-caption {	background-color:black;	color: #FFF;	border-radius: 5px;	padding: 8px 15px;	font-family: Tahoma;}
.iview-caption.caption1 {	font-size: 36px;	font-weight: bold;	height: 45px;}
.iview-caption.caption2 {	background: #00b4ff;	font-size: 36px;	font-weight: bold;	text-shadow: none;}
.iview-caption.caption3 {	background: #FFF;	color: #000;	font-size: 26px;	text-shadow: none;}
.iview-caption.caption4 {	font-size: 22px;	font-weight: bold;text-align:center;}
.iview-caption.caption5 {	background: #c4302b;	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;font-size: 20px;	font-weight: bold;	text-shadow: none;}
.iview-caption.caption6 {	font-size: 18px;}
.iview-caption.caption7 {	text-align: left;	font-size: 11px;	color: #888;	border-radius: 0px;}
.iview-caption.caption7 div {	line-height: 200%;}
.iview-caption.caption7 h3 {	margin-bottom: 20px;	color: #FFF;}
.iview-caption.blackcaption {	background: #000;	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;	text-shadow: none;}
.iview-caption.blackcaption_noback {	color: #000;background: none; font-size:18px;font-weight:bold;}
.iview-caption.blackcaption_noback_b {	color: #000;background: none; font-size:16px;}
.iview-caption.blackcaption_noback_bl {	color: darkblue; background: none; font-size:16px;}
.iview-caption.blackcaption_noback_r {	color: #B3DF26;background: none; font-size:30px;font-weight:bold;text-shadow: 1px 1px 2px #08330B;}
.iview-caption.blackcaption1 {	background-color: rgba(0, 0, 0, .4);	box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px 0px;	text-shadow: none;font-size:18px; }
.iview-caption.blackcaption1_bl {	background-color: rgba(189, 211, 47, .7);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:14px;color:black;padding:3px 10px;}
.iview-caption.blackcaption_utama {	color:white; font-size:28px;	 background-color: rgba(0, 0, 0, .4); text-align:center; text-shadow: none;font-weight:bold;}
.iview-caption.blackcaption3 {	background-color: rgba(42, 60, 0, .7);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:20px;color:gold;}
.iview-caption.blackcaption_gambar {	background:transparent;	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:14px;color:gold;text-align:center;}
.iview-caption.blackcaption_gambar1 {	background:none;}
.iview-caption.blackcaption3_2 {	background-color: rgba(229, 44, 14, .8);	box-shadow: rgba(130, 29, 43, .8) 1px 1px 5px 0px;	text-shadow: none; font-size:18px;color:white;}
.iview-caption.blackcaption3_3 {	background-color: rgba(255, 215, 0, .8);	box-shadow: rgba(130, 29, 43, .8) 1px 1px 5px 0px;	text-shadow: none; font-size:18px;color:black;font-weight:bold;}
.iview-caption.blackcaption3_4 {	background-color: rgba(128, 154, 53, .95);	box-shadow: rgba(130, 29, 43, .8) 1px 1px 5px 0px;	text-shadow: none; font-size:18px;color:white;}
.iview-caption.blackcaption3_1 {	background-color: rgba(133, 74, 60, .7);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:16px;color:white;}
.iview-caption.blackcaption4 {	background-color: rgba(106, 27, 33, .9);	box-shadow: rgba(130, 29, 43, .7) 1px 1px 5px 0px;	text-shadow: none; font-size:13px;color:yellow;padding:3px 10px;}
.iview-caption a { color :white; }
.iview-caption a:hover { color:yellow;}
.iview-caption.blackcaption2 {background: rgb(128, 154, 53);font-weight:bold; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;	text-shadow: none;color:black;}
#iview-preloader {border: #666 1px solid;width: 250px}
#iview-preloader div {background: red;}
.iview-controlNav div.iview-items ul li {padding: 0px;float: left;width: 11px;height: 12px;margin: 3px;margin-top: 16px;line-height: 0px;}
#iview #iview-tooltip {display: none;position: absolute;background-color: grey;width: 124px;height: 70px;bottom: 30px;left: -67px;padding: 10px;z-index: 100;}
#iview #iview-tooltip div.holder {display: block;width: 124px;height: 68px;overflow: hidden;border-radius: 2px;}
#iview #iview-tooltip div.holder div.container {display: block;width: 4000px;}
#iview #iview-tooltip div.holder div.container div {float: left;display: block;overflow: hidden;width: 124px;height: 84px;left: -50%;text-align: center;}
#iview #iview-tooltip div.holder div.container div img {height: 84px;margin: 0 auto;}
/* The slider */
.iviewSlider {overflow: hidden;}
/* The timer in the Slider */
#iview-timer {position: absolute;z-index: 100;border-radius: 5px;cursor: pointer;}
#iview-timer div {border-radius: 3px;}
/* The Preloader in the Slider */
#iview-preloader {position: absolute;z-index: 1000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: #000 1px solid;padding: 1px;width: 100px;height: 3px;}
#iview-preloader div {float: left;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;height: 3px;background: #000;width: 0px;}
/* The strips and boxes in the Slider */
.iview-strip {display:block;position:absolute;z-index:5;}
.iview-block {display:block;position:absolute;z-index:5;}
/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.iview-prevNav {left:0px;}
.iview-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {position:absolute;z-index:9;}
.iview-controlNav a {z-index:9;cursor:pointer;}
.iview-controlNav a.active {font-weight:bold;}
.iview-controlNav .iview-items ul {list-style: none;}
.iview-controlNav .iview-items ul li {display: inline;position: relative;}
.iview-controlNav .iview-tooltip {position: absolute;}
/* The captions in the Slider */
.iview-caption {position:absolute;z-index:4;overflow: hidden;cursor: default;}
/* The video show in the Slider */
.iview-video-show {background: #000;position: absolute;width: 100%;height: 100%;z-index: 101;}
.iview-video-show .iview-video-container {position: relative;width: 100%;height: 100%;}
.iview-video-show .iview-video-container a.iview-video-close {position: absolute;right: 10px;top: 10px;background: #222;color: #FFF;height: 20px;width: 20px;text-align: center;line-height: 29px;font-size: 22px;font-weight: bold;overflow: hidden;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.iview-video-show .iview-video-container a.iview-video-close:hover {background: #444;}
#but-hide {}#line-hover {height:220px;cursor:pointer;overflow:hidden;}
#line-hide {margin-top:20px;}
#line-hover:hover > #line-hide {display:block;margin-top:-20px;}
.up-button {    width: 35px;    height: 35px;    margin-left: 20px;    margin-top: 20px;    border-left: 2px solid #603813;    border-top: 2px solid #603813;    float: left;    color: #fff;    text-align: center;}
#up-button-m { width: 50px;    height: 50px;    float: right;    margin-top: -30px;    transform: rotate(45deg);}
.up-button:hover{border-color:#695831;cursor:pointer;}
.breadc{font-size:18px;padding-left:10px;padding-right:10px;margin-bottom:-4px;float:left;}
.bg-backgrounddd ul {}
.bg-backgrounddd ol {	}
.bg-backgrounddd li {	margin-top:10px;font-weight:bold;font-size:16px;}
.bg-backgrounddd ul li {	margin-top:0px;font-weight:normal;font-size:14px;}

img.produk{   -webkit-transition: all .3s ease-out;    -moz-transition: all .3s ease-out;    -o-transition: all .3s ease-out;    transition: all .3s ease-out;}
img.produk:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}